/* Accueil v3 (10/11/2026) — style sombre et sportif, d'après la maquette choisie par Yannick */
/* 10/11/2026 : style « sport » d'après la maquette ChatGPT choisie par Yannick — sombre, capitales italiques, orange */
    /* 10/11 : texte clair seulement dans la page et le pied (sinon le menu du compte, clair, devenait illisible) */
    body.v3{background:var(--v3-noir);color:var(--v3-roche)}
    .v3 main,.v3 .site-footer,.v3 .site-header{color:#E9E6E2}
    .v3 .site-header .hd-esp-m,.v3 .site-header .nav-dd-menu,.v3 .site-header .hd-espace{color:var(--v3-roche)}
    .v3 .site-header.scrolled .hd-espace{color:#fff}
    .v3 .site-footer .footer-brand{color:#fff}.v3 .site-footer a{color:#D8D2CB}.v3 .site-footer a:hover{color:var(--v3-orange)}
    /* 10/11 (Yannick : menu trop clair sur téléphone) : panneau du menu en sombre, liens blancs */
    @media (max-width:1080px){
      .v3 .site-header .nav{background:rgba(16,18,20,.97)!important}
      /* la croix (et le burger) étaient marron foncé sur l'en-tête noir → invisibles, on ne pouvait plus fermer le menu */
      .v3 .site-header .nav-toggle span{background:#fff!important}
      .v3 .site-header .nav a,.v3 .site-header .nav .nav-dd-btn{color:#fff!important;border-bottom-color:#2A2E33!important}
      .v3 .site-header .nav .nav-dd-menu,.v3 .site-header .nav .nav-dd-menu a{color:#D8D2CB!important}
      .v3 .site-header .nav .nav-dd-col b,.v3 .site-header .nav .nav-dd-moi b{color:#9C968F!important}
    }
    .v3 .v3-chapo{color:#B9B4AE}
    .v3-sur{color:#D8D2CB;letter-spacing:.28em;font-weight:600}
    .cond{font-family:var(--v3-titre);font-weight:700;text-transform:uppercase;letter-spacing:.06em}

    /* 1 · ouverture */
    .h{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff}
    .h>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:v3-zoom 16s var(--v3-ease) both}
    .h::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,20,.85) 0%,rgba(16,18,20,.35) 55%,rgba(16,18,20,.1) 100%),linear-gradient(180deg,rgba(16,18,20,.5) 0%,transparent 30%,transparent 55%,var(--v3-noir) 100%)}
    .h-in{position:relative;z-index:1;padding-top:110px;padding-bottom:220px}
    .h .v3-hero-t{font-size:clamp(3.4rem,10vw,8.5rem);margin:0}
    .h-sous{font:italic 600 clamp(1.4rem,3.4vw,2.8rem)/1.05 var(--v3-titre);text-transform:uppercase;margin:.2em 0 .7em;color:#fff}
    .h .v3-chapo{color:rgba(255,255,255,.85);max-width:30em;font-size:1.05rem}
    .h-act{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
    .v3-btn-p.cond{font-size:1.05rem;letter-spacing:.08em}
    .h-lien{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:500}
    .h-lien span{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);display:grid;place-items:center}
    .h-lien:hover span{background:#fff;color:var(--v3-noir)}

    /* tuiles d'activités, posées sur le bas de la photo */
    .act{position:relative;z-index:2;margin-top:-190px}
    .act-in{display:grid;grid-template-columns:170px repeat(6,1fr);gap:12px;align-items:stretch}
    .act-t{align-self:center;font:italic 800 1.65rem/1 var(--v3-titre);text-transform:uppercase;color:#fff;margin:0}
    .act-t::after{content:"";display:block;width:54px;height:4px;background:var(--v3-orange);margin-top:14px;border-radius:2px}
    .tu{position:relative;display:flex;align-items:flex-end;aspect-ratio:3/3.6;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;background:var(--v3-noir-3);box-shadow:0 18px 40px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);transition:transform .35s var(--v3-ease),border-color .35s}
    .tu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--v3-ease)}
    .tu::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(16,18,20,.9))}
    .tu b{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:100%;padding:12px;font:700 1rem/1 var(--v3-titre);text-transform:uppercase;letter-spacing:.05em}
    .tu b svg{flex:none;width:26px;height:26px;padding:4px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%}
    .tu b i{margin-left:auto;font-style:normal;color:var(--v3-orange)}
    .tu:hover{transform:translateY(-6px);border-color:var(--v3-orange)}.tu:hover img{transform:scale(1.07)}
    @media (max-width:1000px){
      .act{margin-top:-150px}.h-in{padding-bottom:170px}
      .act-in{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:42%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
      .act-in>*{scroll-snap-align:start}.act-t{grid-column:1/-1;display:none}
    }
    @media (max-width:560px){.act-in{grid-auto-columns:46%}.tu b{font-size:.92rem;padding:10px}}

    /* 2 · carte */
    .ca{position:relative;margin-top:clamp(56px,8vw,100px);display:grid;grid-template-columns:minmax(260px,.8fr) 2fr;min-height:520px;background:var(--v3-noir-2);overflow:hidden;border-top:1px solid #24282C;border-bottom:1px solid #24282C}
    .ca-txt{position:relative;z-index:1;padding:clamp(36px,6vw,80px) var(--v3-gout);display:flex;flex-direction:column;justify-content:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' fill='none' stroke='%23ffffff' stroke-opacity='.06'%3E%3Cpath d='M-20 80c80-40 160 40 240 0s160-60 220 0M-20 140c80-40 160 40 240 0s160-60 220 0M-20 200c80-40 160 40 240 0s160-60 220 0M-20 260c80-40 160 40 240 0s160-60 220 0M-20 320c80-40 160 40 240 0s160-60 220 0'/%3E%3C/svg%3E")}
    .ca-vis{position:relative;min-height:520px;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
    .ca-vis{background:#05070b}
    .ca-vis>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 25%;filter:sepia(.35) saturate(1.5) brightness(1.15) contrast(1.1)}/* lumières des villes plus chaudes, dans l'orange du site */
    .ca-credit{position:absolute;z-index:1;top:10px;right:14px;font-size:.7rem;color:rgba(255,255,255,.55)}
    .ca-vis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,11,0) 45%,rgba(5,7,11,.85) 100%)}
    .ca-chif{position:absolute;z-index:1;left:12%;right:4%;bottom:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .ca-chif b{display:block;font:italic 800 clamp(2rem,3.6vw,3.2rem)/1 var(--v3-titre);color:#fff}
    .ca-chif span{display:block;margin-top:4px;color:#F3C9AE;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
    @media (max-width:820px){.ca{grid-template-columns:1fr}.ca-vis{min-height:380px;clip-path:none}.ca-chif{left:16px;right:16px;grid-template-columns:1fr 1fr;gap:18px}}    .de{display:grid;grid-template-columns:minmax(240px,.7fr) 2.3fr;gap:clamp(24px,4vw,48px);align-items:center}
    .de-car{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 12px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px}
    .de-car::-webkit-scrollbar{display:none}
    .de-car>a{scroll-snap-align:start;position:relative;aspect-ratio:4/3.3;border-radius:12px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.08)}
    .de-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--v3-ease)}
    .de-car>a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(16,18,20,.88))}
    .de-car>a:hover img{transform:scale(1.07)}
    .de-car span{position:absolute;z-index:1;left:14px;bottom:12px}
    .de-car b{display:block;font:700 1.3rem/1 var(--v3-titre);text-transform:uppercase}
    .de-car small{opacity:.8;font-size:.82rem}
    .fl{display:flex;gap:10px;margin-top:22px}
    .fl button{width:44px;height:44px;border-radius:50%;border:1.5px solid #4A4F55;background:transparent;color:#fff;font-size:1.3rem;cursor:pointer}.fl button:hover{border-color:var(--v3-orange);color:var(--v3-orange)}
    .lien-o{color:#fff;font-weight:600;font-size:.92rem;text-decoration:underline;text-decoration-color:var(--v3-orange);text-underline-offset:5px}
    @media (max-width:900px){.de{grid-template-columns:1fr}.de-car{grid-auto-columns:62%}.fl{display:none}}

    /* 4 · sélections */
    .se-tete{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
    .se-tete .v3-h1{margin:0}
    .ong{display:flex;gap:8px;flex-wrap:wrap}
    .ong button{font:700 .98rem/1 var(--v3-titre);text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-radius:999px;border:1.5px solid #3A3F44;background:transparent;color:#D8D2CB;cursor:pointer}
    .ong button[aria-selected=true]{background:var(--v3-orange);border-color:var(--v3-orange);color:#fff}
    .se{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}
    .se>*{scroll-snap-align:start}
    .se[hidden]{display:none}/* 10/11 : sans ça, display:grid gardait les 3 listes visibles et les onglets semblaient ne rien faire */
    .v3 .v3-fiche{background:var(--v3-noir-2);color:#E9E6E2;box-shadow:none;border:1px solid #24282C;transition:border-color .3s,transform .3s}
    .v3 .v3-fiche:hover{border-color:var(--v3-orange);transform:translateY(-4px)}
    .v3-fiche .v3-h3{font-size:1.4rem;margin:.5em 0 0}
    .v3 .v3-chiffres{color:#9C968F}.v3 .v3-chiffres b{color:var(--v3-orange)}
    .v3 .v3-tag{background:#24282C;color:#D8D2CB}
    @media (max-width:640px){.se{grid-auto-columns:78%}}

    /* 5 · bannière finale */
    .fi{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;margin-top:clamp(56px,8vw,100px)}
    .fi>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .fi::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,20,.88),rgba(16,18,20,.25) 65%),linear-gradient(180deg,var(--v3-noir),transparent 25%,transparent 75%,var(--v3-noir))}
    .fi-in{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;width:100%}
    .fi .v3-hero-t{font-size:clamp(2.8rem,7vw,6rem)}
    .bx{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(16,18,20,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden}
    .bx a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 26px;text-decoration:none;color:#fff;text-align:center;font-size:.9rem;font-weight:500}
    .bx a+a{border-left:1px solid rgba(255,255,255,.12)}
    .bx a:hover{color:var(--v3-orange)}
    .bx svg{width:30px;height:30px}
    @media (max-width:640px){.bx{width:100%}.bx a{padding:18px 8px}}
    /* en-tête et pied du site (structure commune, main.js) habillés en sombre sur l'accueil */
    .v3 .site-header.scrolled{background:rgba(16,18,20,.94);box-shadow:0 1px 0 #24282C}
    .v3 .site-header.scrolled .brand,.v3 .site-header.scrolled .nav>a,.v3 .site-header.scrolled .nav-dd>a,.v3 .site-header.scrolled .vt-sbtn,.v3 .site-header.scrolled .nav-toggle{color:#fff}
    .v3 .brand span{font:italic 800 1.6rem/1 var(--v3-titre);letter-spacing:.02em;text-transform:uppercase}
    @media (min-width:1081px){.v3 .nav>a,.v3 .nav-dd>a{font:600 1.02rem/1 var(--v3-titre);text-transform:uppercase;letter-spacing:.06em}}
    .v3 .site-footer{background:#0B0C0E;border-image:none;border-top:1px solid #1E2124}
    .v3 .v3-sec .ac-salon{margin-top:18px}
    /* bloc « Les dernières nouveautés » et salon du moment */
    .ac-salon{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:12px;background:var(--v3-noir-2);border:1px solid #24282C;color:#E9E6E2;text-decoration:none}
    .ac-salon i{margin-left:auto;font-style:normal;color:var(--v3-orange)}.ac-salon:hover{border-color:var(--v3-orange)}
    .ac-salon[hidden]{display:none!important}
    #ac-qdn h2 small{font:500 .9rem var(--v3-texte);text-transform:none;margin-left:12px}#ac-qdn h2 small a{color:var(--v3-orange)}
    #ac-qdn [data-ac-fil]{background:var(--v3-papier);color:var(--v3-roche);border-radius:var(--v3-r);padding:8px 18px}