/* ===== HEADER TRANSPARENT SUPERPOSE AU HERO ===== */
.cpx-top{display:none !important}
.cpx-hdrhold{position:fixed;top:0;left:0;right:0;z-index:900;padding:16px 0 0;transition:padding .25s}
.cpx-hdrhold.stuck{padding-top:8px}
.cpx-hdr{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(255,255,255,.16);box-shadow:none;transition:background .28s,border-color .28s,box-shadow .28s,padding .25s}
.cpx-hdrhold.stuck .cpx-hdr{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--bord);box-shadow:var(--sh)}

/* logo toujours sur pastille blanche : lisible sur fond sombre comme clair */
.cpx-hdr .cpx-logo{background:#fff;border-radius:6px;padding:5px 11px 5px 8px;box-shadow:0 2px 10px rgba(0,0,0,.14)}
.cpx-hdrhold.stuck .cpx-hdr .cpx-logo{box-shadow:none;padding-left:6px}
.cpx-hdr .cpx-logo img{height:50px !important}

/* liens blancs tant que le header flotte sur le hero */
.cpx-hdr .cpx-nav>li>a{color:#fff}
.cpx-hdr .cpx-nav>li>a:hover,.cpx-hdr .cpx-nav>li.is-open>a{color:#fff;background:rgba(255,255,255,.14)}
.cpx-hdr .cpx-tel{color:#fff}
.cpx-hdr .cpx-tel:hover{background:rgba(255,255,255,.14);color:#fff}
.cpx-hdr .cpx-tel svg{color:var(--vertc)}
.cpx-burger{background:transparent;border-color:rgba(255,255,255,.35)}
.cpx-burger span{background:#fff}

/* etat colle en haut : on repasse en sombre sur fond blanc */
.cpx-hdrhold.stuck .cpx-nav>li>a{color:var(--encre)}
.cpx-hdrhold.stuck .cpx-nav>li>a:hover,.cpx-hdrhold.stuck .cpx-nav>li.is-open>a{color:var(--bleu);background:var(--gris)}
.cpx-hdrhold.stuck .cpx-tel{color:var(--encre)}
.cpx-hdrhold.stuck .cpx-tel:hover{background:var(--gris);color:var(--bleu)}
.cpx-hdrhold.stuck .cpx-tel svg{color:var(--vert)}
.cpx-hdrhold.stuck .cpx-burger{background:#fff;border-color:var(--bord)}
.cpx-hdrhold.stuck .cpx-burger span{background:var(--encre)}

/* le hero passe sous le header : on compense la hauteur */
.cpx-hgrid{padding:148px 0 78px;min-height:700px}
.cpx-ph{padding:150px 0 72px}
@media(max-width:980px){.cpx-hgrid{padding:128px 0 56px;min-height:0}}
@media(max-width:760px){.cpx-hgrid{padding:118px 0 48px}.cpx-ph{padding:118px 0 56px}}
@media(max-width:1150px){.cpx-hdr .cpx-logo img{height:44px !important}}