/* ═══════════════════════════════════════════════════════════════
   ENLUMINURE — l'identité visuelle de la maison, partagée par les pages
   intérieures (fiches, Apex, professionnels, commande, contact…).
   Lettrines, filets dorés, fleurons, cadres à coins : rien à modifier
   page par page, tout se règle ici.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --enl-or: #B8862B;
  --enl-or-clair: #E0B142;
  --enl-cinabre: #B33232;
  --enl-emeraude: #1B5E3F;
  /* Filet doré avec feuille centrale (même motif que l'accueil) */
  --enl-filet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23B8862B' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23B8862B'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='9.5' width='82' height='1' fill='url(%23g)'/%3E%3Crect x='118' y='9.5' width='82' height='1' fill='url(%23g)' transform='rotate(180 159 10)'/%3E%3Cpath d='M100 1 Q107 6 107 10 Q107 14 100 19 Q93 14 93 10 Q93 6 100 1Z' fill='%23B33232'/%3E%3Cpath d='M100 5 Q103 8 103 10 Q103 12 100 15 Q97 12 97 10 Q97 8 100 5Z' fill='%23F0CB5C'/%3E%3Ccircle cx='88' cy='10' r='1.6' fill='%23B8862B'/%3E%3Ccircle cx='112' cy='10' r='1.6' fill='%23B8862B'/%3E%3C/svg%3E");
  /* Coin enluminé (équerre dorée à double trait) */
  --enl-coin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 23V1h22' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M5 23V5h18' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%23B33232'/%3E%3C/svg%3E");
}

/* ── Barre de navigation : double filet d'or ── */
.nav { border-bottom: 3px double var(--enl-or) !important; }

/* ── Titre principal : filet enluminé dessous ── */
.hero-title::after {
  content: ""; display: block; width: 180px; height: 18px; margin-top: 18px;
  background: var(--enl-filet) center / contain no-repeat;
}
.pro-head .hero-title::after, .pu-head .hero-title::after, .ont-head .hero-title::after,
.ct-head .hero-title::after, .hero-title.centre::after,
[style*="text-align:center"] > .hero-title::after { margin-left: auto; margin-right: auto; }
.hero-title em { color: var(--enl-cinabre); }

/* ── Étiquettes de section : fleuron cinabre + filet ── */
.section-label { display: flex; align-items: center; gap: .7em; }
.section-label::before { content: "❦"; color: var(--enl-cinabre); font-size: 1.25em; letter-spacing: 0; line-height: 1; }
.section-label::after { content: ""; flex: 0 1 70px; height: 1px; background: linear-gradient(90deg, var(--enl-or), transparent); }

/* ── Titres de section : l'accent en cinabre ── */
.section-title em { color: var(--enl-cinabre); }

/* ── Séparation des sections : filet doré à feuille, au lieu d'un trait nu ── */
.section { border-top: none !important; }
.section:not(:first-child)::before {
  content: ""; display: block; height: 20px; margin: 0 auto 44px; max-width: 320px;
  background: var(--enl-filet) center / contain no-repeat;
}

/* ── Lettrine : première lettre du premier paragraphe de chaque section ── */
.section-title + p::first-letter,
.section > p:first-child::first-letter {
  float: left;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 700; font-style: normal;
  font-size: 3.4em; line-height: .82;
  color: var(--enl-cinabre);
  margin: .06em .14em 0 0;
  padding: .1em .12em .06em;
  border: 1px solid var(--enl-or);
  outline: 1px solid rgba(184,134,43,.35); outline-offset: 3px;
  background: linear-gradient(135deg, #FBF3DD, #EFDFB6);
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}

/* ── Encadrés sombres : cadre intérieur doré et coins enluminés ── */
.highlight-box, .coa-block, .pro-offre, .product-card, .summary-box, .achat { position: relative; }
.highlight-box::before, .coa-block::before {
  content: ""; position: absolute; inset: 7px; border: 1px solid rgba(224,177,66,.3); pointer-events: none;
}
.highlight-box::after, .coa-block::after, .pro-offre::after, .product-card::after, .summary-box::after, .achat::after {
  content: ""; position: absolute; inset: 3px; pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 23V1h22' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M5 23V5h18' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") top left / 22px 22px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 23V1H1' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M19 23V5H1' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='19' cy='5' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") top right / 22px 22px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 1v22h22' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M5 1v18h18' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='5' cy='19' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") bottom left / 22px 22px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 1v22H1' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M19 1v18H1' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") bottom right / 22px 22px no-repeat;
}

/* Listes : puces fleuronnées */
.pro-offre ul li, .content ul:not([class]) li { position: relative; padding-left: 1.5em; }
.pro-offre ul li::before, .content ul:not([class]) li::before {
  content: "❦"; position: absolute; left: 0; top: .55em; font-size: .85em; line-height: 1;
  color: var(--enl-or-clair);
}
.content ul:not([class]) li::before { color: var(--enl-cinabre); }

/* ── Page Professionnels : atouts sous filet à losange ── */
.pro-atout { border-top: none !important; position: relative; padding-top: 22px !important; text-align: center; }
.pro-atout::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 12px;
  background:
    linear-gradient(var(--enl-or), var(--enl-or)) left center / calc(50% - 10px) 1px no-repeat,
    linear-gradient(var(--enl-or), var(--enl-or)) right center / calc(50% - 10px) 1px no-repeat;
}
.pro-atout::after {
  content: ""; position: absolute; top: 2px; left: calc(50% - 4px); width: 8px; height: 8px;
  background: var(--enl-cinabre); transform: rotate(45deg); outline: 1px solid var(--enl-or); outline-offset: 2px;
}
.pro-atout b { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.3rem !important; }
.pro-offre .num::before { content: "❦ "; color: var(--enl-cinabre); }

/* ── Mentions en pied de page : fleuron d'ouverture ── */
.notice { border-top: none !important; position: relative; padding-top: 36px !important; }
.notice::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 220px; height: 18px; background: var(--enl-filet) center / contain no-repeat;
}

/* ── Cadre d'image : coins enluminés ── */
.hero-img-frame::after {
  content: ""; position: absolute; inset: -4px; pointer-events: none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 23V1h22' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M5 23V5h18' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='5' cy='5' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") top left / 26px 26px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 23V1H1' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M19 23V5H1' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='19' cy='5' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") top right / 26px 26px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 1v22h22' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M5 1v18h18' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='5' cy='19' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") bottom left / 26px 26px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 1v22H1' fill='none' stroke='%23E0B142' stroke-width='1.6'/%3E%3Cpath d='M19 1v18H1' fill='none' stroke='%23E0B142' stroke-width='.7' opacity='.7'/%3E%3Ccircle cx='19' cy='19' r='1.6' fill='%23B33232'/%3E%3C/svg%3E") bottom right / 26px 26px no-repeat;
}

@media (max-width: 640px) {
  .section-title + p::first-letter, .section > p:first-child::first-letter { font-size: 2.8em; }
}

/* ── Prix : bien visible, en cinabre ── */
.achat-prix {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: normal !important; font-weight: 700 !important;
  font-size: 2.3rem !important; line-height: 1 !important;
  color: var(--enl-cinabre) !important;
  font-variant-numeric: lining-nums;
}
.achat-prix .prix-barre { font-size: .55em !important; font-weight: 500; color: #6b6352; opacity: .8 !important; vertical-align: middle; }
.product-price { font-style: normal !important; font-weight: 700 !important; font-size: 22px !important; color: var(--enl-cinabre) !important; }
.product-price span { font-weight: 500; }

/* Boutons de format : chiffres alignés, plus lisibles */
button, .achat-format { font-variant-numeric: lining-nums; }
.achat-format { font-size: 1.05rem; }