/* =========================================================
   Visit Illkirch — Thème v3 « Mix » : hero original + palette aquarelle v2
   Surcouche de styles.css. Le hero reste celui de styles.css (.hero).
   ========================================================= */
:root{
  --v3-cream:#fbf6ee; --v3-vine:#557f52; --v3-vine-dk:#3f6440;
  --v3-geranium:#c9524a; --v3-gold:#c99a3e; --v3-timber:#6b4326; --v3-ink:#332e26;
}
body.v3{background:var(--v3-cream);color:var(--v3-ink)}
body.v3 .section-soft{background:transparent}
body.v3 .section-head .kicker,body.v3 .kicker{color:var(--v3-geranium)!important;letter-spacing:.11em}
body.v3 .section-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}

/* Lavis aquarelle + grain (comme v2), mais le hero reste l'original */
body.v3::before{content:"";position:fixed;inset:-15%;z-index:-3;pointer-events:none;
  background:
    radial-gradient(36rem 36rem at 12% 16%, rgba(85,127,82,.14), transparent 66%),
    radial-gradient(32rem 32rem at 90% 10%, rgba(201,82,74,.11), transparent 66%),
    radial-gradient(38rem 38rem at 84% 82%, rgba(201,154,62,.13), transparent 66%),
    radial-gradient(32rem 32rem at 14% 90%, rgba(85,127,82,.10), transparent 66%);
  animation:v3drift 28s ease-in-out infinite alternate}
@keyframes v3drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(2%,1.4%,0) scale(1.04)}}
body.v3::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}
/* Le hero original doit rester au-dessus des lavis */
body.v3 .hero{position:relative;z-index:0}

/* Colombage en filigrane (à poser via .colombage) */
body.v3 .colombage{position:relative;isolation:isolate}
body.v3 .colombage::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.045;
  background-image:
    repeating-linear-gradient(45deg, var(--v3-timber) 0 2px, transparent 2px 32px),
    repeating-linear-gradient(-45deg, var(--v3-timber) 0 2px, transparent 2px 32px)}

/* Cartes : coins organiques + survol doux */
body.v3 .cat-card{border-radius:20px 20px 20px 6px}
body.v3 .cat-card:hover img{transform:scale(1.06)}
body.v3 .hcard{border-radius:18px 18px 18px 6px}
body.v3 .feature-media{border-radius:20px 20px 20px 6px}
body.v3 .quote{border-radius:18px 18px 18px 6px}
body.v3 .map-wrap{border-radius:20px 20px 20px 6px;border-color:rgba(107,67,38,.14)}

/* Bandeau carte : dégradé vigne */
body.v3 .map-band::before{background:linear-gradient(120deg,var(--v3-vine),var(--v3-vine-dk))}

/* Boutons — palette aquarelle */
body.v3 .btn-primary{background:var(--v3-vine)}
body.v3 .btn-primary:hover{background:var(--v3-vine-dk)}
body.v3 .btn-accent{background:var(--v3-geranium)}
body.v3 .btn-accent:hover{background:#a94139}
body.v3 .btn-outline:hover{border-color:var(--v3-vine);color:var(--v3-vine-dk)}
/* Le bouton de recherche du hero original */
body.v3 .hero-search .btn-primary{background:var(--v3-vine)}

/* Footer : on conserve le vert de l'index actuel (demande de Louis) */
body.v3 .site-footer{background:#0c1f1a}
body.v3 .footer-partners a{color:#fff}