/* Desktop navigation: keep the menu clearly spaced and right aligned. */
@media (min-width: 901px) {
    .header-inner {
        display: flex !important;
        align-items: center !important;
    }
    .site-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: clamp(.85rem, 1.4vw, 1.5rem) !important;
        margin-left: auto !important;
        padding-left: clamp(1.5rem, 4vw, 4rem) !important;
    }
    .site-nav > a {
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
    }
    .site-nav > a[href*="mon-compte"] {
        border-left: 1px solid rgba(23, 60, 48, .22);
        margin-left: .2rem;
        padding-left: 1.25rem;
    }
    .site-nav .nav-contact {
        margin-left: .25rem;
    }
}

/* Guarantee readable text and a visible surface on every main CTA. */
.button,
a.button,
span.button {
    background: #163c30 !important;
    border-color: #163c30 !important;
    color: #ffffff !important;
}
.button span,
a.button span {
    color: inherit !important;
}
.button:hover,
.button:focus-visible,
a.button:hover,
a.button:focus-visible {
    background: #245443 !important;
    border-color: #245443 !important;
    color: #ffffff !important;
}
.button-light,
a.button-light {
    background: #f9f8f2 !important;
    border-color: #f9f8f2 !important;
    color: #173c30 !important;
}
.button-light:hover,
.button-light:focus-visible,
a.button-light:hover,
a.button-light:focus-visible {
    background: #d8e695 !important;
    border-color: #d8e695 !important;
    color: #173c30 !important;
}

@media (max-width: 900px) {
    .site-nav {
        gap: .3rem !important;
    }
    .site-nav > a {
        display: block !important;
        padding: .75rem 0 !important;
    }
}