/* ==========================================================================
   Orane Sigal : marges latérales sur téléphone (2026-09-30)
   oas.css posait 10 px de marge sur téléphone (« padding lateral 10px partout ») aux sections
   Atelier Galerie (accueil, à propos, commandes, pied de page, en-tête) et aux rangées Kadence
   des archives produits (boutique, catégories) : cartes produit et paragraphes collaient au
   bord de l'écran. Gouttière de 20 px à la place, sur les mêmes blocs ; rien d'autre ne change.
   Chargée après oas.css. html body … !important : passe devant les « !important » d'oas.css
   (dont body.tax-product_cat .kt-row-column-wrap) et le CSS en ligne des blocs Kadence.
   ========================================================================== */

@media(max-width:768px){
  html body .ag-wrap,
  html body .ag-header-in,
  html body .ag-vals,
  html body .ag-news-in,
  html body .ag-foot-grid,
  html body .ag-reassure-in,
  html body .ag-copy,
  html body .ag-bar,
  html body .ag-about .ag-ab-wrap,
  html body .ag-ab-grid,
  html body.tax-product_cat .kt-row-column-wrap,
  html body.post-type-archive-product .kt-row-column-wrap{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  html body .ag-pwgate{margin-left:20px;margin-right:20px}
}

/* Cartes produit : le texte réservé aux lecteurs d'écran (« Le prix actuel est : … »),
   invisible, était calé à droite de la carte et mesuré au-delà du bord de l'écran.
   Il part du bord gauche du bloc de la carte. Aucun effet à l'écran. */
html body ul.products li.product .screen-reader-text{left:0!important;right:auto!important}