/* AG-AURORA-VAGUES-01 (05/11/2026) — sections « vagues » au thème Aurora, EN LIGNE pour tous les visiteurs, validé par le propriétaire
   le 05/11 (« ok on mes en ligne ») : accueil « Catégories principales » (#categories) et « La référence des growers » (#brand), fiche
   produit « Pourquoi ce produit ? » (#pourquoi) et « Avis clients » (#avis). Plus de vagues de mer ni de gouttes (.ag-sea-edge) :
   - en haut et en bas, la page se fond dans la nuit avec les teintes mesurées du fondu de la bannière de l'accueil, puis la lueur
     turquoise s'éteint lentement ; le rayon d'aurore descend du haut, des gerbes entrent par les coins et ferment le bas ;
   - des lignes de lumière d'aurore traversent le fond de la section et passent DERRIÈRE les cartes : les cartes restent blanches,
     au premier plan, sans rien dessus (consigne du propriétaire) ; les 3 encadrés de « La marque » (jamais blancs) prennent un
     verre dépoli sombre pour rester lisibles devant les lignes.
   Lumière = cartes de lumière WebP sur fond noir posées en « screen » (même calcul que le fond de la bannière : 1 − (1 − fond)(1 −
   lumière)). Rien ne bouge. Hauteurs, marges et contenus inchangés. Pas de contexte d'empilement sur la section (AG-SEA-3 : les
   fenêtres des avis passent devant le voile). #bestsellers et #guides (fond clair sur l'accueil) ne sont pas touchés. Impression
   inchangée (tout est sous @media screen). Retour arrière : rollback.php de ~/absolugrow-backups/AG-AURORA-VAGUES-01-20261105. */
@media screen {
html body .ag-sea:is(#categories, #brand, #pourquoi, #avis) {
  --agv-page: #F8F9F5;                     /* fond de la page autour de la section */
  --agv-fl: 120px;                         /* longueur des fondus */
  --agv-haut: url("/themes/absolugrow/assets/img/ag-aurora-vagues-01-haut-d.webp?v=d8921aad");
  --agv-bas: url("/themes/absolugrow/assets/img/ag-aurora-vagues-01-bas-d.webp?v=3c76331e");
  --agv-lignes: url("/themes/absolugrow/assets/img/ag-aurora-vagues-01-lignes-d.webp?v=41519a8e");
  --agv-lp: 50% 83%;                       /* zone des lignes de lumière : position… */
  --agv-lt: 100% 64%;                      /* …et taille, en % de la section */
  --agv-fondu: var(--agv-page) 0, #E4F2F0 calc(var(--agv-fl) * .083), #C8E5E2 calc(var(--agv-fl) * .167), #AAD8D2 calc(var(--agv-fl) * .25),
      #87C5BD calc(var(--agv-fl) * .333), #65AEA5 calc(var(--agv-fl) * .417), #47958D calc(var(--agv-fl) * .5), #2D7B76 calc(var(--agv-fl) * .583),
      #1A6462 calc(var(--agv-fl) * .667), #0D5252 calc(var(--agv-fl) * .75), #064647 calc(var(--agv-fl) * .833), #023D3E calc(var(--agv-fl) * .917),
      rgba(2, 61, 62, .62) calc(var(--agv-fl) * 1.4), rgba(2, 61, 62, .26) calc(var(--agv-fl) * 1.9), rgba(2, 61, 62, 0) calc(var(--agv-fl) * 2.5);
  background:
    var(--agv-haut) 50% 0 / 100% auto no-repeat,
    var(--agv-bas) 50% 100% / 100% auto no-repeat,
    var(--agv-lignes) var(--agv-lp) / var(--agv-lt) no-repeat,
    linear-gradient(180deg, var(--agv-fondu)) 0 0 / 100% calc(var(--agv-fl) * 2.5) no-repeat,
    linear-gradient(0deg, var(--agv-fondu)) 0 100% / 100% calc(var(--agv-fl) * 2.5) no-repeat,
    radial-gradient(60% 50% at 0 45%, rgba(23, 107, 80, .26), rgba(23, 107, 80, 0) 72%),
    radial-gradient(60% 50% at 100% 55%, rgba(24, 82, 87, .34), rgba(24, 82, 87, 0) 72%),
    linear-gradient(180deg, #0A2225 0%, #072023 50%, #0A2225 100%) !important;
  background-blend-mode: screen, screen, screen, normal, normal, normal, normal, normal !important;
}
html body#product .ag-sea:is(#pourquoi, #avis) { --agv-page: #FFFFFF; }
/* plus de vagues, de gouttes, de ronds ni d'éclaboussures */
html body .ag-sea:is(#categories, #brand, #pourquoi, #avis) > .ag-sea-edge { display: none !important; }
/* lignes de lumière : sous les encadrés de « La marque », sous les avantages, sous le texte « Aucun avis… » */
html body .ag-sea#brand { --agv-lp: 50% 100%; --agv-lt: 100% 42%; }
html body .ag-sea#pourquoi { --agv-lp: 50% 70%; --agv-lt: 100% 60%; }
html body .ag-sea#avis { --agv-lp: 50% 100%; --agv-lt: 100% 60%; }
/* « La marque » : ces 3 encadrés n'ont jamais été blancs (fond translucide, bord vert clair) ; un verre dépoli sombre garde leur
   texte lisible quand une ligne de lumière passe derrière */
html body#index #brand.ag-sea .brand-pill { background: rgba(6, 28, 30, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
@media (max-width: 599px) {
  html body .ag-sea:is(#categories, #brand, #pourquoi, #avis) {
    --agv-fl: 70px;
    --agv-haut: url("/themes/absolugrow/assets/img/ag-aurora-vagues-01-haut-m.webp?v=adf35cac");
    --agv-bas: url("/themes/absolugrow/assets/img/ag-aurora-vagues-01-bas-m.webp?v=a6548b0a");
    --agv-lignes: url("/themes/absolugrow/assets/img/ag-aurora-vagues-01-lignes-m.webp?v=8dc0daa2");
    --agv-lp: 50% 78%;
    --agv-lt: 100% 64%;
  }
  html body .ag-sea#brand { --agv-lp: 50% 93%; --agv-lt: 100% 40%; }
  html body .ag-sea#pourquoi { --agv-lp: 50% 71%; --agv-lt: 100% 65%; }
  html body .ag-sea#avis { --agv-lp: 50% 79%; --agv-lt: 100% 62%; }
}
/* fiche produit : couleurs Aurora (l'accueil les a déjà par sa feuille) */
html body#product .ag-sea:is(#pourquoi, #avis) .section-icon { background: rgba(167, 209, 41, .12); color: #c9e86d; }
html body#product .ag-sea:is(#pourquoi, #avis) .comments-nb,
html body#product .ag-sea:is(#pourquoi, #avis) #product-comments-list-pagination,
html body#product .ag-sea:is(#pourquoi, #avis) #product-comments-list-pagination a { color: #C7D6D1; }
}