/* ======================================================================
   ALPES-SUD.NET — mobile.css
   Ajustements mobiles : menu existant conservé, fond bleu restauré,
   recherche lisible, scroll du menu si fenêtre réduite.
   ====================================================================== */

@media (max-width:980px){
    :root{
        --as-blue:#002b55;
        --as-blue-2:#073f63;
        --as-teal:#2d8a8f;
        --as-teal-2:#3d7f9f;
        --as-mobile-head-h:76px;
    }

    body{background:#edf4f7;overflow-x:hidden;}
    .site-container{padding-left:0;width:100%;overflow-x:hidden;}
    .container,.page-content{width:min(100% - 24px,760px);}

    .main-menu{display:none!important;}

    .as-site-head{
        position:relative;
        z-index:100;
        width:100%;
        background:var(--as-blue);
    }
    .as-head-bar{
        min-height:var(--as-mobile-head-h);
        height:var(--as-mobile-head-h);
        padding:0;
        display:grid;
        grid-template-columns:minmax(0,1fr) 78px;
        gap:0;
        background:var(--as-blue);
        border-bottom:1px solid rgba(255,255,255,.14);
    }
    .as-brand{
        min-width:0;
        padding:0 18px 0 28px;
        gap:15px;
        overflow:hidden;
    }
    .as-brand-mark{width:70px;height:44px;flex:0 0 70px;}
    .as-brand-mark svg{width:70px;}
    .as-brand-mark path{stroke-width:4.2;}
    .as-brand-name{font-size:clamp(1.65rem,7.5vw,2.8rem);letter-spacing:.035em;}

    .as-topo-search--desktop{display:none!important;}

    .as-header-menu-label{
        display:flex;
        align-items:center;
        justify-content:center;
        width:78px;
        height:var(--as-mobile-head-h);
        color:#fff;
        background:var(--as-blue);
        border-left:1px solid rgba(255,255,255,.15);
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
    }
    .as-header-menu-icon,
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{
        display:block;
        width:34px;
        height:3px;
        border-radius:999px;
        background:#fff;
        transition:transform .18s ease,opacity .18s ease;
    }
    .as-header-menu-icon{position:relative;}
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{content:"";position:absolute;left:0;}
    .as-header-menu-icon::before{top:-11px;}
    .as-header-menu-icon::after{top:11px;}
    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon{background:transparent;}
    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::before{transform:translateY(11px) rotate(45deg);}
    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::after{transform:translateY(-11px) rotate(-45deg);}

    .as-banner-shell{
        height:190px;
        background:var(--as-blue);
    }
    .as-banner-img{object-position:center center;}
    .as-banner-copy{
        left:24px;
        right:20px;
        width:auto;
        transform:translateY(-46%);
    }
    .as-banner-line{width:90px;height:2px;margin-bottom:18px;}
    .as-banner-copy strong{font-size:clamp(2.45rem,11vw,4.35rem);line-height:1.02;}

    /* Menu mobile : fond bleu plein et lisible */
    .as-nav{
        display:none;
        position:absolute;
        z-index:120;
        left:0;
        right:0;
        top:var(--as-mobile-head-h);
        background:var(--as-blue);
        color:#fff;
        box-shadow:0 22px 45px rgba(0,28,55,.28);
    }
    .as-nav-check:checked ~ .as-site-head .as-nav{display:block;}
    .as-nav-panel{
        max-height:calc(100vh - var(--as-mobile-head-h));
        overflow-y:auto;
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        padding:22px 28px 28px;
        background:linear-gradient(180deg,#002b55 0%,#073f63 100%);
        color:#fff;
    }

    .as-topo-search--mobile{
        display:block;
        width:100%;
        margin:10px 0 18px;
    }
    .as-topo-search--mobile .as-topo-search-inner,
    .as-topo-search--mobile .as-topo-search-panel,
    .as-topo-search--mobile .as-topo-search-form{width:100%;}
    .as-topo-search--mobile .as-topo-search-label{
        display:block;
        margin:0 0 8px;
        color:rgba(255,255,255,.88);
        font:800 .82rem/1.25 Inter,Arial,sans-serif;
        letter-spacing:.08em;
        text-transform:uppercase;
    }
    .as-topo-search--mobile .as-topo-search-field{
        height:50px;
        display:flex;
        align-items:stretch;
        width:100%;
        border:1px solid rgba(255,255,255,.22);
        background:rgba(255,255,255,.10);
        box-shadow:none;
    }
    .as-topo-search--mobile .as-topo-search-input{
        min-width:0;
        flex:1 1 auto;
        height:100%;
        padding:0 14px;
        border:0;
        outline:0;
        color:#fff;
        background:transparent;
        font:700 1rem/1 Inter,Arial,sans-serif;
        appearance:none;
    }
    .as-topo-search--mobile .as-topo-search-input::placeholder{color:rgba(255,255,255,.70);opacity:1;}
    .as-topo-search--mobile .as-topo-search-submit{
        flex:0 0 56px;
        width:56px;
        height:100%;
        border:0;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        background:var(--as-teal);
        appearance:none;
    }
    .as-topo-search-submit-icon,
    .as-topo-search-toggle-icon{
        width:24px!important;
        height:24px!important;
        display:block;
        fill:none!important;
        stroke:currentColor!important;
        stroke-width:2.6!important;
        stroke-linecap:round!important;
        stroke-linejoin:round!important;
    }
    .as-topo-search--mobile .as-topo-search-results{
        position:static;
        max-height:245px;
        margin-top:8px;
        overflow:auto;
        background:#fff;
        border:1px solid rgba(255,255,255,.20);
        box-shadow:0 14px 26px rgba(0,20,40,.22);
    }
    .as-topo-search--mobile .as-topo-search-results:empty{display:none;}

    .as-nav-link,
    .as-nav-title{
        min-height:74px;
        display:flex;
        align-items:center;
        gap:18px;
        width:100%;
        padding:0 0;
        color:#fff!important;
        text-decoration:none;
        font:800 1.28rem/1.2 Inter,Arial,sans-serif;
        letter-spacing:.015em;
        border-top:1px solid rgba(255,255,255,.10);
        background:transparent!important;
        cursor:pointer;
    }
    .as-nav-link:visited,
    .as-nav-link:hover,
    .as-nav-link:active,
    .as-nav-title:visited,
    .as-nav-title:hover,
    .as-nav-title:active{color:#fff!important;}
    .as-nav-link::before,
    .as-nav-title::before{
        content:"";
        flex:0 0 60px;
        width:60px;
        height:48px;
        background:center/contain no-repeat;
        filter:brightness(0) invert(1);
        opacity:.94;
    }
    .as-nav-link[href$="/index.php"]::before{background-image:url('/icones/menu/accueil.png');}
    .as-nav-group:nth-of-type(1) .as-nav-title::before{background-image:url('/icones/menu/topos.png');}
    .as-nav-group:nth-of-type(2) .as-nav-title::before{background-image:url('/icones/menu/conditions.png');}
    .as-nav-link[href*="historique"]::before{background-image:url('/icones/menu/historique.png');}
    .as-nav-link[href*="curiosites"]::before{background-image:url('/icones/menu/curiosites.png');}
    .as-nav-link[href*="contact"]::before{background-image:url('/icones/menu/contact.png');}

    .as-nav-group{border-top:0;}
    .as-nav-title{justify-content:flex-start;}
    .as-nav-title span:first-child{flex:1 1 auto;}
    .as-nav-arrow{
        flex:0 0 14px;
        width:14px;
        height:14px;
        margin-right:8px;
        border-right:3px solid rgba(255,255,255,.82);
        border-bottom:3px solid rgba(255,255,255,.82);
        transform:rotate(45deg);
        transition:transform .18s ease;
    }
    .as-sub-check:checked + .as-nav-title .as-nav-arrow{transform:rotate(-135deg);}
    .as-nav-sub{
        display:none;
        padding:0 0 14px 78px;
        background:rgba(255,255,255,.045);
        border-left:3px solid var(--as-teal-2);
    }
    .as-sub-check:checked + .as-nav-title + .as-nav-sub{display:block;}
    .as-nav-sub a{
        display:block;
        padding:11px 12px;
        color:rgba(255,255,255,.90)!important;
        text-decoration:none;
        font:750 .98rem/1.25 Inter,Arial,sans-serif;
    }

    .as-topo-search-results a,
    .as-topo-search-result{
        color:#11273a!important;
        background:#fff!important;
        text-decoration:none;
    }
}

@media (max-width:520px){
    .as-head-bar{grid-template-columns:minmax(0,1fr) 70px;}
    .as-header-menu-label{width:70px;}
    .as-brand{padding-left:20px;gap:12px;}
    .as-brand-mark{width:56px;flex-basis:56px;}
    .as-brand-mark svg{width:56px;}
    .as-brand-name{font-size:clamp(1.42rem,8.2vw,2.1rem);}
    .as-nav-panel{padding:18px 20px 26px;}
    .as-nav-link,.as-nav-title{min-height:68px;font-size:1.12rem;}
    .as-nav-link::before,.as-nav-title::before{flex-basis:52px;width:52px;height:42px;}
    .as-nav-sub{padding-left:64px;}
}


/* ======================================================================
   AJUSTEMENTS FINAUX MOBILE — fond bleu conservé, pas de grand bandeau,
   suppression du libellé au-dessus de la recherche.
   ====================================================================== */
@media (max-width:980px){
    :root{
        --as-mobile-head-h:66px;
    }

    .as-head-bar{
        min-height:var(--as-mobile-head-h);
        height:var(--as-mobile-head-h);
        grid-template-columns:minmax(0,1fr) 66px;
    }

    .as-brand{
        padding:0 14px 0 22px;
        gap:12px;
    }

    .as-brand-mark{
        width:54px;
        height:32px;
        flex:0 0 54px;
    }

    .as-brand-mark svg{width:54px;}

    .as-brand-name{
        font-size:clamp(1.28rem,6.2vw,1.92rem);
        letter-spacing:.012em;
    }

    .as-header-menu-label{
        width:66px;
        height:var(--as-mobile-head-h);
    }

    .as-header-menu-icon,
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{
        width:30px;
    }

    .as-banner-shell{
        display:none !important;
    }

    .as-nav{
        top:var(--as-mobile-head-h);
    }

    .as-nav-panel{
        max-height:calc(100vh - var(--as-mobile-head-h));
        padding:18px 22px 24px;
    }

    .as-topo-search--mobile{
        margin:0 0 14px;
    }

    .as-topo-search--mobile .as-topo-search-label{
        display:none !important;
    }

    .as-topo-search--mobile .as-topo-search-field{
        height:46px;
        border-radius:10px;
        overflow:hidden;
    }

    .as-topo-search--mobile .as-topo-search-input{
        padding:0 14px;
        font-size:.96rem;
    }

    .as-topo-search--mobile .as-topo-search-submit{
        flex:0 0 52px;
        width:52px;
    }

    .as-nav-link,
    .as-nav-title{
        min-height:68px;
        font-size:1.14rem;
    }

    .as-nav-link::before,
    .as-nav-title::before{
        flex:0 0 54px;
        width:54px;
        height:42px;
    }

    .as-nav-sub{
        padding-left:68px;
    }
}

@media (max-width:520px){
    .as-head-bar{
        grid-template-columns:minmax(0,1fr) 62px;
    }

    .as-header-menu-label{
        width:62px;
    }

    .as-brand{
        padding-left:18px;
    }

    .as-brand-name{
        font-size:clamp(1.18rem,6vw,1.72rem);
    }

    .as-topo-search--mobile .as-topo-search-field{
        height:44px;
    }
}


/* ======================================================================
   CORRECTIF COULEURS MOBILE — turquoise conservé sur logo + loupe
   ====================================================================== */
@media (max-width:980px){
    .as-brand-net,
    .as-brand-dot{
        color:var(--as-teal) !important;
    }

    .as-brand-mark path{
        stroke:#fff !important;
    }

    .as-brand-mark path:nth-child(2){
        stroke:var(--as-teal) !important;
    }

    .as-brand-mark path:nth-child(3){
        stroke:rgba(61,127,159,.92) !important;
    }

    .as-topo-search--mobile .as-topo-search-submit{
        background:var(--as-teal) !important;
        color:#fff !important;
    }

    .as-topo-search--mobile .as-topo-search-submit:hover,
    .as-topo-search--mobile .as-topo-search-submit:focus-visible{
        background:var(--as-teal-2) !important;
        color:#fff !important;
        outline:0;
    }

    .as-topo-search-submit-icon{
        stroke:#fff !important;
    }
}


/* ======================================================================
   CORRECTIF MOBILE — bandeau blanc, burger bleu, menu déroulant inchangé
   ====================================================================== */
@media (max-width:980px){
    .as-site-head{
        background:#fbfcfd !important;
    }

    .as-head-bar{
        background:#fbfcfd !important;
        border-bottom:1px solid rgba(0,43,85,.12) !important;
        box-shadow:0 8px 22px rgba(0,43,85,.06) !important;
    }

    .as-brand,
    .as-brand-name,
    .as-brand-dot{
        color:var(--as-blue) !important;
    }

    .as-brand-net{
        color:var(--as-teal) !important;
    }

    .as-brand-mark path{
        stroke:var(--as-blue) !important;
    }

    .as-brand-mark path:nth-child(2){
        stroke:var(--as-teal) !important;
    }

    .as-brand-mark path:nth-child(3){
        stroke:rgba(45,138,143,.74) !important;
    }

    .as-header-menu-label{
        background:#fbfcfd !important;
        border-left:1px solid rgba(0,43,85,.12) !important;
        color:var(--as-blue) !important;
    }

    .as-header-menu-icon,
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{
        background:var(--as-blue) !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon{
        background:transparent !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::before,
    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::after{
        background:var(--as-blue) !important;
    }

    .as-nav{
        background:var(--as-blue) !important;
    }

    .as-nav-panel{
        background:linear-gradient(180deg,#002b55 0%,#073f63 100%) !important;
    }
}


/* ======================================================================
   PACK 05 — MERCANTOUR ORAGE
   Fond mobile + accueil
   ====================================================================== */
@media(max-width:980px){
    html body,
    html body.home-index,
    html body .site-container{
        background:linear-gradient(180deg,#c4d3dc 0%,#b5c8d3 48%,#a6bbc8 100%) !important;
        color:#11273a !important;
    }

    html body.home-index main.home-page,
    html body.home-index .site-container main.home-page,
    html body.home-index .site-container .home-page,
    html body.home-index .home-page.home-index,
    html body.home-index .home-page{
        background:radial-gradient(circle at 15% 0%, rgba(45,138,143,.20), transparent 34%), radial-gradient(circle at 82% 4%, rgba(0,43,85,.18), transparent 40%), linear-gradient(180deg,#c4d3dc 0%,#b5c8d3 48%,#a6bbc8 100%) !important;
    }

    html body .container,
    html body .page-content{
        color:#11273a !important;
    }
}


/* ======================================================================
   PACK 05 — CORRECTIF INDEX MOBILE
   Même fond que le reste du site.
   ====================================================================== */
@media(max-width:980px){
    html body.home-index,
    html body.home-index .site-container,
    html body.home-index main.home-page,
    html body.home-index .site-container main.home-page,
    html body.home-index .site-container .home-page,
    html body.home-index .home-page.home-index,
    html body.home-index .home-page{
        background:linear-gradient(180deg,#c4d3dc 0%,#b5c8d3 48%,#a6bbc8 100%) !important;
    }
}


/* ======================================================================
   HEADER MOBILE BLEU — aucun décrochage entre bandeau et burger
   ====================================================================== */
@media(max-width:980px){
    :root{
        --as-mobile-head-h:66px;
    }

    .as-site-head{
        margin:0 !important;
        padding:0 !important;
        background:#002b55 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
    }

    .as-head-bar{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 66px !important;
        align-items:stretch !important;
        gap:0 !important;
        width:100% !important;
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        max-height:var(--as-mobile-head-h) !important;
        margin:0 !important;
        padding:0 !important;
        background:#002b55 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
    }

    .as-brand{
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        max-height:var(--as-mobile-head-h) !important;
        margin:0 !important;
        padding:0 14px 0 22px !important;
        background:#002b55 !important;
        color:#ffffff !important;
        overflow:hidden !important;
        align-self:stretch !important;
    }

    .as-brand-name,
    .as-brand-dot{
        color:#ffffff !important;
    }

    .as-brand-net{
        color:#2d8a8f !important;
    }

    .as-brand-mark path{
        stroke:#ffffff !important;
    }

    .as-header-menu-label{
        align-self:stretch !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        width:66px !important;
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        max-height:var(--as-mobile-head-h) !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
        background:#002b55 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        outline:0 !important;
        line-height:0 !important;
        overflow:hidden !important;
    }

    .as-header-menu-icon,
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{
        background:#ffffff !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon{
        background:transparent !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::before,
    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::after{
        background:#ffffff !important;
    }

    .as-nav{
        top:var(--as-mobile-head-h) !important;
        background:#002b55 !important;
    }

    .as-nav-panel{
        background:linear-gradient(180deg,#002b55 0%,#073f63 100%) !important;
    }
}

@media(max-width:520px){
    .as-head-bar{
        grid-template-columns:minmax(0,1fr) 62px !important;
    }

    .as-header-menu-label{
        width:62px !important;
    }
}


/* ======================================================================
   FOOTER MOBILE — même background que le site + texte centré
   ====================================================================== */
@media(max-width:980px){
    .footer{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:24px 18px 30px !important;
        text-align:center !important;
        color:#20313a !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }
}


/* ======================================================================
   MENU MOBILE — adapté au menu horizontal desktop + icônes fiables
   ====================================================================== */
@media(max-width:980px){
    :root{
        --as-mobile-head-h:66px;
    }

    .site-container{
        padding-left:0 !important;
    }

    .main-menu{
        display:none !important;
    }

    .as-site-head{
        background:#002b55 !important;
    }

    .as-head-bar{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 66px !important;
        align-items:stretch !important;
        gap:0 !important;
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        max-height:var(--as-mobile-head-h) !important;
        margin:0 !important;
        padding:0 !important;
        background:#002b55 !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
    }

    .as-brand{
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        max-height:var(--as-mobile-head-h) !important;
        margin:0 !important;
        padding:0 14px 0 20px !important;
        gap:12px !important;
        color:#ffffff !important;
        background:#002b55 !important;
        overflow:hidden !important;
    }

    .as-brand-name,
    .as-brand-dot{
        color:#ffffff !important;
    }

    .as-brand-net{
        color:#2d8a8f !important;
    }

    .as-brand-mark path{
        stroke:#ffffff !important;
    }

    .as-brand-mark path:nth-child(2){
        stroke:#2d8a8f !important;
    }

    .as-header-menu-label{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        align-self:stretch !important;
        width:66px !important;
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        max-height:var(--as-mobile-head-h) !important;
        margin:0 !important;
        padding:0 !important;
        color:#ffffff !important;
        background:#002b55 !important;
        border:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
    }

    .as-header-menu-icon,
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{
        background:#ffffff !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon{
        background:transparent !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::before,
    .as-nav-check:checked ~ .as-site-head .as-header-menu-icon::after{
        background:#ffffff !important;
    }

    .as-nav{
        top:var(--as-mobile-head-h) !important;
        background:#edf4f7 !important;
        color:#11273a !important;
        box-shadow:0 18px 34px rgba(0,43,85,.16) !important;
    }

    .as-nav-panel{
        max-height:calc(100vh - var(--as-mobile-head-h)) !important;
        padding:16px 18px 22px !important;
        background:linear-gradient(180deg,#f8fbfc 0%,#edf4f7 100%) !important;
        color:#11273a !important;
        border-bottom:1px solid rgba(0,43,85,.12) !important;
    }

    .as-topo-search--mobile .as-topo-search-field{
        background:#ffffff !important;
        border:1px solid rgba(0,43,85,.14) !important;
        border-radius:10px !important;
    }

    .as-topo-search--mobile .as-topo-search-input{
        color:#11273a !important;
        background:#ffffff !important;
    }

    .as-topo-search--mobile .as-topo-search-input::placeholder{
        color:rgba(17,39,58,.52) !important;
    }

    .as-topo-search--mobile .as-topo-search-submit{
        background:#2d8a8f !important;
        color:#ffffff !important;
    }

    .as-nav-link,
    .as-nav-title{
        min-height:62px !important;
        padding:0 12px !important;
        gap:14px !important;
        color:#143149 !important;
        background:rgba(255,255,255,.56) !important;
        border-top:0 !important;
        border-bottom:1px solid rgba(0,43,85,.10) !important;
        text-decoration:none !important;
        font:800 1.02rem/1.15 Inter,Arial,sans-serif !important;
        letter-spacing:.02em !important;
    }

    .as-nav-link:visited,
    .as-nav-link:hover,
    .as-nav-link:active,
    .as-nav-title:visited,
    .as-nav-title:hover,
    .as-nav-title:active{
        color:#143149 !important;
    }

    .as-nav-link::before,
    .as-nav-title::before{
        flex:0 0 42px !important;
        width:42px !important;
        height:36px !important;
        background:center/contain no-repeat !important;
        filter:none !important;
        opacity:1 !important;
    }

    .as-nav-arrow{
        border-right-color:rgba(0,43,85,.58) !important;
        border-bottom-color:rgba(0,43,85,.58) !important;
    }

    .as-nav-sub{
        padding:4px 0 10px 56px !important;
        background:rgba(255,255,255,.34) !important;
        border-left:3px solid #2d8a8f !important;
    }

    .as-nav-sub a{
        color:#18384f !important;
        font:750 .94rem/1.25 Inter,Arial,sans-serif !important;
    }
}

@media(max-width:520px){
    .as-head-bar{
        grid-template-columns:minmax(0,1fr) 62px !important;
    }

    .as-header-menu-label{
        width:62px !important;
    }

    .as-brand{
        padding-left:16px !important;
    }

    .as-brand-mark{
        width:50px !important;
        flex-basis:50px !important;
    }

    .as-brand-mark svg{
        width:50px !important;
    }

    .as-brand-name{
        font-size:clamp(1.15rem,5.8vw,1.68rem) !important;
    }

    .as-nav-panel{
        padding-left:14px !important;
        padding-right:14px !important;
    }
}


/* ======================================================================
   CORRECTIF MENU MOBILE — icônes visibles + largeur cohérente
   ====================================================================== */
@media(max-width:980px){
    .container,
    .page-content,
    .home-dashboard,
    .topo-listing-page,
    .topo-page,
    .standard-page,
    .conditions-page{
        width:min(calc(100% - 24px), 760px) !important;
        max-width:760px !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .home-page,
    body.home-index .home-page{
        width:100% !important;
        max-width:none !important;
    }

    body.home-index .home-dashboard{
        width:min(calc(100% - 24px), 760px) !important;
        max-width:760px !important;
    }

    .as-nav-link::before,
    .as-nav-title::before{
        content:"" !important;
        display:block !important;
        flex:0 0 42px !important;
        width:42px !important;
        height:36px !important;
        background-color:transparent !important;
        background-repeat:no-repeat !important;
        background-position:center center !important;
        background-size:contain !important;
        opacity:1 !important;
        filter:none !important;
        -webkit-filter:none !important;
        mix-blend-mode:normal !important;
    }

    .as-nav-link[href$="/index.php"]::before,
    .as-nav-link[href="/index.php"]::before{
        background-image:url('/icones/menu/accueil.png?v=menu-bleu-202606') !important;
    }

    .as-nav-group:nth-of-type(1) .as-nav-title::before{
        background-image:url('/icones/menu/topos.png?v=menu-bleu-202606') !important;
    }

    .as-nav-group:nth-of-type(2) .as-nav-title::before{
        background-image:url('/icones/menu/conditions.png?v=menu-bleu-202606') !important;
    }

    .as-nav-link[href*="historique"]::before{
        background-image:url('/icones/menu/historique.png?v=menu-bleu-202606') !important;
    }

    .as-nav-link[href*="curiosites"]::before{
        background-image:url('/icones/menu/curiosites.png?v=menu-bleu-202606') !important;
    }

    .as-nav-link[href*="contact"]::before{
        background-image:url('/icones/menu/contact.png?v=menu-bleu-202606') !important;
    }
}

@media(max-width:520px){
    .as-nav-link::before,
    .as-nav-title::before{
        flex-basis:38px !important;
        width:38px !important;
        height:32px !important;
    }
}


/* ======================================================================
   BANDEAU MOBILE 2026 — texture photo discrète dans le header
   Cohérence avec le desktop, sans alourdir le mobile.
   ====================================================================== */
@media(max-width:980px){
    .as-site-head{
        position:relative !important;
        background:
            linear-gradient(90deg,
                rgba(0,43,85,.96) 0%,
                rgba(0,43,85,.90) 28%,
                rgba(0,43,85,.76) 58%,
                rgba(0,43,85,.84) 100%
            ),
            url('/menu/bandeau2026.jpg') center center / cover no-repeat !important;
        overflow:hidden !important;
    }

    .as-head-bar{
        position:relative !important;
        z-index:2 !important;
        background:transparent !important;
        border-bottom:1px solid rgba(255,255,255,.10) !important;
    }

    .as-brand{
        position:relative !important;
        z-index:2 !important;
        background:transparent !important;
    }

    .as-header-menu-label{
        position:relative !important;
        z-index:2 !important;
        background:transparent !important;
        border-left:1px solid rgba(255,255,255,.12) !important;
    }

    .as-header-menu-icon,
    .as-header-menu-icon::before,
    .as-header-menu-icon::after{
        box-shadow:0 1px 8px rgba(0,24,48,.16) !important;
    }

    .as-nav{
        top:var(--as-mobile-head-h) !important;
    }
}

@media(max-width:520px){
    .as-site-head{
        background:
            linear-gradient(90deg,
                rgba(0,43,85,.97) 0%,
                rgba(0,43,85,.92) 34%,
                rgba(0,43,85,.80) 62%,
                rgba(0,43,85,.87) 100%
            ),
            url('/menu/bandeau2026.jpg') center center / cover no-repeat !important;
    }
}


/* ======================================================================
   CORRECTIF MOBILE — burger fonctionnel + largeur contrôlée
   ====================================================================== */
@media(max-width:980px){
    /* Le menu déroulant est dans le header : il ne doit pas être rogné. */
    .as-site-head{
        overflow:visible !important;
    }

    .as-nav{
        display:none !important;
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:var(--as-mobile-head-h) !important;
        z-index:120 !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-nav{
        display:block !important;
    }

    main.container,
    .container,
    .page-content,
    .topo-listing-page,
    .topo-page,
    .standard-page,
    .conditions-page,
    .conditions-page.container{
        width:min(calc(100% - 24px), 760px) !important;
        max-width:760px !important;
        margin-left:auto !important;
        margin-right:auto !important;
        box-sizing:border-box !important;
    }

    .conditions-page.container,
    .topo-listing-page.container,
    .topo-page.container,
    .standard-page.container{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .conditions-page > .conditions-header,
    .conditions-page > .conditions-live-panel,
    .conditions-page > .conditions-region,
    .conditions-page > .condition-card,
    .conditions-detail-page .condition-observation-card{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* ======================================================================
   ESPACEMENT GLOBAL MENU → CONTENU — mobile V2
   Même logique que desktop, sans accumulation avec les paddings propres
   aux CSS de rubrique.
   ====================================================================== */
@media(max-width:980px){
    :root{
        --as-content-gap-mobile:22px;
    }

    body .site-container > main,
    body .site-container > main.container,
    body .site-container > main.page-content,
    body .site-container > main.container.page-content,
    body .site-container > main.as-home-page,
    body .site-container > main.topo-page,
    body .site-container > main.topo-listing-page,
    body .site-container > main.conditions-page,
    body .site-container > main.historique-page,
    body .site-container > main.curiosites-page,
    body .site-container > main.standard-page{
        margin-top:var(--as-content-gap-mobile) !important;
        padding-top:0 !important;
    }
}

@media(max-width:520px){
    :root{
        --as-content-gap-mobile:18px;
    }
}

/* ======================================================================
   RAYONS ÉDITORIAUX — mobile
   ====================================================================== */
@media(max-width:980px){
    .as-nav-panel,
    .as-nav-group,
    .as-nav-sub,
    .as-topo-search-results{
        border-radius:var(--as-radius-card,8px) !important;
    }
}

/* ======================================================================
   HEADER INTÉGRÉ PREMIUM MOBILE
   Un seul bandeau mobile : logo PNG + burger sur fond /menu/bandeau2026.jpg.
   ====================================================================== */
@media(max-width:980px){
    :root{
        --as-mobile-head-h:82px;
    }

    .as-site-head{
        background:transparent !important;
    }

    .as-head-bar{
        position:relative !important;
        overflow:hidden !important;
        height:var(--as-mobile-head-h) !important;
        min-height:var(--as-mobile-head-h) !important;
        grid-template-columns:minmax(0,1fr) 78px !important;
        background:
            linear-gradient(90deg,rgba(0,43,85,.96) 0%,rgba(0,43,85,.72) 56%,rgba(0,43,85,.26) 100%),
            url('/menu/bandeau2026.jpg') center center / cover no-repeat !important;
        border-bottom:0 !important;
        box-shadow:0 14px 28px rgba(0,43,85,.18) !important;
    }

    .as-head-bar::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
            radial-gradient(circle at 6% 0%, rgba(61,127,159,.26), transparent 34%),
            linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 58%);
    }

    .as-brand{
        position:relative !important;
        z-index:1 !important;
        min-width:0 !important;
        padding:0 10px 0 14px !important;
        gap:0 !important;
    }

    .as-brand-copy{
        display:none !important;
    }

    .as-brand-mark{
        width:min(68vw,310px) !important;
        height:66px !important;
        flex:0 1 min(68vw,310px) !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }

    .as-brand-mark img{
        display:block !important;
        width:min(68vw,292px) !important;
        max-height:58px !important;
        height:auto !important;
        object-fit:contain !important;
        object-position:left center !important;
        filter:drop-shadow(0 8px 14px rgba(0,18,36,.40));
    }

    .as-brand-mark svg{
        display:none !important;
    }

    .as-header-menu-label{
        position:relative !important;
        z-index:1 !important;
        width:78px !important;
        height:var(--as-mobile-head-h) !important;
        background:rgba(0,43,85,.22) !important;
        border-left:1px solid rgba(255,255,255,.14) !important;
    }

    .as-banner-shell{
        display:none !important;
    }

    .as-nav{
        top:var(--as-mobile-head-h) !important;
    }
}


/* ======================================================================
   CORRECTIF RAFFINEMENT HEADER MOBILE
   Logo PNG moins massif.
   ====================================================================== */
@media(max-width:980px){
    .as-brand-mark img{
        max-height:58px !important;
    }

    .as-topo-search--mobile .as-topo-search-input{
        font-weight:600 !important;
    }
}

/* ======================================================================
   CORRECTIF LOGO PNG FOURNI MOBILE
   Logo utilisateur avec taille adaptée au bandeau mobile.
   ====================================================================== */
@media(max-width:980px){
    .as-brand-mark{
        width:min(62vw,270px) !important;
        height:60px !important;
        flex:0 1 min(62vw,270px) !important;
    }

    .as-brand-mark img{
        width:min(62vw,260px) !important;
        max-height:56px !important;
        height:auto !important;
        object-fit:contain !important;
        object-position:left center !important;
        filter:drop-shadow(0 7px 12px rgba(0,18,36,.36)) !important;
    }

    .as-head-bar{
        height:78px !important;
        min-height:78px !important;
    }

    .as-nav{
        top:78px !important;
    }
}

@media(max-width:390px){
    .as-brand-mark{
        width:230px !important;
        flex-basis:230px !important;
    }

    .as-brand-mark img{
        width:224px !important;
        max-height:52px !important;
    }
}

/* ======================================================================
   HEADER MOBILE — logo blanc + texte séparé plus raffiné
   ====================================================================== */
@media(max-width:980px){
    .as-brand{
        gap:12px !important;
        padding:0 14px 0 20px !important;
    }

    .as-brand-mark{
        width:88px !important;
        height:42px !important;
        flex:0 0 88px !important;
    }

    .as-brand-mark img{
        width:88px !important;
        max-width:88px !important;
        max-height:42px !important;
        object-fit:contain !important;
        object-position:left center !important;
    }

    .as-brand-name{
        font-family:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important;
        font-size:clamp(1.35rem,5.7vw,2.25rem) !important;
        font-weight:400 !important;
        letter-spacing:.01em !important;
        line-height:1 !important;
        text-shadow:0 2px 8px rgba(0,18,36,.28) !important;
    }

    .as-brand-dot{
        color:#ffffff !important;
    }

    .as-brand-net{
        color:var(--as-brand-net) !important;
        font-style:normal !important;
        font-weight:400 !important;
    }

    .as-topo-search--mobile .as-topo-search-input{
        font-weight:500 !important;
    }

    .as-topo-search--mobile .as-topo-search-input::placeholder{
        font-weight:500 !important;
        color:rgba(255,255,255,.92) !important;
    }

    .as-banner-copy{
        display:none !important;
    }
}

@media(max-width:390px){
    .as-brand-mark{
        width:78px !important;
        flex-basis:78px !important;
    }
    .as-brand-mark img{
        width:78px !important;
        max-height:38px !important;
    }
    .as-brand-name{
        font-size:1.2rem !important;
    }
}

/* ======================================================================
   CORRECTIF TEXTE LOGO VISIBLE MOBILE
   Annule l'ancien display:none!important de .as-brand-copy.
   ====================================================================== */
@media(max-width:980px){
    .as-brand-copy{
        display:flex !important;
        align-items:center !important;
        min-width:0 !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    .as-brand-name{
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        color:#ffffff !important;
    }

    .as-brand-net{
        color:#59b7ba !important;
    }
}

/* ======================================================================
   TYPO FINALE ALPES-SUD.NET MOBILE
   Déclinaison compacte du choix validé.
   ====================================================================== */
@media(max-width:980px){
    .as-brand{
        gap:11px !important;
        padding:0 12px 0 16px !important;
    }

    .as-brand-mark{
        width:82px !important;
        height:42px !important;
        flex:0 0 82px !important;
    }

    .as-brand-mark img{
        width:82px !important;
        max-width:82px !important;
        max-height:42px !important;
        object-fit:contain !important;
        object-position:left center !important;
        filter:drop-shadow(0 7px 12px rgba(0,18,36,.34)) !important;
    }

    .as-brand-copy{
        display:flex !important;
        align-items:center !important;
        min-width:0 !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    .as-brand-name{
        display:block !important;
        color:#ffffff !important;
        font-family:"Times New Roman", Times, Georgia, serif !important;
        font-size:clamp(1.25rem,5.6vw,2.05rem) !important;
        font-weight:400 !important;
        line-height:1 !important;
        letter-spacing:.105em !important;
        text-transform:uppercase !important;
        text-shadow:0 2px 9px rgba(0,18,36,.34) !important;
        white-space:nowrap !important;
    }

    .as-brand-name span{
        font:inherit !important;
        letter-spacing:inherit !important;
        text-transform:inherit !important;
    }

    .as-brand-dot{
        color:#ffffff !important;
        margin-left:.01em !important;
        margin-right:.03em !important;
    }

    .as-brand-net{
        color:#59b7ba !important;
        font-style:normal !important;
        font-weight:400 !important;
        letter-spacing:.08em !important;
        text-shadow:0 2px 9px rgba(0,18,36,.34) !important;
    }
}

@media(max-width:390px){
    .as-brand{
        gap:9px !important;
        padding-left:12px !important;
    }

    .as-brand-mark{
        width:68px !important;
        flex-basis:68px !important;
    }

    .as-brand-mark img{
        width:68px !important;
        max-height:36px !important;
    }

    .as-brand-name{
        font-size:1.08rem !important;
        letter-spacing:.075em !important;
    }
}

/* ======================================================================
   AJUSTEMENT COMPACT LOGO + TEXTE MOBILE
   Réduit l'encombrement du bloc marque sans changer le reste.
   ====================================================================== */
@media(max-width:980px){
    .as-brand{
        gap:8px !important;
        padding-left:12px !important;
    }

    .as-brand-mark{
        width:66px !important;
        height:34px !important;
        flex:0 0 66px !important;
    }

    .as-brand-mark img{
        width:66px !important;
        max-width:66px !important;
        max-height:34px !important;
    }

    .as-brand-name{
        font-size:clamp(1.03rem,4.65vw,1.68rem) !important;
        letter-spacing:.082em !important;
    }

    .as-brand-net{
        letter-spacing:.065em !important;
    }
}

@media(max-width:390px){
    .as-brand{
        gap:7px !important;
        padding-left:10px !important;
    }

    .as-brand-mark{
        width:58px !important;
        flex-basis:58px !important;
    }

    .as-brand-mark img{
        width:58px !important;
        max-height:31px !important;
    }

    .as-brand-name{
        font-size:.96rem !important;
        letter-spacing:.055em !important;
    }
}

/* ======================================================================
   CORRECTIF LISTE RECHERCHE MOBILE AU-DESSUS DU MENU
   Sécurité : les résultats restent au-dessus des sous-menus mobiles.
   ====================================================================== */
@media(max-width:980px){
    .as-site-head,
    .as-nav,
    .as-nav-panel{
        overflow:visible !important;
    }

    .as-topo-search--mobile,
    .as-topo-search--mobile .as-topo-search-inner,
    .as-topo-search--mobile .as-topo-search-panel,
    .as-topo-search--mobile .as-topo-search-form{
        position:relative !important;
        z-index:30 !important;
        overflow:visible !important;
    }

    .as-topo-search--mobile .as-topo-search-results{
        position:relative !important;
        z-index:40 !important;
    }
}

/* ======================================================================
   CORRECTIF IPHONE PAYSAGE — menu déroulé plein fond + typo uniforme
   ====================================================================== */
@media (max-width:980px) and (orientation:landscape){
    .as-nav{
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        top:var(--as-mobile-head-h,78px) !important;
        bottom:0 !important;
        z-index:999 !important;
        background:linear-gradient(180deg,#f8fbfc 0%,#edf4f7 100%) !important;
        overflow:hidden !important;
        box-shadow:0 18px 34px rgba(0,43,85,.16) !important;
    }

    .as-nav-check:checked ~ .as-site-head .as-nav{
        display:block !important;
    }

    .as-nav-panel{
        height:calc(100vh - var(--as-mobile-head-h,78px)) !important;
        height:calc(100svh - var(--as-mobile-head-h,78px)) !important;
        max-height:none !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        overscroll-behavior:contain !important;
        -webkit-overflow-scrolling:touch !important;
        background:linear-gradient(180deg,#f8fbfc 0%,#edf4f7 100%) !important;
        border-bottom:1px solid rgba(0,43,85,.12) !important;
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
    }

    .as-nav-link,
    .as-nav-title,
    .as-nav-title span,
    .as-nav-sub a{
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;
    }

    .as-nav-link,
    .as-nav-title{
        min-height:54px !important;
        font:800 1.02rem/1.15 Inter,Arial,sans-serif !important;
        letter-spacing:.02em !important;
    }

    .as-nav-title span:first-child{
        flex:1 1 auto !important;
        font:inherit !important;
        letter-spacing:inherit !important;
        text-transform:none !important;
    }

    .as-nav-sub a{
        font:750 .94rem/1.25 Inter,Arial,sans-serif !important;
    }
}