/* ================================================================
   THÈME « PREMIUM TURC + ÉDITORIAL » — PROTOTYPE (surcouche)
   À charger APRÈS styles.css. Non destructif : surcharge uniquement.
   Ornements géométriques turcs (SVG inline) + palette dorée affinée
   + respiration éditoriale + micro-interactions.
   ================================================================ */

:root{
  --ambre:#cfa24a;      /* doré cuivré, plus riche */
  --ambre-2:#e7cd84;
  --braise:#cf2b22;     /* rouge légèrement plus profond */
  --braise-d:#a51c15;
  --or-ligne:rgba(207,162,74,.55);
}

/* ---- Respiration éditoriale : plus d'air entre les sections ---- */
.promos,.affiches-section,.cats-showcase,.story,.avis-section,
.fidelite-section,.map-section{padding-top:72px;padding-bottom:12px}

/* ---- Ornement de section : petit motif doré centré au-dessus du titre ---- */
.section-head{position:relative}
.section-head::before{
  content:"";display:block;width:132px;height:20px;margin:0 auto 14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='20' viewBox='0 0 132 20'%3E%3Cg stroke='%23cfa24a' fill='none' stroke-width='1.4'%3E%3Cline x1='2' y1='10' x2='48' y2='10'/%3E%3Cline x1='84' y1='10' x2='130' y2='10'/%3E%3C/g%3E%3Cg fill='%23cfa24a'%3E%3Cpath d='M66 2 l4.5 8 -4.5 8 -4.5 -8 z'/%3E%3Cpath d='M57 10 l9 -4.5 9 4.5 -9 4.5 z'/%3E%3Ccircle cx='50' cy='10' r='1.6'/%3E%3Ccircle cx='82' cy='10' r='1.6'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.section-head h2{letter-spacing:.5px}
.section-head h2::after{content:none} /* retire un éventuel filet existant, remplacé par l'ornement */

/* ---- Titres marketing un cran plus premium ---- */
.hero h1{letter-spacing:.5px}
.eyebrow{letter-spacing:3px;color:var(--ambre)}

/* ---- Cartes : hairline dorée + soulèvement doux au survol ---- */
.cat-tile,.promo,.promo-card,.info-card,.avis-card,.story-card,.fidelite-card{
  border:1px solid rgba(207,162,74,.28);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cat-tile:hover,.promo:hover,.promo-card:hover,.info-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  border-color:var(--or-ligne);
}

/* ---- Motif étoilé très discret dans les blocs « histoire » et « avis » ---- */
.story-card,.avis-card{position:relative;overflow:hidden}
.story-card::after,.avis-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23cfa24a' stroke-width='1' opacity='0.16'%3E%3Crect x='15' y='15' width='26' height='26'/%3E%3Crect x='15' y='15' width='26' height='26' transform='rotate(45 28 28)'/%3E%3C/g%3E%3C/svg%3E") repeat;
}
.story-card>*,.avis-card>*{position:relative;z-index:1}

/* ---- Filet doré décoratif en tête et pied ---- */
.site-header{box-shadow:0 2px 0 rgba(207,162,74,.35)}

/* ---- Boutons : le primaire garde le rouge mais gagne un liseré doré ---- */
.btn-primary{
  box-shadow:inset 0 0 0 1.5px rgba(231,205,132,.55), 0 8px 22px rgba(0,0,0,.22);
}
.btn-primary:hover{filter:brightness(1.04)}
.btn-ghost{border-color:var(--ambre);color:var(--ambre)}
.btn-ghost:hover{background:rgba(207,162,74,.12)}

/* ---- Note d'avis en doré (accent premium) ---- */
.avis-note{color:var(--ambre)}

/* ---- Badge « distinction » du hero, filet doré ---- */
.hero-award{box-shadow:inset 0 0 0 1px rgba(207,162,74,.5)}

/* ---- Bandeau promo du hero : coins ornés ---- */
.hero-promo{border:1px solid rgba(231,205,132,.4)}