/* AG-AURORA-TITRES-02 (05/11/2026) — le style des titres de section de l'accueil (AG-AURORA-TITRES-01) étendu à TOUTES les autres
   pages, à la demande du propriétaire le 05/11 (« toutes les pages avec des titres soient la même que la home », mise en ligne
   autorisée) : sur-titre = petite barre + libellé en majuscules espacées (icône ou emoji masqués) ; titre en MAJUSCULES grasses
   inclinées, police des titres de l'accueil (Manrope) ; un mot clé dans une pastille arrondie et penchée (texte blanc) ; barre sous
   le titre. Les cartes de couleur gardent leur teinte (promotions rouge, nouveautés violet, meilleures ventes ambre, packs bleu,
   magasin vert), comme la FAQ de l'accueil garde son violet. Tailles et couleurs des titres : inchangées.
   Toutes les règles dépendent de html.au-t2, posée par le script du bloc (jamais sur l'accueil, que TITRES-01 gère) ; la pastille
   (span.au-pastille) est posée par ce script. Non touchés : titres des cartes de la fiche produit (.product-section-title), nom du
   produit et du pack, petits titres internes. */

@font-face {
  font-family: "Manrope"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url("/themes/absolugrow/assets/fonts/au-manrope-latin-ext.woff2?v=ea827930") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Manrope"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url("/themes/absolugrow/assets/fonts/au-manrope-latin.woff2?v=b222d83c") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html.au-t2 {
  --aut-barre: #80E397;                               /* barres : vert clair de l'accueil */
  --aut-pastille: #278451;                            /* pastille : vert de l'accueil */
  --aut-ombre: 0 .12em .32em rgba(17, 61, 37, .26);
  --aut-etiq: #4D5751;                                /* libellé du sur-titre */
}
/* cartes de couleur : même écriture, leur teinte */
html.au-t2 .ag-pd-hero  { --aut-barre: #FCA5A5; --aut-pastille: #DC2626; --aut-ombre: 0 .12em .32em rgba(153, 27, 27, .26); --aut-etiq: #6E4B4B; }
html.au-t2 .ag-lp--new  { --aut-barre: #C4B5FD; --aut-pastille: #6D28D9; --aut-ombre: 0 .12em .32em rgba(76, 29, 149, .24); --aut-etiq: #4C4A6B; }
html.au-t2 .ag-lp--best { --aut-barre: #FCD34D; --aut-pastille: #D97706; --aut-ombre: 0 .12em .32em rgba(120, 53, 15, .28); --aut-etiq: #6B5844; }
html.au-t2 .ag-ph--bleu { --aut-barre: #93C5FD; --aut-pastille: #1D4ED8; --aut-ombre: 0 .12em .32em rgba(30, 58, 138, .26); --aut-etiq: #46506E; }
html.au-t2 .ag-ph--vert { --aut-barre: #6EE7B7; --aut-pastille: #047857; --aut-ombre: 0 .12em .32em rgba(6, 78, 59, .26); }
html.au-t2 .ag-syn-products { --aut-barre: #67E8F9; --aut-pastille: #0E7490; --aut-ombre: 0 .12em .32em rgba(22, 78, 99, .26); --aut-etiq: #44606A; }  /* fiche : « Alternatives comparables » garde son cyan */

/* 1. sur-titre : la pastille claire devient barre + libellé (l'icône ou l'emoji laisse sa place à la barre) */
html.au-t2 .section-tag .tag,
html.au-t2 .ag-cms-tag {
  display: inline-flex; align-items: center; gap: .9em; height: auto; padding: 0;
  border: 0 !important; border-radius: 0; background: none !important; box-shadow: none;
  color: var(--aut-etiq) !important;
  font-family: var(--font-body); font-size: 12px; font-weight: 700; line-height: 1.25; letter-spacing: .16em; text-transform: uppercase;
}
html.au-t2 .section-tag .tag::before,
html.au-t2 .ag-cms-tag::before {
  content: ""; flex: none; width: 2.25em; height: .6em; border-radius: 99px; background: var(--aut-barre);
}
html.au-t2 .section-tag .tag svg,
html.au-t2 .section-tag .tag .au-emoji,
html.au-t2 .ag-cms-tag svg { display: none !important; }

/* 2. titre : majuscules grasses inclinées, barre dessous */
html.au-t2 .section-title,
html.au-t2 .agrp-catalog-title,
html.au-t2 .ag-search-title,
html.au-t2 .ag-cms-title {
  position: relative; padding-bottom: .62em;
  font-family: "Manrope", var(--font-disp); font-style: italic; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0; line-height: 1.18; text-wrap: balance;
}
html.au-t2 .section-title::after,
html.au-t2 .agrp-catalog-title::after,
html.au-t2 .ag-search-title::after,
html.au-t2 .ag-cms-title::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 2.5em; height: max(5px, .2em); border-radius: 99px;
  background: var(--aut-barre);
}
html.au-t2 .ag-cms-title::after { left: 50%; transform: translateX(-50%); }   /* en-tête centré des pages d'information */
html.au-t2 .au-t-texte { min-width: 0; }

/* 3. mot clé : pastille penchée derrière le mot, sans changer la hauteur des lignes */
html.au-t2 .au-pastille {
  position: relative; z-index: 0; display: inline-block; padding: 0 .3em; margin: 0 .04em; color: #fff; white-space: nowrap;
}
html.au-t2 .au-pastille::before {
  content: ""; position: absolute; z-index: -1; inset: .04em 0 0; border-radius: .17em;
  background: var(--aut-pastille); box-shadow: var(--aut-ombre); transform: skewX(-12deg);
}

/* téléphone : les retours à la ligne voulus pour l'ordinateur coupent mal en majuscules ; le titre se répartit seul */
@media (max-width: 767px) {
  html.au-t2 .section-title br { display: none; }
}
@media (min-width: 1024px) {
  html.au-t2 .section-tag .tag,
  html.au-t2 .ag-cms-tag { font-size: 13px; }
}