/* ============================================================
   PHARMACIE RHAZLAOUI — v4 « Titres ALPHAM » (2026-09-17)
   Couche typographique chargée APRÈS v3.css : elle ne touche
   que les titres. Couleurs, grille et sections restent v3.

   Référence : iCloud/Alphabet_ALPHAM_3D_2026-09-13
   (Cinzel Decorative, capitales, or jaune clair, relief fin,
   biseau étroit, largeurs naturelles, espace régulier).

   Fonte servie en local (fonts/CinzelDecorative-Regular.ttf,
   licence SIL OFL jointe) : aucune dépendance externe, CSP
   font-src 'self' respectée.

   Cinzel Decorative n'a que des capitales : les minuscules
   deviennent des petites capitales. Les corps sont donc réduits
   par rapport à Fraunces pour garder les lignes courtes.
   Les h3 de cartes restent en Fraunces : trop petits pour
   une fonte décorative.
   ============================================================ */

@font-face {
  font-family: 'Cinzel Decorative';
  src: url('../fonts/CinzelDecorative-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --alpham-font: 'Cinzel Decorative', 'Cinzel', Georgia, serif;
  /* Or clair sur fond vert (hero, nav, pied de page) */
  --alpham-or-clair: linear-gradient(100deg,
    #C9A85A 0%, #EAD28E 28%, #F6E7B4 50%, #EAD28E 72%, #C9A85A 100%);
  /* Or plus profond sur fond crème / blanc (sections) */
  --alpham-or-fonce: linear-gradient(100deg,
    #7D5E1C 0%, #B98A2E 30%, #D9B85C 50%, #B98A2E 70%, #7D5E1C 100%);
}

/* Relief fin : un filet clair au-dessus (biseau), une ombre
   courte en dessous (extrusion). drop-shadow suit la forme
   des lettres même avec le remplissage dégradé. */
.alpham-title,
.v2-hero h1,
.section-title h2,
.about-content h2,
.contact-info h3,
.pm-name,
.search-title,
#footer h3,
#footer h4 {
  font-family: var(--alpham-font) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: .035em !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ── Sur fond vert : or clair ──────────────────────────── */
.v2-hero h1,
#footer h3,
#footer h4 {
  background-image: var(--alpham-or-clair) !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 248, 220, .55))
    drop-shadow(0 2px 3px rgba(0, 0, 0, .45));
}

.v2-hero h1 {
  font-size: clamp(1.55rem, 2.9vw, 2.55rem) !important;
  line-height: 1.28 !important;
  letter-spacing: .04em !important;
}
/* Pas d'italique dans Cinzel Decorative : l'accent devient
   un or plus pâle, presque blanc. */
.v2-hero h1 em {
  font-style: normal !important;
  background-image: linear-gradient(100deg, #F3E6BE, #FFF8E6, #F3E6BE) !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#footer h3,
#footer h4 {
  font-size: 1rem !important;
  letter-spacing: .06em !important;
}

/* ── Sur fond crème / blanc : or profond ───────────────── */
.section-title h2,
.about-content h2,
.contact-info h3,
.pm-name,
.search-title {
  background-image: var(--alpham-or-fonce) !important;
  filter:
    drop-shadow(0 1px 0 rgba(255, 255, 255, .8))
    drop-shadow(0 2px 2px rgba(60, 40, 0, .28));
}

.section-title h2 {
  font-size: clamp(1.45rem, 2.5vw, 2.2rem) !important;
  line-height: 1.22 !important;
}
.about-content h2 {
  font-size: clamp(1.35rem, 2.2vw, 1.9rem) !important;
  line-height: 1.25 !important;
}
/* Le span vert de v1 (« confiance ») rejoint l'or. */
.about-content h2 span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}
.contact-info h3 { font-size: 1.25rem !important; }
.pm-name         { font-size: 1.3rem !important; line-height: 1.25 !important; }
.search-title    { font-size: 1.15rem !important; }

/* ── Marque dans la navigation ─────────────────────────── */
.v2-brand-name {
  font-family: var(--alpham-font) !important;
  font-weight: 400 !important;
  font-size: .95rem !important;
  letter-spacing: .05em !important;
  background-image: var(--alpham-or-clair) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ── Mobile ────────────────────────────────────────────── */
@media (max-width: 760px) {
  .v2-hero h1      { font-size: 1.35rem !important; line-height: 1.32 !important; }
  .section-title h2 { font-size: 1.3rem !important; }
  .about-content h2 { font-size: 1.2rem !important; }
}

/* ── Les h3 de cartes conservent Fraunces (v3) ─────────── */
.catalogue-card-body h3,
.gamme-card-body h3,
.cat-card-body h3,
.offre-card h3,
.pm-section h3 {
  font-family: var(--v3-serif) !important;
}