/* =========================================================
   HISTORIQUE PREMIUM — Alpes-Sud.net
   Version sépia : hommage aux archives, tout en restant raccord
   avec la charte Alpes-Sud.net.
   ========================================================= */

.history-premium-page{
    --hist-nuit:#2f241b;
    --hist-nuit-2:#4b3625;
    --hist-sepia:#7b5735;
    --hist-sepia-2:#a97b4c;
    --hist-or:#c99a62;
    --hist-encre:#2b251f;
    --hist-texte:#4c4035;
    --hist-muted:#796b5e;
    --hist-fond:#eee4d5;
    --hist-fond-2:#dfd0bb;
    --hist-papier:#fbf6ec;
    --hist-papier-2:#f1e6d6;
    --hist-ligne:rgba(77,54,36,.18);
    --hist-ombre:0 22px 54px rgba(62,41,22,.16);

    max-width:1180px !important;
    margin:0 auto !important;
    padding:42px 20px 86px !important;
    color:var(--hist-texte);
    background:
        radial-gradient(circle at 13% 0%, rgba(201,154,98,.24), transparent 33%),
        radial-gradient(circle at 92% 18%, rgba(47,36,27,.08), transparent 28%),
        linear-gradient(180deg, var(--hist-fond) 0%, var(--hist-fond-2) 100%);
}

.history-premium-page *,
.history-premium-page *::before,
.history-premium-page *::after{ box-sizing:border-box; }

/* =========================================================
   PAGE D'ENTRÉE
   ========================================================= */

.history-premium-index-hero{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
    gap:0;
    margin:0 0 28px;
    overflow:hidden;
    background:var(--hist-nuit);
    box-shadow:var(--hist-ombre);
}

.history-premium-index-text{
    position:relative;
    min-height:520px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:48px clamp(28px,5vw,62px);
    color:#fff7e9;
    background:
        linear-gradient(135deg, rgba(47,36,27,.99), rgba(75,54,37,.97) 68%, rgba(123,87,53,.92) 125%);
    overflow:hidden;
}

.history-premium-index-text::before,
.history-premium-hero__inner::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.16;
    background:
        linear-gradient(115deg, transparent 0 57%, rgba(255,244,222,.26) 57.2%, transparent 57.8%),
        radial-gradient(ellipse at 86% 24%, transparent 0 34%, rgba(255,244,222,.34) 34.3%, transparent 34.8%, transparent 45%, rgba(255,244,222,.22) 45.3%, transparent 45.8%);
}

.history-premium-index-text::after,
.history-premium-hero__inner::after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-170px;
    width:380px;
    height:380px;
    border:1px solid rgba(255,244,222,.22);
    border-radius:50%;
    box-shadow:0 0 0 34px rgba(255,244,222,.045), 0 0 0 86px rgba(255,244,222,.028);
    pointer-events:none;
}

.history-premium-index-text h1,
.history-premium-hero h1{
    position:relative;
    z-index:1;
    margin:0;
    color:#fff5e1;
    font-size:clamp(2.45rem, 5.2vw, 5.35rem);
    line-height:.94;
    letter-spacing:-.07em;
    font-weight:820;
    text-align:left;
}

.history-premium-index-text h1::after,
.history-premium-hero h1::after{
    content:"";
    display:block;
    width:92px;
    height:2px;
    margin:24px 0 0;
    background:linear-gradient(90deg, var(--hist-or), rgba(255,245,225,.18));
}

.history-premium-intro,
.history-premium-hero__text{
    position:relative;
    z-index:1;
    max-width:790px;
    margin:26px 0 0;
}

.history-premium-intro p,
.history-premium-hero__text p{
    margin:0 0 17px;
    color:rgba(255,246,230,.80);
    font-size:1.02rem;
    line-height:1.78;
    font-weight:400;
    text-align:left;
}

.history-premium-intro p:last-child,
.history-premium-hero__text p:last-child{ margin-bottom:0; }

.history-premium-index-photo{
    margin:0;
    min-width:0;
    background:#cbb89a;
}

.history-premium-index-photo img{
    display:block;
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    filter:sepia(.28) saturate(.88) contrast(1.06) brightness(.96);
}

.history-premium-collections{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:20px;
    margin:0;
}

.history-premium-collection{
    position:relative;
    padding:28px 30px 30px;
    background:
        linear-gradient(180deg, rgba(251,246,236,.97), rgba(241,230,214,.96));
    border:1px solid var(--hist-ligne);
    box-shadow:0 15px 36px rgba(62,41,22,.10);
    overflow:hidden;
}

.history-premium-collection::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg, var(--hist-nuit), var(--hist-or), transparent);
}

.history-premium-collection::after{
    content:"";
    position:absolute;
    right:-36px;
    bottom:-54px;
    width:170px;
    height:170px;
    border:1px solid rgba(123,87,53,.12);
    border-radius:50%;
    pointer-events:none;
}

.history-premium-collection h2{
    position:relative;
    z-index:1;
    margin:0 0 18px;
    color:var(--hist-nuit);
    font-size:clamp(1.45rem,2.4vw,2rem);
    line-height:1.05;
    letter-spacing:-.04em;
    font-weight:780;
}

.history-premium-collection ul{
    position:relative;
    z-index:1;
    display:grid;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.history-premium-collection li{ margin:0; padding:0; list-style:none; }

.history-premium-collection a{
    position:relative;
    display:block;
    padding:10px 0 10px 22px;
    color:var(--hist-encre);
    border-top:1px solid rgba(77,54,36,.13);
    text-decoration:none;
    font-size:.96rem;
    line-height:1.36;
    font-weight:520;
    transition:color .16s ease, transform .16s ease;
}

.history-premium-collection li:first-child a{ border-top:0; }

.history-premium-collection a::before{
    content:"";
    position:absolute;
    left:0;
    top:18px;
    width:7px;
    height:7px;
    background:var(--hist-sepia-2);
    transform:rotate(45deg);
    opacity:.9;
}

.history-premium-collection a:hover{
    color:var(--hist-sepia);
    transform:translateX(3px);
}

/* =========================================================
   PAGES DÉTAIL
   ========================================================= */

.history-premium-hero{
    margin:0 0 34px;
}

.history-premium-hero__inner{
    position:relative;
    overflow:hidden;
    padding:clamp(34px,5vw,56px) clamp(26px,5vw,64px);
    color:#fff7e9;
    background:
        linear-gradient(135deg, rgba(47,36,27,.99), rgba(75,54,37,.97) 70%, rgba(123,87,53,.86) 135%);
    box-shadow:var(--hist-ombre);
}

.history-premium-hero__text a{
    color:#fff0c7;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}

.history-premium-sequence{
    display:grid;
    gap:42px;
}

.history-premium-block{
    display:block;
    width:100%;
    max-width:1060px;
    margin:0 auto;
}

.history-premium-gallery{
    display:grid;
    gap:16px;
    align-items:end;
}

.history-premium-block--single .history-premium-gallery{ grid-template-columns:1fr; }
.history-premium-block--duo .history-premium-gallery{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.history-premium-block--mosaic .history-premium-gallery{ grid-template-columns:repeat(3, minmax(0,1fr)); }

.history-premium-gallery figure{
    position:relative;
    margin:0;
    min-width:0;
    background:transparent;
}

.history-premium-gallery img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    max-height:760px;
    margin:0 auto;
    object-fit:contain;
    filter:sepia(.18) saturate(.92) contrast(1.04);
    box-shadow:0 18px 44px rgba(62,41,22,.18);
}

.history-premium-block--single .history-premium-gallery img{
    width:auto;
    max-width:min(100%, 980px);
}

.history-premium-caption{
    position:relative;
    max-width:780px;
    margin:16px auto 0;
    padding:0;
    color:#6e5b4b;
    font-size:.94rem;
    line-height:1.58;
    font-style:italic;
    text-align:center;
}

.history-premium-note{
    max-width:820px;
    margin:26px auto 0;
    padding:24px 28px;
    color:var(--hist-texte);
    background:rgba(251,246,236,.78);
    border-left:4px solid rgba(169,123,76,.76);
    box-shadow:0 12px 30px rgba(62,41,22,.09);
}

.history-premium-note p{
    margin:0;
    font-size:1rem;
    line-height:1.78;
    text-align:left;
}

.history-premium-detail .history-premium-sequence:has(.history-premium-block:only-child){
    margin-top:8px;
}

/* =========================================================
   AJUSTEMENT — pages détail plus légères
   Histo01 conserve son grand hero. Les pages courtes
   image + légende restent sobres et équilibrées.
   ========================================================= */

.history-premium-detail{
    padding-top:34px !important;
}

.history-premium-detail .history-premium-hero{
    max-width:920px;
    margin:0 auto 28px;
}

.history-premium-detail .history-premium-hero__inner{
    padding:28px clamp(22px,4vw,42px);
    background:
        linear-gradient(135deg, rgba(47,36,27,.98), rgba(75,54,37,.95) 72%, rgba(169,123,76,.68) 145%);
    box-shadow:0 14px 34px rgba(62,41,22,.13);
}

.history-premium-detail .history-premium-hero__inner::after{
    right:-150px;
    bottom:-200px;
    width:320px;
    height:320px;
    opacity:.65;
}

.history-premium-detail .history-premium-hero h1{
    max-width:760px;
    font-size:clamp(1.55rem, 3vw, 2.55rem);
    line-height:1.08;
    letter-spacing:-.035em;
    font-weight:720;
}

.history-premium-detail .history-premium-hero h1::after{
    width:68px;
    margin-top:17px;
}

.history-premium-detail .history-premium-sequence{
    gap:34px;
}

.history-premium-detail .history-premium-block{
    max-width:920px;
}

.history-premium-detail .history-premium-gallery img{
    box-shadow:0 12px 30px rgba(62,41,22,.14);
}

.history-premium-detail .history-premium-caption{
    max-width:700px;
    margin-top:13px;
    color:#725f4d;
    font-size:.9rem;
    line-height:1.56;
}

.history-premium-detail .history-premium-note{
    max-width:760px;
    margin-top:22px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px){
    .history-premium-page{
        padding:30px 14px 64px !important;
    }

    .history-premium-index-text,
    .history-premium-index-photo img{
        min-height:0;
    }

    .history-premium-collections{
        grid-template-columns:1fr;
    }

    .history-premium-block--duo .history-premium-gallery,
    .history-premium-block--mosaic .history-premium-gallery{
        grid-template-columns:1fr;
    }

    .history-premium-gallery{
        gap:14px;
    }

    .history-premium-gallery img{
        max-height:none;
    }
}

@media(min-width:641px) and (max-width:980px){
    .history-premium-index-hero{
        grid-template-columns:minmax(0,1fr) clamp(210px, 30vw, 285px);
        align-items:center;
        background:
            linear-gradient(135deg, rgba(47,36,27,.99), rgba(75,54,37,.97) 68%, rgba(123,87,53,.92) 125%);
    }

    .history-premium-index-text{
        min-height:auto;
        padding:38px 26px 38px 28px;
        background:transparent;
    }

    .history-premium-intro{
        max-width:none;
    }

    .history-premium-index-photo{
        display:flex;
        align-items:center;
        justify-content:center;
        align-self:stretch;
        padding:22px 26px 22px 0;
        background:transparent;
    }

    .history-premium-index-photo img{
        display:block;
        width:100%;
        max-width:260px;
        height:auto;
        max-height:none;
        min-height:0;
        object-fit:contain;
        object-position:center center;
        box-shadow:0 16px 34px rgba(24,15,9,.22);
    }
}

@media(max-width:640px){
    .history-premium-page{
        padding:22px 10px 54px !important;
    }

    .history-premium-index-hero{
        grid-template-columns:1fr;
    }

    .history-premium-index-text,
    .history-premium-hero__inner{
        padding:28px 22px;
    }

    .history-premium-index-text{
        min-height:auto;
    }

    .history-premium-index-photo{
        order:0;
        padding:0 22px 24px;
        background:transparent;
    }

    .history-premium-index-photo img{
        display:block;
        width:100%;
        height:auto;
        max-height:none;
        min-height:0;
        object-fit:contain;
        object-position:center center;
    }

    .history-premium-index-text h1,
    .history-premium-hero h1{
        font-size:clamp(2rem,11vw,3rem);
        line-height:.98;
    }

    .history-premium-intro,
    .history-premium-hero__text{
        margin-top:22px;
    }

    .history-premium-intro p,
    .history-premium-hero__text p{
        font-size:.96rem;
        line-height:1.68;
    }

    .history-premium-collection{
        padding:23px 22px 25px;
    }

    .history-premium-sequence{
        gap:34px;
    }

    .history-premium-caption{
        margin-top:12px;
        font-size:.88rem;
        line-height:1.52;
    }

    .history-premium-note{
        padding:20px 20px;
    }

    .history-premium-detail{
        padding-top:24px !important;
    }

    .history-premium-detail .history-premium-hero{
        margin-bottom:22px;
    }

    .history-premium-detail .history-premium-hero__inner{
        padding:24px 20px;
    }

    .history-premium-detail .history-premium-hero h1{
        font-size:clamp(1.42rem, 7.4vw, 2.08rem);
        line-height:1.12;
    }
}

/* =========================================================
   V4 — titres des pages détail sans bandeau isolé
   Histo01 conserve sa mise en scène d'entrée.
   ========================================================= */

.history-premium-detail{
    padding-top:38px !important;
}

.history-premium-detail .history-premium-hero{
    width:min(100%, 980px) !important;
    max-width:980px !important;
    margin:0 auto 30px !important;
}

.history-premium-detail .history-premium-hero__inner{
    position:relative !important;
    overflow:visible !important;
    padding:0 0 10px !important;
    color:var(--hist-texte) !important;
    background:transparent !important;
    box-shadow:none !important;
}

.history-premium-detail .history-premium-hero__inner::before,
.history-premium-detail .history-premium-hero__inner::after{
    display:none !important;
    content:none !important;
}

.history-premium-detail .history-premium-hero h1{
    position:relative !important;
    max-width:880px !important;
    margin:0 auto !important;
    padding:0 0 18px !important;
    color:var(--hist-nuit) !important;
    font-size:clamp(1.62rem, 3vw, 2.38rem) !important;
    line-height:1.08 !important;
    font-weight:760 !important;
    letter-spacing:-.04em !important;
    text-align:center !important;
    text-shadow:none !important;
}

.history-premium-detail .history-premium-hero h1::after{
    content:"" !important;
    display:block !important;
    width:118px !important;
    height:2px !important;
    margin:18px auto 0 !important;
    background:linear-gradient(90deg, transparent, rgba(123,87,53,.66), rgba(201,154,98,.86), transparent) !important;
}

.history-premium-detail .history-premium-hero__text{
    max-width:820px !important;
    margin:20px auto 0 !important;
    padding:0 !important;
}

.history-premium-detail .history-premium-hero__text p{
    margin:0 0 14px !important;
    color:#5d5043 !important;
    font-size:1rem !important;
    line-height:1.78 !important;
    font-weight:400 !important;
    text-align:left !important;
}

.history-premium-detail .history-premium-hero__text p:last-child{
    margin-bottom:0 !important;
}

.history-premium-detail .history-premium-hero__text a{
    color:#6d4e30 !important;
    text-decoration-color:rgba(109,78,48,.35) !important;
    text-decoration-thickness:1px !important;
    text-underline-offset:4px !important;
}

.history-premium-detail .history-premium-sequence{
    margin-top:0 !important;
    gap:40px !important;
}

.history-premium-detail .history-premium-block{
    max-width:980px !important;
}

.history-premium-detail .history-premium-gallery img{
    box-shadow:0 18px 46px rgba(62,41,22,.16) !important;
}

.history-premium-detail .history-premium-caption{
    max-width:760px !important;
    margin:15px auto 0 !important;
    color:#6e5b4b !important;
    font-size:.92rem !important;
    line-height:1.58 !important;
    text-align:center !important;
}

@media(max-width:640px){
    .history-premium-detail{
        padding-top:26px !important;
    }

    .history-premium-detail .history-premium-hero{
        margin-bottom:24px !important;
    }

    .history-premium-detail .history-premium-hero__inner{
        padding:0 4px 6px !important;
    }

    .history-premium-detail .history-premium-hero h1{
        font-size:clamp(1.38rem, 7.2vw, 2rem) !important;
        line-height:1.12 !important;
        padding-bottom:14px !important;
    }

    .history-premium-detail .history-premium-hero h1::after{
        width:86px !important;
        margin-top:14px !important;
    }

    .history-premium-detail .history-premium-hero__text{
        margin-top:16px !important;
    }

    .history-premium-detail .history-premium-hero__text p{
        font-size:.94rem !important;
        line-height:1.66 !important;
    }
}


/* =========================================================
   MODE HISTORIQUE GLOBAL — thème sépia sur toute la page
   Header, menu et footer uniquement dans les pages historiques.
   ========================================================= */

.site-container.theme-historique{
    --hist-site-bg:#e7d8bf;
    --hist-site-bg-2:#d4bea0;
    --hist-menu:#3a281b;
    --hist-menu-2:#5c3d26;
    --hist-menu-3:#7b5735;
    --hist-paper:#fbf4e8;
    --hist-paper-2:#efe1cc;
    --hist-ink:#2c2118;
    --hist-muted:#6f5c49;
    --hist-accent:#9b6a3f;
    --hist-accent-2:#c19764;
    --hist-line:rgba(84,56,32,.22);
    --hist-glow:rgba(193,151,100,.32);

    min-height:100vh;
    background:
        radial-gradient(circle at 12% 0%, rgba(193,151,100,.22), transparent 31%),
        radial-gradient(circle at 88% 18%, rgba(58,40,27,.12), transparent 29%),
        linear-gradient(180deg,var(--hist-site-bg) 0%,var(--hist-site-bg-2) 100%);
}

/* Haut du site */
.site-container.theme-historique .as-site-head{
    background:
        linear-gradient(135deg,rgba(58,40,27,.98),rgba(92,61,38,.96) 72%,rgba(123,87,53,.92) 128%) !important;
    border-bottom:1px solid rgba(251,244,232,.13) !important;
    box-shadow:0 16px 38px rgba(52,32,18,.22) !important;
}

.site-container.theme-historique .as-head-bar{
    background:transparent !important;
}

.site-container.theme-historique .as-brand-name,
.site-container.theme-historique .as-brand-name span{
    color:#fff4df !important;
}

.site-container.theme-historique .as-brand-net,
.site-container.theme-historique .as-brand-dot{
    color:var(--hist-accent-2) !important;
}

.site-container.theme-historique .as-brand-mark svg path{
    stroke:#f4ddba !important;
}

/* Recherche */
.site-container.theme-historique .as-search,
.site-container.theme-historique .as-topo-search,
.site-container.theme-historique form[class*="search"]{
    --as-search-bg:rgba(255,247,232,.12);
    --as-search-line:rgba(255,247,232,.22);
}

.site-container.theme-historique input[type="search"],
.site-container.theme-historique .as-search-input{
    color:#fff7e8 !important;
    background:rgba(255,247,232,.10) !important;
    border-color:rgba(255,247,232,.25) !important;
}

.site-container.theme-historique input[type="search"]::placeholder,
.site-container.theme-historique .as-search-input::placeholder{
    color:rgba(255,247,232,.62) !important;
}

/* Menu desktop */
.site-container.theme-historique .main-menu{
    background:
        linear-gradient(90deg,var(--hist-menu) 0%,var(--hist-menu-2) 66%,var(--hist-menu-3) 130%) !important;
    border-top:1px solid rgba(255,244,223,.10) !important;
    border-bottom:1px solid rgba(58,40,27,.28) !important;
    box-shadow:0 10px 26px rgba(52,32,18,.16) !important;
}

.site-container.theme-historique .menu-links > a,
.site-container.theme-historique .menu-parent{
    color:#fff1dc !important;
}

.site-container.theme-historique .menu-links > a:hover,
.site-container.theme-historique .menu-parent:hover,
.site-container.theme-historique .menu-item:hover > .menu-parent{
    color:#ffffff !important;
    background:rgba(255,244,223,.10) !important;
}

.site-container.theme-historique .submenu{
    background:#fff7e9 !important;
    border:1px solid rgba(84,56,32,.18) !important;
    box-shadow:0 18px 42px rgba(52,32,18,.18) !important;
}

.site-container.theme-historique .submenu a{
    color:#3a281b !important;
}

.site-container.theme-historique .submenu a:hover{
    color:#2c2118 !important;
    background:#ead8bd !important;
}

/* Menu mobile */
.site-container.theme-historique .as-header-menu-label{
    border-color:rgba(255,244,223,.30) !important;
    background:rgba(255,244,223,.10) !important;
}

.site-container.theme-historique .as-header-menu-icon,
.site-container.theme-historique .as-header-menu-icon::before,
.site-container.theme-historique .as-header-menu-icon::after{
    background:#fff1dc !important;
}

.site-container.theme-historique .as-nav-panel{
    background:
        linear-gradient(180deg,#3a281b 0%,#5c3d26 100%) !important;
    box-shadow:0 24px 54px rgba(52,32,18,.26) !important;
}

.site-container.theme-historique .as-nav-link,
.site-container.theme-historique .as-nav-title,
.site-container.theme-historique .as-nav-sub a{
    color:#fff1dc !important;
}

.site-container.theme-historique .as-nav-sub a{
    background:rgba(255,244,223,.06) !important;
}

.site-container.theme-historique .as-nav-link:hover,
.site-container.theme-historique .as-nav-sub a:hover{
    background:rgba(255,244,223,.10) !important;
}

/* Zone contenu historique : on la fond davantage dans le thème global */
.site-container.theme-historique .history-premium-page{
    background:
        radial-gradient(circle at 13% 0%, rgba(201,154,98,.22), transparent 33%),
        radial-gradient(circle at 92% 18%, rgba(47,36,27,.08), transparent 28%),
        linear-gradient(180deg, rgba(238,228,213,.92) 0%, rgba(223,208,187,.92) 100%) !important;
}

/* Footer */
.site-container.theme-historique .footer{
    color:#f4ddba !important;
    background:#3a281b !important;
    border-top:1px solid rgba(255,244,223,.12) !important;
}

/* Petits liens et accents communs dans les pages historiques */
.site-container.theme-historique a:not(.as-brand):not(.menu-parent):not(.as-nav-link){
    text-decoration-color:rgba(155,106,63,.35);
}

.site-container.theme-historique a:not(.as-brand):not(.menu-parent):not(.as-nav-link):hover{
    color:#7b5735 !important;
}

@media(max-width:980px){
    .site-container.theme-historique{
        background:
            radial-gradient(circle at 0% 0%, rgba(193,151,100,.18), transparent 34%),
            linear-gradient(180deg,var(--hist-site-bg) 0%,var(--hist-site-bg-2) 100%);
    }
}

/* =========================================================
   V6 — corrections thème sépia global
   - Fond vraiment sépia sur toute la fenêtre
   - Header non étiré en marron foncé sur les côtés
   - Menu clair pour rendre les icônes lisibles
   - Recherche topo harmonisée sépia
   ========================================================= */

html,
body{
    background:
        radial-gradient(circle at 8% 0%, rgba(193,151,100,.20), transparent 34%),
        radial-gradient(circle at 92% 16%, rgba(113,78,45,.10), transparent 28%),
        linear-gradient(180deg,#eadcc6 0%,#d9c3a5 100%) !important;
}

body .site-container.theme-historique{
    background:transparent !important;
}

/* Le header redevient un ensemble centré : plus de marron foncé qui part aux bords */
.site-container.theme-historique .as-site-head{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.site-container.theme-historique .as-head-bar{
    width:min(calc(100% - 72px), 1220px) !important;
    max-width:1220px !important;
    margin:0 auto !important;
    background:
        linear-gradient(135deg, rgba(82,55,34,.96), rgba(112,76,45,.93) 74%, rgba(145,103,65,.88) 130%) !important;
    border:1px solid rgba(255,244,223,.14) !important;
    box-shadow:0 12px 30px rgba(72,45,24,.16) !important;
}

.site-container.theme-historique .as-banner-shell{
    width:min(calc(100% - 72px), 1220px) !important;
    max-width:1220px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:transparent !important;
}

/* Menu desktop : sépia clair, icônes et textes lisibles */
.site-container.theme-historique .main-menu{
    width:min(calc(100% - 72px), 1220px) !important;
    max-width:1220px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    background:
        linear-gradient(180deg, #efe2cc 0%, #dcc5a6 100%) !important;
    border:1px solid rgba(89,58,33,.22) !important;
    border-top:0 !important;
    box-shadow:0 12px 28px rgba(72,45,24,.12) !important;
}

.site-container.theme-historique .menu-links > a,
.site-container.theme-historique .menu-parent{
    color:#3b291c !important;
    text-shadow:none !important;
}

.site-container.theme-historique .menu-links > a:hover,
.site-container.theme-historique .menu-parent:hover,
.site-container.theme-historique .menu-item:hover > .menu-parent{
    color:#2b1d14 !important;
    background:rgba(120,82,48,.12) !important;
}

.site-container.theme-historique .menu-links > a,
.site-container.theme-historique .menu-item{
    border-color:rgba(89,58,33,.12) !important;
}

.site-container.theme-historique .main-menu svg,
.site-container.theme-historique .main-menu svg *,
.site-container.theme-historique .main-menu path,
.site-container.theme-historique .main-menu line,
.site-container.theme-historique .main-menu polyline,
.site-container.theme-historique .main-menu circle{
    stroke:#4a3424 !important;
    color:#4a3424 !important;
}

.site-container.theme-historique .main-menu img,
.site-container.theme-historique .main-menu .menu-icon,
.site-container.theme-historique .main-menu [class*="icon"]{
    filter:sepia(1) saturate(.85) hue-rotate(345deg) brightness(.45) contrast(1.25) !important;
    opacity:.95 !important;
}

.site-container.theme-historique .submenu{
    background:#fff7e9 !important;
    border:1px solid rgba(84,56,32,.20) !important;
    box-shadow:0 18px 42px rgba(52,32,18,.18) !important;
}

.site-container.theme-historique .submenu a{
    color:#3a281b !important;
}

.site-container.theme-historique .submenu a:hover{
    color:#2c2118 !important;
    background:#ead8bd !important;
}

/* Recherche topo : plus de bleu / turquoise hérité */
.site-container.theme-historique .as-topo-search,
.site-container.theme-historique .as-topo-search *{
    box-sizing:border-box;
}

.site-container.theme-historique .as-topo-search-field{
    background:rgba(255,247,232,.96) !important;
    border:1px solid rgba(84,56,32,.28) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.45), 0 10px 24px rgba(52,32,18,.14) !important;
}

.site-container.theme-historique .as-topo-search-input,
.site-container.theme-historique input.as-topo-search-input,
.site-container.theme-historique input[type="search"].as-topo-search-input{
    color:#3a281b !important;
    background:transparent !important;
    border:0 !important;
}

.site-container.theme-historique .as-topo-search-input::placeholder{
    color:rgba(58,40,27,.58) !important;
}

.site-container.theme-historique .as-topo-search-submit,
.site-container.theme-historique .as-topo-search-toggle{
    color:#fff4df !important;
    background:linear-gradient(180deg,#8e6239 0%, #6f4728 100%) !important;
    border:1px solid rgba(255,244,223,.18) !important;
    box-shadow:none !important;
}

.site-container.theme-historique .as-topo-search-submit svg,
.site-container.theme-historique .as-topo-search-toggle svg,
.site-container.theme-historique .as-topo-search-submit svg *,
.site-container.theme-historique .as-topo-search-toggle svg *{
    stroke:#fff4df !important;
}

.site-container.theme-historique .as-topo-search-panel,
.site-container.theme-historique .as-topo-search-results{
    background:#fff7e9 !important;
    border-color:rgba(84,56,32,.22) !important;
    box-shadow:0 18px 42px rgba(52,32,18,.18) !important;
}

.site-container.theme-historique .as-topo-search-results a,
.site-container.theme-historique .as-topo-search-result,
.site-container.theme-historique .as-topo-search-hint{
    color:#3a281b !important;
}

.site-container.theme-historique .as-topo-search-results a:hover,
.site-container.theme-historique .as-topo-search-result:hover{
    background:#ead8bd !important;
    color:#2c2118 !important;
}

/* Menu mobile : clair également, pour rester cohérent avec le desktop */
@media(max-width:980px){
    .site-container.theme-historique .as-head-bar,
    .site-container.theme-historique .as-banner-shell,
    .site-container.theme-historique .main-menu{
        width:100% !important;
        max-width:none !important;
    }

    .site-container.theme-historique .as-header-menu-label{
        border-color:rgba(255,244,223,.34) !important;
        background:rgba(255,244,223,.12) !important;
    }

    .site-container.theme-historique .as-nav-panel{
        background:linear-gradient(180deg,#efe2cc 0%,#dcc5a6 100%) !important;
        box-shadow:0 24px 54px rgba(52,32,18,.22) !important;
    }

    .site-container.theme-historique .as-nav-link,
    .site-container.theme-historique .as-nav-title,
    .site-container.theme-historique .as-nav-sub a{
        color:#3a281b !important;
    }

    .site-container.theme-historique .as-nav-sub a{
        background:rgba(120,82,48,.08) !important;
    }

    .site-container.theme-historique .as-nav-link:hover,
    .site-container.theme-historique .as-nav-title:hover,
    .site-container.theme-historique .as-nav-sub a:hover{
        background:rgba(120,82,48,.12) !important;
    }

    .site-container.theme-historique .as-topo-search-field{
        box-shadow:none !important;
    }
}

@media(max-width:760px){
    html,
    body{
        background:linear-gradient(180deg,#eadcc6 0%,#d9c3a5 100%) !important;
    }
}


/* =========================================================
   V7 — corrections sépia mobile / recherche / sous-menus
   ========================================================= */

/* Fond historique vraiment continu, y compris sous le header mobile */
html,
body,
body:has(.site-container.theme-historique){
    background:
        radial-gradient(circle at 8% 0%, rgba(193,151,100,.18), transparent 34%),
        linear-gradient(180deg,#eadcc6 0%,#d9c3a5 100%) !important;
}

.site-container.theme-historique{
    background:
        radial-gradient(circle at 8% 0%, rgba(193,151,100,.18), transparent 34%),
        linear-gradient(180deg,#eadcc6 0%,#d9c3a5 100%) !important;
}

.site-container.theme-historique .as-site-head,
.site-container.theme-historique .as-head-bar,
.site-container.theme-historique .as-banner-shell,
.site-container.theme-historique .as-nav,
.site-container.theme-historique .main-menu,
.site-container.theme-historique .history-premium-page{
    border-left-color:transparent !important;
    border-right-color:transparent !important;
}

/* Recherche : retrouver le texte et supprimer l'effet encadré blanc trop dur */
.site-container.theme-historique .as-topo-search,
.site-container.theme-historique .as-topo-search-inner,
.site-container.theme-historique .as-topo-search-panel,
.site-container.theme-historique .as-topo-search-form{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.site-container.theme-historique .as-topo-search-field{
    min-height:46px !important;
    background:rgba(255,246,229,.76) !important;
    border:1px solid rgba(74,52,36,.26) !important;
    border-radius:999px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38), 0 8px 20px rgba(57,36,20,.10) !important;
    overflow:hidden !important;
}

.site-container.theme-historique .as-topo-search-input,
.site-container.theme-historique input.as-topo-search-input,
.site-container.theme-historique input[type="search"].as-topo-search-input{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
    padding:0 16px !important;
    color:#3a281b !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
    -webkit-text-fill-color:#3a281b !important;
}

.site-container.theme-historique .as-topo-search-input::placeholder,
.site-container.theme-historique input.as-topo-search-input::placeholder,
.site-container.theme-historique input[type="search"].as-topo-search-input::placeholder{
    color:#7a6049 !important;
    opacity:1 !important;
    -webkit-text-fill-color:#7a6049 !important;
}

.site-container.theme-historique .as-topo-search-submit,
.site-container.theme-historique .as-topo-search-toggle{
    border-radius:0 999px 999px 0 !important;
    background:linear-gradient(180deg,#8e6239 0%,#6f4728 100%) !important;
}

/* Menu mobile : effacer les restes de bleu/gris d'origine */
@media(max-width:980px){
    .site-container.theme-historique,
    .site-container.theme-historique .as-site-head,
    .site-container.theme-historique .as-head-bar,
    .site-container.theme-historique .as-nav,
    .site-container.theme-historique .as-nav-panel,
    .site-container.theme-historique .as-banner-shell,
    .site-container.theme-historique .history-premium-page{
        background:
            radial-gradient(circle at 0% 0%, rgba(193,151,100,.16), transparent 32%),
            linear-gradient(180deg,#eadcc6 0%,#d9c3a5 100%) !important;
    }

    .site-container.theme-historique .as-head-bar{
        background:linear-gradient(90deg,#765233 0%,#9b7650 100%) !important;
        border-color:rgba(255,244,223,.20) !important;
    }

    .site-container.theme-historique .as-nav-panel{
        background:linear-gradient(180deg,#f1e4cf 0%,#dec9ab 100%) !important;
        border:1px solid rgba(89,58,33,.18) !important;
        box-shadow:0 24px 54px rgba(52,32,18,.22) !important;
    }

    .site-container.theme-historique .as-topo-search--mobile{
        padding:14px 12px 16px !important;
        background:linear-gradient(180deg,#8b623d 0%,#765233 100%) !important;
    }

    .site-container.theme-historique .as-topo-search--mobile .as-topo-search-field{
        background:rgba(255,246,229,.82) !important;
        border-color:rgba(255,244,223,.34) !important;
    }

    .site-container.theme-historique .as-nav-link,
    .site-container.theme-historique .as-nav-title{
        background:transparent !important;
        border-color:rgba(89,58,33,.16) !important;
        color:#3a281b !important;
    }

    .site-container.theme-historique .as-nav-group,
    .site-container.theme-historique .as-nav-sub{
        background:transparent !important;
        border-color:rgba(89,58,33,.14) !important;
    }

    .site-container.theme-historique .as-nav-sub{
        border-left:0 !important;
        margin-left:0 !important;
        padding-left:0 !important;
        box-shadow:inset 0 1px 0 rgba(89,58,33,.10) !important;
    }

    .site-container.theme-historique .as-nav-sub::before,
    .site-container.theme-historique .as-nav-sub::after,
    .site-container.theme-historique .as-nav-group::before,
    .site-container.theme-historique .as-nav-group::after{
        display:none !important;
        content:none !important;
    }

    .site-container.theme-historique .as-nav-sub a{
        margin:0 !important;
        padding-left:24px !important;
        color:#3a281b !important;
        background:rgba(255,246,229,.34) !important;
        border-left:0 !important;
        box-shadow:none !important;
    }

    .site-container.theme-historique .as-nav-sub a::before,
    .site-container.theme-historique .as-nav-sub a::after{
        display:none !important;
        content:none !important;
    }

    .site-container.theme-historique .as-nav-arrow,
    .site-container.theme-historique .as-nav-arrow::before,
    .site-container.theme-historique .as-nav-arrow::after{
        border-color:#6c5847 !important;
        color:#6c5847 !important;
    }

    .site-container.theme-historique .history-premium-page{
        box-shadow:none !important;
    }
}

@media(max-width:640px){
    .site-container.theme-historique .as-topo-search-input,
    .site-container.theme-historique input.as-topo-search-input,
    .site-container.theme-historique input[type="search"].as-topo-search-input{
        font-size:.95rem !important;
    }

    .site-container.theme-historique .as-topo-search-input::placeholder,
    .site-container.theme-historique input.as-topo-search-input::placeholder,
    .site-container.theme-historique input[type="search"].as-topo-search-input::placeholder{
        color:#7a6049 !important;
        opacity:1 !important;
    }
}

/* =========================================================
   V8 — correction dernier liseré desktop dans les sous-menus
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique .submenu,
    .site-container.theme-historique .menu-item .submenu,
    .site-container.theme-historique .menu-dropdown,
    .site-container.theme-historique .dropdown-menu{
        border-left-color:rgba(84,56,32,.20) !important;
    }

    .site-container.theme-historique .submenu a,
    .site-container.theme-historique .menu-item .submenu a,
    .site-container.theme-historique .menu-dropdown a,
    .site-container.theme-historique .dropdown-menu a{
        border-left:0 !important;
        box-shadow:none !important;
        background-image:none !important;
    }

    .site-container.theme-historique .submenu a:hover,
    .site-container.theme-historique .menu-item .submenu a:hover,
    .site-container.theme-historique .menu-dropdown a:hover,
    .site-container.theme-historique .dropdown-menu a:hover{
        border-left:0 !important;
        box-shadow:none !important;
        background:#ead8bd !important;
        background-image:none !important;
    }

    .site-container.theme-historique .submenu a::before,
    .site-container.theme-historique .submenu a::after,
    .site-container.theme-historique .menu-item .submenu a::before,
    .site-container.theme-historique .menu-item .submenu a::after,
    .site-container.theme-historique .menu-dropdown a::before,
    .site-container.theme-historique .menu-dropdown a::after,
    .site-container.theme-historique .dropdown-menu a::before,
    .site-container.theme-historique .dropdown-menu a::after{
        display:none !important;
        content:none !important;
        width:0 !important;
        height:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }
}

/* ======================================================================
   RAYONS ÉDITORIAUX — historique
   ====================================================================== */
.history-premium-index-hero,
.history-premium-collection,
.history-premium-block,
.history-premium-note,
.history-premium-hero__inner,
.history-premium-gallery figure{
    border-radius:var(--as-radius-editorial,10px) !important;
}

.history-premium-index-photo img,
.history-premium-gallery img{
    border-radius:var(--as-radius-media,6px) !important;
}

.history-premium-collection a{
    border-radius:var(--as-radius-button,5px) !important;
}

/* ======================================================================
   CORRECTIF SÉPIA MINIMAL — ZÉRO GÉOMÉTRIE
   Ne touche ni aux largeurs, ni aux marges, ni aux hauteurs, ni aux paddings.
   On corrige seulement :
   - le fond du bandeau historique ;
   - la bordure historique qui pouvait créer un micro-décalage interne.
   ====================================================================== */

.site-container.theme-historique .as-head-bar{
    background:
        linear-gradient(90deg,
            rgba(48,34,22,.97) 0%,
            rgba(73,50,31,.92) 42%,
            rgba(102,72,45,.82) 74%,
            rgba(123,87,55,.70) 100%
        ),
        linear-gradient(180deg,
            rgba(92,60,36,.46) 0%,
            rgba(55,36,24,.58) 100%
        ),
        url('/menu/bandeau2026.jpg') center center / cover no-repeat !important;
    background-color:#4f3522 !important;
    border:0 !important;
}

.site-container.theme-historique .as-head-bar::before{
    background:
        radial-gradient(circle at 5% 0%, rgba(201,154,98,.26), transparent 34%),
        linear-gradient(180deg,rgba(255,244,223,.08),rgba(255,244,223,0) 58%) !important;
}

/* Mobile : même logique, sans toucher à la géométrie */
@media(max-width:980px){
    .site-container.theme-historique .as-head-bar{
        background:
            linear-gradient(90deg,
                rgba(48,34,22,.98) 0%,
                rgba(73,50,31,.93) 52%,
                rgba(112,78,48,.78) 100%
            ),
            linear-gradient(180deg,
                rgba(92,60,36,.50) 0%,
                rgba(55,36,24,.62) 100%
            ),
            url('/menu/bandeau2026.jpg') center center / cover no-repeat !important;
        background-color:#4f3522 !important;
        border:0 !important;
    }
}


/* ======================================================================
   HISTORIQUE — BANDEAU PREMIUM DESKTOP ALIGNÉ SUR LE SITE
   Même logique que le header premium principal, adaptée au thème sépia :
   - image limitée du haut de page à la ligne basse du menu ;
   - fondu progressif vers le fond historique ;
   - aucun arrière-plan image derrière le contenu ;
   - recherche dynamique et sous-menus au-dessus du contenu.
   ====================================================================== */
@media(min-width:981px){
    .site-container.theme-historique{
        --hist-premium-page-bg:#eadcc6;
        --hist-premium-header-h:112px;
        --hist-premium-menu-h:82px;
        --hist-premium-band-h:calc(var(--hist-premium-header-h) + var(--hist-premium-menu-h));
        position:relative !important;
        isolation:isolate !important;
        overflow:visible !important;
        background:#eadcc6 !important;
    }

    html,
    body{
        background:#eadcc6 !important;
        background-image:none !important;
    }

    body::before,
    body::after,
    .site-container.theme-historique .as-site-head::before,
    .site-container.theme-historique .as-site-head::after,
    .site-container.theme-historique .as-head-bar::before,
    .site-container.theme-historique .as-head-bar::after{
        display:none !important;
        content:none !important;
        background:none !important;
    }

    .site-container.theme-historique::before{
        content:"" !important;
        position:absolute !important;
        left:0 !important;
        top:0 !important;
        width:100% !important;
        height:var(--hist-premium-band-h) !important;
        z-index:0 !important;
        pointer-events:none !important;
        background:
            linear-gradient(180deg,
                rgba(47,36,27,.38) 0%,
                rgba(75,54,37,.24) 28%,
                rgba(234,220,198,.10) 42%,
                rgba(234,220,198,.26) 54%,
                rgba(234,220,198,.48) 66%,
                rgba(234,220,198,.70) 78%,
                rgba(234,220,198,.90) 90%,
                #eadcc6 100%),
            linear-gradient(180deg, rgba(47,36,27,.20), rgba(47,36,27,.20)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
    }

    .site-container.theme-historique .as-site-head,
    .site-container.theme-historique .as-head-bar{
        position:relative !important;
        z-index:10000 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:visible !important;
    }

    .site-container.theme-historique .as-head-bar{
        z-index:10010 !important;
    }

    .site-container.theme-historique .main-menu{
        position:relative !important;
        z-index:9000 !important;
        background:linear-gradient(180deg,#efe2cc 0%,#dcc5a6 100%) !important;
        color:#3b291c !important;
        border:1px solid rgba(89,58,33,.22) !important;
        border-top:0 !important;
        border-radius:18px !important;
        box-shadow:0 18px 40px rgba(72,45,24,.14) !important;
        overflow:visible !important;
    }

    .site-container.theme-historique .menu-links,
    .site-container.theme-historique .menu-item{
        overflow:visible !important;
    }

    .site-container.theme-historique .submenu,
    .site-container.theme-historique .menu-item:hover .submenu,
    .site-container.theme-historique .menu-item:focus-within .submenu{
        z-index:9500 !important;
    }

    .site-container.theme-historique .as-topo-search--desktop,
    .site-container.theme-historique .as-topo-search--desktop .as-topo-search-inner,
    .site-container.theme-historique .as-topo-search--desktop .as-topo-search-panel,
    .site-container.theme-historique .as-topo-search--desktop .as-topo-search-form{
        position:relative !important;
        z-index:10020 !important;
        overflow:visible !important;
    }

    .site-container.theme-historique .as-topo-search--desktop .as-topo-search-results{
        position:absolute !important;
        z-index:10040 !important;
        top:calc(100% + 8px) !important;
        left:0 !important;
        right:0 !important;
    }

    .site-container.theme-historique > main,
    .site-container.theme-historique > main.container,
    .site-container.theme-historique > main.page-content,
    .site-container.theme-historique > main.container.page-content,
    .site-container.theme-historique > main.historique-page,
    .site-container.theme-historique .history-premium-page,
    .site-container.theme-historique > .footer{
        position:relative !important;
        z-index:1 !important;
    }

    .site-container.theme-historique .history-premium-page{
        background:
            radial-gradient(circle at 13% 0%, rgba(201,154,98,.18), transparent 33%),
            radial-gradient(circle at 92% 18%, rgba(47,36,27,.06), transparent 28%),
            linear-gradient(180deg, rgba(238,228,213,.92) 0%, rgba(223,208,187,.92) 100%) !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    .site-container.theme-historique{
        --hist-premium-header-h:102px;
        --hist-premium-menu-h:82px;
    }
}


/* =========================================================
   AJUSTEMENT HEADER HISTORIQUE — FONDU SÉPIA + IMAGE ASSOMBRIE
   - Le fondu se termine exactement sur la couleur de fond historique.
   - L'image est assombrie avec une teinte sépia indépendante du fondu.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique{
        --hist-site-bg:#e7d8bf;
        --hist-site-bg-2:#d4bea0;
        --hist-header-photo-bg:#e7d8bf;
        background:
            radial-gradient(circle at 12% 0%, rgba(193,151,100,.22), transparent 31%),
            radial-gradient(circle at 88% 18%, rgba(58,40,27,.12), transparent 29%),
            linear-gradient(180deg,var(--hist-site-bg) 0%,var(--hist-site-bg-2) 100%) !important;
    }

    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.24) 28%,
                rgba(231,216,191,.08) 42%,
                rgba(231,216,191,.24) 54%,
                rgba(231,216,191,.46) 66%,
                rgba(231,216,191,.68) 78%,
                rgba(231,216,191,.88) 90%,
                #e7d8bf 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.24), rgba(150,101,55,.24)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.42) saturate(.82) contrast(1.05) brightness(.82) !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.24) 28%,
                rgba(231,216,191,.08) 42%,
                rgba(231,216,191,.24) 54%,
                rgba(231,216,191,.46) 66%,
                rgba(231,216,191,.68) 78%,
                rgba(231,216,191,.88) 90%,
                #e7d8bf 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.24), rgba(150,101,55,.24)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.42) saturate(.82) contrast(1.05) brightness(.82) !important;
    }
}


/* =========================================================
   AJUSTEMENT HISTORIQUE — SUPPRESSION COUPURE NETTE
   Le bas du bandeau devient opaque sur la couleur exacte du fond sépia
   avant la limite du calque image. Ainsi, la photo ne s'arrête plus
   brutalement à la jonction.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique{
        --hist-site-bg:#e3d1b6;
        --hist-site-bg-2:#d8c3a7;
        --hist-header-merge:#e3d1b6;
        background:
            radial-gradient(circle at 12% 0%, rgba(193,151,100,.16), transparent 31%),
            radial-gradient(circle at 88% 18%, rgba(58,40,27,.10), transparent 29%),
            linear-gradient(180deg,var(--hist-site-bg) 0%,var(--hist-site-bg-2) 100%) !important;
    }

    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.24) 24%,
                rgba(227,209,182,.10) 38%,
                rgba(227,209,182,.34) 52%,
                rgba(227,209,182,.62) 64%,
                rgba(227,209,182,.86) 74%,
                #e3d1b6 82%,
                #e3d1b6 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.22), rgba(150,101,55,.22)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.44) saturate(.80) contrast(1.04) brightness(.81) !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.24) 24%,
                rgba(227,209,182,.10) 38%,
                rgba(227,209,182,.34) 52%,
                rgba(227,209,182,.62) 64%,
                rgba(227,209,182,.86) 74%,
                #e3d1b6 82%,
                #e3d1b6 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.22), rgba(150,101,55,.22)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.44) saturate(.80) contrast(1.04) brightness(.81) !important;
    }
}


/* =========================================================
   AJUSTEMENT HISTORIQUE — DÉGRADÉ PLUS FORT ET PLUS TÔT
   Le fondu démarre franchement plus haut et monte plus vite en opacité
   pour supprimer l'effet de seuil en bas de l'image.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.22) 18%,
                rgba(227,209,182,.18) 30%,
                rgba(227,209,182,.40) 42%,
                rgba(227,209,182,.64) 54%,
                rgba(227,209,182,.84) 66%,
                #e3d1b6 76%,
                #e3d1b6 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.22), rgba(150,101,55,.22)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.44) saturate(.80) contrast(1.04) brightness(.81) !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.22) 18%,
                rgba(227,209,182,.18) 30%,
                rgba(227,209,182,.40) 42%,
                rgba(227,209,182,.64) 54%,
                rgba(227,209,182,.84) 66%,
                #e3d1b6 76%,
                #e3d1b6 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.22), rgba(150,101,55,.22)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.44) saturate(.80) contrast(1.04) brightness(.81) !important;
    }
}


/* =========================================================
   CORRECTIF HISTORIQUE — SUPPRESSION DÉMARCATION BAS DU MENU
   La rupture visible venait du bord/ombre du menu, pas du fondu image.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique .main-menu{
        border-bottom:0 !important;
        box-shadow:none !important;
    }

    .site-container.theme-historique .menu-links > a,
    .site-container.theme-historique .menu-links > .menu-item > .menu-parent{
        border-bottom:0 !important;
    }
}


/* =========================================================
   CORRECTIF HISTORIQUE — COULEUR DE FOND RÉELLE
   D'après la capture, le fond visible sous la rupture est #e0d1b9.
   On cale donc le fondu et le fond historique sur cette valeur.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique{
        --hist-site-bg:#e0d1b9 !important;
        --hist-site-bg-2:#e0d1b9 !important;
        --hist-header-merge:#e0d1b9 !important;
        background:#e0d1b9 !important;
    }

    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.22) 18%,
                rgba(224,209,185,.18) 30%,
                rgba(224,209,185,.40) 42%,
                rgba(224,209,185,.64) 54%,
                rgba(224,209,185,.84) 66%,
                #e0d1b9 76%,
                #e0d1b9 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.22), rgba(150,101,55,.22)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.44) saturate(.80) contrast(1.04) brightness(.81) !important;
    }

    .site-container.theme-historique .history-premium-page{
        background:
            radial-gradient(circle at 13% 0%, rgba(201,154,98,.12), transparent 33%),
            radial-gradient(circle at 92% 18%, rgba(47,36,27,.04), transparent 28%),
            linear-gradient(180deg,#e0d1b9 0%,#e0d1b9 100%) !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(58,40,27,.34) 0%,
                rgba(92,61,38,.22) 18%,
                rgba(224,209,185,.18) 30%,
                rgba(224,209,185,.40) 42%,
                rgba(224,209,185,.64) 54%,
                rgba(224,209,185,.84) 66%,
                #e0d1b9 76%,
                #e0d1b9 100%),
            linear-gradient(rgba(70,43,24,.34), rgba(70,43,24,.34)),
            linear-gradient(rgba(150,101,55,.22), rgba(150,101,55,.22)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:sepia(.44) saturate(.80) contrast(1.04) brightness(.81) !important;
    }
}


/* =========================================================
   CORRECTIF HISTORIQUE — BODY SANS DÉGRADÉ
   Le dégradé global body:has(.site-container.theme-historique)
   créait une différence de teinte sous le bandeau.
   On le remplace par une couleur pleine et on utilise cette même
   couleur comme référence de fusion de l'image.
   ========================================================= */
@media(min-width:981px){
    body:has(.site-container.theme-historique){
        background:#eadcc6 !important;
        background-image:none !important;
    }

    html,
    body,
    .site-container.theme-historique{
        background:#eadcc6 !important;
        background-image:none !important;
    }

    body .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(47,36,27,.42) 0%,
                rgba(92,61,38,.28) 22%,
                rgba(169,123,76,.18) 40%,
                rgba(234,220,198,.34) 56%,
                rgba(234,220,198,.62) 72%,
                rgba(234,220,198,.86) 88%,
                #eadcc6 100%),
            linear-gradient(rgba(55,35,21,.28), rgba(55,35,21,.28)),
            linear-gradient(rgba(169,123,76,.18), rgba(169,123,76,.18)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:none !important;
    }

    .site-container.theme-historique .history-premium-page{
        background:#eadcc6 !important;
        background-image:none !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    body .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(47,36,27,.42) 0%,
                rgba(92,61,38,.28) 22%,
                rgba(169,123,76,.18) 40%,
                rgba(234,220,198,.34) 56%,
                rgba(234,220,198,.62) 72%,
                rgba(234,220,198,.86) 88%,
                #eadcc6 100%),
            linear-gradient(rgba(55,35,21,.28), rgba(55,35,21,.28)),
            linear-gradient(rgba(169,123,76,.18), rgba(169,123,76,.18)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:none !important;
    }
}


/* =========================================================
   AJUSTEMENT HISTORIQUE — DÉGRADÉ DE FUSION PLUS MARQUÉ
   Le voile de couleur de fond démarre plus tôt et devient opaque plus
   progressivement pour masquer encore davantage la jonction.
   ========================================================= */
@media(min-width:981px){
    body .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(47,36,27,.44) 0%,
                rgba(92,61,38,.30) 18%,
                rgba(169,123,76,.22) 34%,
                rgba(234,220,198,.30) 48%,
                rgba(234,220,198,.54) 62%,
                rgba(234,220,198,.76) 76%,
                rgba(234,220,198,.92) 90%,
                #eadcc6 100%),
            linear-gradient(rgba(55,35,21,.28), rgba(55,35,21,.28)),
            linear-gradient(rgba(169,123,76,.18), rgba(169,123,76,.18)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:none !important;
    }
}

@media(min-width:981px) and (max-width:1180px){
    body .site-container.theme-historique::before{
        background:
            linear-gradient(180deg,
                rgba(47,36,27,.44) 0%,
                rgba(92,61,38,.30) 18%,
                rgba(169,123,76,.22) 34%,
                rgba(234,220,198,.30) 48%,
                rgba(234,220,198,.54) 62%,
                rgba(234,220,198,.76) 76%,
                rgba(234,220,198,.92) 90%,
                #eadcc6 100%),
            linear-gradient(rgba(55,35,21,.28), rgba(55,35,21,.28)),
            linear-gradient(rgba(169,123,76,.18), rgba(169,123,76,.18)),
            url('/assets/img/bandeau-fond-premium-2026.jpg') center top / 100% auto no-repeat !important;
        filter:none !important;
    }
}


/* =========================================================
   CORRECTIF IPHONE — fond homogène texte + photo
   Sur petit mobile, la photo reste juste après l'intro mais
   dans la même bulle marron que le texte.
   ========================================================= */
@media(max-width:640px){
    .history-premium-index-hero{
        background:
            linear-gradient(135deg, rgba(47,36,27,.99), rgba(75,54,37,.97) 68%, rgba(123,87,53,.92) 125%) !important;
    }

    .history-premium-index-text{
        background:transparent !important;
        padding-bottom:22px !important;
    }

    .history-premium-index-photo{
        background:transparent !important;
        padding:0 22px 26px !important;
    }

    .history-premium-index-photo img{
        background:#efe2cc !important;
        box-shadow:0 16px 34px rgba(24,15,9,.22) !important;
    }
}

/* =========================================================
   CORRECTIF LARGEUR HISTORIQUE — alignement exact sur le menu
   La page historique reprend les mêmes largeurs que le bandeau/menu :
   - desktop : largeur centrée avec gouttières 36px de chaque côté ;
   - mobile/tablette étroite : pleine largeur comme le menu mobile.
   ========================================================= */
.site-container.theme-historique .history-premium-page,
.site-container.theme-historique > main.history-premium-page,
.site-container.theme-historique > main.container.history-premium-page,
.site-container.theme-historique > main.container.page-content.history-premium-page{
    width:min(calc(100% - 72px), 1220px) !important;
    max-width:1220px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
}

@media(max-width:980px){
    .site-container.theme-historique .history-premium-page,
    .site-container.theme-historique > main.history-premium-page,
    .site-container.theme-historique > main.container.history-premium-page,
    .site-container.theme-historique > main.container.page-content.history-premium-page{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* =========================================================
   CORRECTIF DESKTOP — contenu aligné au menu
   Le décalage venait du padding horizontal interne du main :
   le main avait la bonne largeur extérieure, mais le hero était
   repoussé de 20px de chaque côté.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique .history-premium-page,
    .site-container.theme-historique > main.history-premium-page,
    .site-container.theme-historique > main.container.history-premium-page,
    .site-container.theme-historique > main.container.page-content.history-premium-page{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* =========================================================
   AJUSTEMENT DESKTOP — fond haut légèrement assombri et marronné
   On agit uniquement sur la grande image de fond qui dépasse la
   largeur du menu. Objectif : image un peu plus sombre, avec une
   teinte brune légère dans l'esprit de la page, sans effet forcé.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique::before{
        filter:sepia(.58) saturate(.54) contrast(1.06) brightness(.72) !important;
    }
}


/* =========================================================
   AJUSTEMENT DESKTOP — fond haut plus foncé
   Même logique que le filtre marronné précédent, mais avec
   une baisse plus nette de luminosité sur la grande image de fond.
   ========================================================= */
@media(min-width:981px){
    .site-container.theme-historique::before{
        filter:sepia(.62) saturate(.50) contrast(1.08) brightness(.58) !important;
    }
}