/* =========================================================================
   Regimbeau — New Header (Dedi UX redesign)
   ========================================================================= */

/* Reset old header rules selectively.
   The legacy stylesheet has `header { position:fixed; height:120px; backdrop-filter:blur(50px) }`
   so we override with higher specificity. We keep position:fixed because many pages
   (.hero, etc.) add padding-top:120px to compensate. */
body header.site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff !important;
    border-bottom: 1px solid #ECECEC;
    padding: 0;
    display: block !important;
    width: 100%;
    height: auto !important;
    min-height: 0;
    font-family: "Satoshi", sans-serif;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
}

/* Reset list-item rules from legacy stylesheet (header ul li ...) */
body header.site-header ul li {
    padding-left: 0;
    margin: 0;
    list-style: none;
}
body header.site-header ul li::after,
body header.site-header ul li::before {
    content: none !important;
}

/* Mobile drawer & sub-panels: kill any legacy ::before/::after / bullet artifacts */
.mdrawer,
.mdrawer ul,
.mdrawer li,
.msub,
.msub ul,
.msub li {
    list-style: none;
}
/* Aggressive reset: legacy `ul li::after { content: ""; border-radius: 50% ... }`
   was painting red circles on every li in the drawer. Kill all ::before/::after
   on every li inside the drawer or any sub-panel. */
.mdrawer li::before,
.mdrawer li::after,
.mdrawer ul li::before,
.mdrawer ul li::after,
.mdrawer ul li ul li::before,
.mdrawer ul li ul li::after,
.msub li::before,
.msub li::after,
.msub ul li::before,
.msub ul li::after,
.msub ul li ul li::before,
.msub ul li ul li::after {
    content: none !important;
    display: none !important;
    border: none !important;
    background: none !important;
}
/* Also reset position so legacy `position: absolute` on the pseudo doesn't stack */
.mdrawer li,
.msub li {
    padding-left: 0 !important;
    position: relative;
}

.site-header__inner {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 18px 32px;
    max-width: 100%;
}

.site-header__logo {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
}
.site-header__logo svg {
    width: 165px;
    height: auto;
    display: block;
}

/* ---- Primary Nav ---- */
.site-nav {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
}
.site-nav__list {
    display: flex;
    gap: 36px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.site-nav__item {
    position: relative;
}
.site-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: none;
    padding: 8px 0;
    font-family: "Satoshi", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #ff3d34;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    line-height: 1;
    transition: color .15s ease;
}
.site-nav__link:hover,
.site-nav__item.active .site-nav__link {
    color: #ff3d34;
}
.site-nav__item.active .site-nav__link::after,
.site-nav__link:hover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 16px;
    bottom: -2px;
    height: 2px;
    background: #ff3d34;
    border-radius: 2px;
}
.site-nav__caret {
    color: currentColor;
    transition: transform .2s ease;
}
.site-nav__item.active .site-nav__caret {
    transform: rotate(180deg);
}

/* ---- Right cluster ---- */
.site-header__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}
.site-header__search-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.4px solid #ff3d34;
    background: #fff;
    color: #ff3d34;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.site-header__search-btn:hover {
    background: #ff3d34;
    color: #fff;
}

.btn-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 22px;
    border-radius: 999px;
    font-family: "Satoshi", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
    white-space: nowrap;
}
.btn-pill--solid {
    background: #ff3d34;
    color: #fff;
    border: 1.4px solid #ff3d34;
}
.btn-pill--solid:hover {
    background: #e83128;
    color: #fff;
}
.btn-pill--outline {
    background: #fff;
    color: #ff3d34;
    border: 1.4px solid #ff3d34;
}
.btn-pill--outline:hover {
    background: #ff3d34;
    color: #fff;
}
.btn-pill--outline:hover svg { color: #fff; }

/* ---- Language switcher ---- */
.lang-switch {
    position: relative;
}
.lang-switch__btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #f4f4f4;
    border: none;
    color: #252324;
    font-family: "Satoshi", sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 9px 14px;
    border-radius: 999px;
    cursor: pointer;
    transition: background .15s;
}
.lang-switch__btn:hover { background: #ececec; }
.lang-switch__menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 70px;
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    padding: 6px 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .15s, transform .15s, visibility .15s;
    z-index: 5;
}
.lang-switch.active .lang-switch__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.lang-switch__menu li a {
    display: block;
    padding: 6px 14px;
    color: #252324;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}
.lang-switch__menu li.active a { color: #ff3d34; }
.lang-switch__menu li a:hover { background: #f7f7f7; }

/* ---- Hamburger -> X (animated) ---- */
.site-header__burger {
    display: none;
    position: relative;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.site-header__burger span {
    display: block;
    width: 24px;
    height: 2px;
    background: #ff3d34;
    border-radius: 2px;
    transform-origin: center;
    transition: transform .25s ease, opacity .2s ease;
}
/* When the drawer is open, morph the 3 lines into an X */
body.has-mdrawer .site-header__burger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
body.has-mdrawer .site-header__burger span:nth-child(2) {
    opacity: 0;
}
body.has-mdrawer .site-header__burger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* =========================================================================
   Mega-menus
   ========================================================================= */
.mega {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    box-shadow: 0 12px 24px rgba(0,0,0,.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index: 50;
}
.mega.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega__inner {
    display: flex;
    align-items: stretch;
    min-height: 320px;
    max-width: 1480px;
    margin: 0 auto;
}

/* ---- Solutions mega (left-rail tabs + content) ---- */
.mega--solutions {
    padding: 24px 32px 32px;
    gap: 28px;
}
.mega-tabs {
    flex: 0 0 260px;
    list-style: none;
    margin: 0;
    padding: 0;
    border-right: 1px solid #ECECEC;
    padding-right: 12px;
}
.mega-tabs__btn {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 12px 18px;
    border-radius: 999px;
    font-family: "Satoshi", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #252324;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.mega-tabs__btn svg {
    color: #999;
    flex-shrink: 0;
}
.mega-tabs__btn:hover {
    background: #f7f7f7;
}
.mega-tabs__btn.is-active {
    background: #f1f1f1;
    color: #252324;
}

/* ---- Mega panel ---- */
.mega-panel {
    flex: 1;
    display: none;
    gap: 28px;
    padding-left: 12px;
}
.mega-panel.is-active {
    display: flex;
    align-items: flex-start;
}
/* Innovations & Acteurs panels: list on the left, cards on the right, breathing room between */
.mega-panel--list-and-cards.is-active,
.mega-panel.is-active:has(.mega-panel__list--single) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 56px;
}
.mega-panel--list-and-cards .mega-panel__list--single,
.mega-panel:has(.mega-panel__list--single) .mega-panel__list--single {
    flex: 0 0 auto;
}
.mega-panel--list-and-cards .mega-panel__cards,
.mega-panel:has(.mega-panel__list--single) .mega-panel__cards {
    flex: 0 0 auto;
    margin-left: auto;
}

.mega-panel__list {
    flex: 1 1 auto;
    min-width: 0;
}
.mega-panel__list--single {
    width: 260px;
}
.mega-panel__cols {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 56px;
    min-width: 0;
}
.mega-panel__cols--2 { grid-template-columns: repeat(2, 1fr); }
.mega-panel__cols--4 { grid-template-columns: repeat(4, 1fr); }

.mega-col {
    min-width: 0;
    position: relative;
}
.mega-col + .mega-col::before {
    content: "";
    position: absolute;
    left: -28px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ECECEC;
}
.mega-col__icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    color: #ff3d34;
    margin-bottom: 10px;
}
.mega-col__icon svg,
.mega-col__icon img.mm-icon {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.mega-col__heading {
    display: block;
    font-family: "Satoshi", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #ff3d34;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.5px;
    margin: 0 0 14px;
    line-height: 1.3;
}
.mega-col__heading:hover { text-decoration-thickness: 2px; }

.mega-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.mega-list li a,
.mega-list li span {
    color: #252324;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    transition: color .15s;
}
.mega-list li a:hover { color: #ff3d34; }
.mega-list li.is-disabled span,
.mega-list li.is-disabled a {
    color: #c8c8c8;
    cursor: default;
    pointer-events: none;
}

/* ---- Promo cards ---- */
.mega-panel__cards {
    flex: 0 0 auto;
    display: flex;
    gap: 20px;
}
.promo-card {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 290px;
    flex: 0 0 auto;
    text-decoration: none;
    color: #252324;
    transition: transform .15s ease;
}
.promo-card:hover { transform: translateY(-2px); }
.promo-card__media {
    display: block;
    width: 100%;
    height: 140px;
    background-color: #f3f3f3;
    background-size: cover;
    background-position: center;
    border-radius: 6px;
    margin-bottom: 8px;
}
.promo-card__media--placeholder {
    background: linear-gradient(135deg, #f7f7f7, #eaeaea);
}
.promo-card__title {
    font-family: "Satoshi", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #252324;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1.5px;
    margin-bottom: 4px;
}
.promo-card__desc {
    font-size: 12px;
    color: #5a5a5a;
    line-height: 1.4;
}
.promo-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    align-self: flex-start;
    padding: 8px 14px;
    background: #3a3a3a;
    color: #fff;
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 500;
    transition: background .15s;
}
.promo-card:hover .promo-card__cta { background: #252324; }

/* ---- Mega with photo (Regimbeau, Ressources) ---- */
.mega--with-photo {
    padding: 0;
    align-items: stretch;
}
.mega-photo {
    flex: 0 0 280px;
    background-color: #ececec;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 360px;
}
.mega--with-photo .mega-panel__cols {
    padding: 32px 28px;
    flex: 1 1 auto;
}
.mega--with-photo .mega-panel__cards {
    padding: 32px 32px 32px 0;
    align-self: flex-start;
}

/* =========================================================================
   Search overlay
   ========================================================================= */
.search-overlay {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    box-shadow: 0 12px 24px rgba(0,0,0,.06);
    padding: 22px 32px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .18s, transform .18s, visibility .18s;
    z-index: 60;
}
.search-overlay.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.search-overlay__form {
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 1200px;
    margin: 0 auto;
}
.search-overlay__input {
    flex: 1;
    border: none;
    border-bottom: 2px solid #ff3d34;
    font-family: "Satoshi", sans-serif;
    font-size: 20px;
    padding: 10px 4px;
    background: transparent;
    outline: none;
    color: #252324;
}
.search-overlay__submit,
.search-overlay__close {
    background: none;
    border: none;
    color: #ff3d34;
    cursor: pointer;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.search-overlay__submit:hover,
.search-overlay__close:hover { color: #c92e25; }

/* ===== Mega backdrop ===== */
.mega__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.15);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s, visibility .18s;
    z-index: 40;
}
.site-header.has-mega .mega__backdrop {
    opacity: 1;
    visibility: visible;
}

/* =========================================================================
   Mobile drawer  (slides in BELOW the sticky header — header stays on top)
   ========================================================================= */
/* Header stays above the drawer */
body header.site-header { z-index: 320 !important; }

.mdrawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;
    background: #fff;
    z-index: 300;
    transform: translateX(100%);
    transition: transform .25s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* Header height pushes drawer content below it */
    padding-top: 60px;
}
.mdrawer.is-open {
    transform: translateX(0);
}
.mdrawer__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.4);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility .25s;
    z-index: 290;
}
body.has-mdrawer .mdrawer__backdrop {
    opacity: 1;
    visibility: visible;
}
body.has-mdrawer { overflow: hidden; }

.mdrawer__body {
    flex: 1;
    overflow-y: auto;
    padding: 22px 22px 22px;
}
.mdrawer__search {
    position: relative;
    margin-bottom: 18px;
}
.mdrawer__search input {
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 999px;
    background: #f6f6f6;
    padding: 13px 44px 13px 20px;
    font-family: "Satoshi", sans-serif;
    font-size: 14px;
    color: #252324;
    outline: none;
}
.mdrawer__search button {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #ff3d34;
    cursor: pointer;
    padding: 4px;
}

.mdrawer__actions {
    display: flex;
    gap: 10px;
    margin-bottom: 22px;
}
.mdrawer__actions .btn-pill { flex: 1; justify-content: center; }

.mdrawer__sections {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mdrawer__section {
    border-bottom: 1px solid #ECECEC;
    padding-left: 0;
}
.mdrawer__section:first-child {
    border-top: 1px solid #ECECEC;
}
.mdrawer__section-btn,
.mdrawer__section-link {
    width: 100%;
    background: none;
    border: none;
    padding: 18px 0;
    text-align: left;
    font-family: "Satoshi", sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #252324;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.mdrawer__section-btn svg,
.mdrawer__section-link svg { color: #252324; }
.mdrawer__chev { transition: transform .2s ease; }
.mdrawer__section--expandable.is-expanded .mdrawer__chev { transform: rotate(90deg); }

.mdrawer__subsections {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease, padding .25s ease;
}
.mdrawer__section--expandable.is-expanded .mdrawer__subsections {
    max-height: 600px;
    padding: 0 0 8px 16px !important;
}
.mdrawer__subsection-btn {
    width: 100%;
    background: none;
    border: none;
    padding: 14px 4px;
    text-align: left;
    font-family: "Satoshi", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #252324;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mdrawer__subsection-btn svg { color: #252324; }
.mdrawer__subsections > li + li .mdrawer__subsection-btn {
    border-top: 1px solid #f3f3f3;
}

.mdrawer__langs {
    display: flex;
    gap: 10px;
    padding: 18px 22px 22px;
    border-top: 1px solid #ECECEC;
}
.mdrawer__lang {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #f4f4f4;
    color: #252324;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border: none;
}

/* ---- Mobile sub-panels (slide in from right, leave a strip on the left
        exposing the drawer beneath with a dimming overlay) ---- */
.msub {
    position: absolute;
    top: 60px;
    left: 80px;   /* exposed strip width on the left */
    right: 0;
    bottom: 0;
    background: #fff;
    transform: translateX(100%);
    transition: transform .25s ease, box-shadow .25s ease;
    display: flex;
    flex-direction: column;
    /* Don't clip — the ::before overlay extends leftward and must remain visible.
       The parent .mdrawer has overflow: hidden which clips the slide-in animation. */
    /* No shadow when off-screen — otherwise its blur bleeds into the visible drawer */
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    z-index: 5;
}
.msub.is-open {
    box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
}
/* Dimming overlay for the exposed left strip of the drawer beneath.
   Stretched far to the left so the overlay covers the full exposed area
   even if the screen is narrower than the .mdrawer max-width. */
.msub::before {
    content: "";
    position: absolute;
    top: -60px;          /* extend up over the header too */
    right: 100%;
    width: 100vw;        /* always covers the exposed left area */
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
}
.msub.is-open::before {
    opacity: 1;
}
.msub.is-open {
    transform: translateX(0);
}
.msub__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px 6px;
}
.msub__back,
.msub__close {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ff3d34;
    font-family: "Satoshi", sans-serif;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 0;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.msub__btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ffd9d5;
    color: #ff3d34;
    flex-shrink: 0;
}
.msub__btn-icon svg {
    width: 11px;
    height: 11px;
    display: block;
}
.msub__close .msub__btn-icon svg {
    width: 12px;
    height: 12px;
}
.msub__title {
    margin: 0;
    padding: 6px 22px 16px;
    font-family: "Satoshi", sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #252324;
}
.msub__body {
    flex: 1;
    overflow-y: auto;
    padding: 0 22px 22px;
}
.msub__eyebrow {
    margin: 22px 0 6px;
    font-family: "Satoshi", sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ff3d34;
    text-decoration: underline;
    text-underline-offset: 4px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.msub__eyebrow:first-child { margin-top: 6px; }
.msub__icon {
    display: inline-flex;
    width: 22px;
    height: 22px;
    color: #ff3d34;
}
.msub__icon svg,
.msub__icon img.mm-icon { width: 100%; height: 100%; object-fit: contain; }
.msub__group-title {
    margin: 16px 0 6px;
    color: #ff3d34;
    font-family: "Satoshi", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.msub__list {
    list-style: none;
    margin: 0 0 6px;
    padding: 0;
}
.msub__list li {
    padding: 6px 0;
}
.msub__list li a,
.msub__list li span {
    color: #252324;
    text-decoration: none;
    font-family: "Satoshi", sans-serif;
    font-size: 15px;
    font-weight: 500;
}
.msub__list li.is-disabled span,
.msub__list li.is-disabled a {
    color: #c8c8c8;
    pointer-events: none;
}

/* Items with chevrons (Regimbeau & Ressources panels) */
[data-msub="regimbeau"] .msub__list li a,
[data-msub="ressources"] .msub__list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
[data-msub="regimbeau"] .msub__list li a::after,
[data-msub="ressources"] .msub__list li a::after {
    content: "";
    flex-shrink: 0;
    width: 8px;
    height: 14px;
    background: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 9 14' fill='none'%3E%3Cpath d='M1 1l6 6-6 6' stroke='%23252324' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
}

/* =========================================================================
   Responsive
   ========================================================================= */
@media (max-width: 1180px) {
    .site-nav__list { gap: 22px; }
    .site-nav__link { font-size: 14px; }
    .btn-pill { padding: 9px 18px; font-size: 13px; }
}

@media (max-width: 1024px) {
    .site-nav,
    .site-header__actions { display: none; }
    .site-header__burger { display: inline-flex; }
    .site-header__inner { justify-content: space-between; padding: 14px 20px; }
    .site-header__logo svg { width: 140px; }

    .mega { display: none; }
}

@media (min-width: 1025px) {
    .mdrawer,
    .mdrawer__backdrop { display: none !important; }
}

/* Hide the old WP body classes that injected vertical padding via the
   previous header design. Add top-padding fallback for sticky positioning. */
body.admin-bar header.site-header { top: 32px; }
@media screen and (max-width: 782px) {
    body.admin-bar header.site-header { top: 46px; }
}