/*
 * Shared public-page desktop responsive guard.
 * Mobile is intentionally out of scope: every rule starts at 901px.
 */
@media (min-width: 901px) {
    html,
    body {
        max-width: 100%;
        overflow-x: clip !important;
    }

    .mr-lux-footer,
    .mr-lux-footer__glass,
    .mr-lux-footer__line,
    .mr-lux-footer__shell,
    .mr-lux-footer__brand,
    .mr-lux-footer__nav,
    .mr-lux-footer__contact {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .mr-lux-footer__shell > *,
    .mr-lux-footer__contact-item > * {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

/*
 * The footer keeps three desktop columns, but releases their accumulated
 * fixed minimum widths on compact desktop windows.
 */
@media (min-width: 901px) and (max-width: 1100px) {
    .mr-lux-footer {
        --mr-footer-menu-edge: 16px;
    }

    .mr-lux-footer__glass,
    .mr-lux-footer__line {
        width: calc(100% - 32px) !important;
        padding-inline: clamp(14px, 2vw, 22px) !important;
    }

    .mr-lux-footer__shell {
        grid-template-columns:
            minmax(0, 1.05fr)
            minmax(0, .9fr)
            minmax(0, 1.15fr) !important;
        gap: clamp(10px, 1.6vw, 18px) !important;
    }

    .mr-lux-footer__nav {
        gap: 6px !important;
    }

    .mr-lux-footer__contact,
    .mr-lux-footer__contact-item {
        width: 100%;
    }

    .mr-lux-footer__contact-item,
    body.rtl .mr-lux-footer__contact-item {
        grid-template-columns: minmax(58px, 72px) minmax(0, 1fr);
    }
}

/*
 * The home clock remains visually identical, while its large rotating
 * descendants are contained inside the compact-desktop content surface.
 */
@media (min-width: 901px) and (max-width: 1179px) {
    body.mr-home-has-desktop-sidebar .mr-home-desktop-content-shell,
    body.mr-home-has-desktop-sidebar .mr-home-clock-stage,
    body.mr-home-has-desktop-sidebar .mr-home-timedrift-clock-slot,
    body.mr-home-has-desktop-sidebar .tdc-page,
    body.mr-home-has-desktop-sidebar .tdc-clock {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-clock-stage,
    body.mr-home-has-desktop-sidebar .mr-home-timedrift-clock-slot,
    body.mr-home-has-desktop-sidebar .tdc-page,
    body.mr-home-has-desktop-sidebar .tdc-clock {
        overflow: hidden !important;
        overflow: clip !important;
    }

    body.mr-home-has-desktop-sidebar .mr-home-clock-stage {
        contain: layout paint;
    }
}