/*
 * Marqzy News Pro — responsive stability layer.
 * This file intentionally owns breakpoints so mobile never falls back
 * to browser-default block rendering.
 */

@media (max-width: 1100px) {
    .mq-marketbar__inner {
        gap: 10px;
    }

    .mq-markets {
        max-width: 54%;
    }

    .mq-front-grid {
        grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .mq-marketbar__inner {
        flex-direction: column;
        gap: 0;
        padding-block: 5px;
    }

    .mq-breaking {
        width: 100%;
        min-height: 32px;
    }

    .mq-markets {
        width: 100%;
        max-width: none;
        min-height: 28px;
    }

    .mq-front-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mq-front-card--featured {
        grid-column: span 2;
        grid-row: auto;
    }
}

@media (max-width: 720px) {
    .mq-header__inner {
        min-height: 70px;
    }

    .mq-menu-toggle {
        display: inline-flex;
    }

    .mq-dark-toggle__text {
        display: none;
    }

    .mq-nav {
        display: none;
    }

    .mq-nav.is-open {
        display: block;
    }

    .mq-nav__inner {
        overflow: visible;
    }

    .mq-menu {
        display: block;
        padding-block: 6px 12px;
    }

    .mq-menu > li {
        border-bottom: 1px solid var(--mq-border);
    }

    .mq-menu a {
        width: 100%;
        min-height: 48px;
        padding-inline: 8px;
    }

    .mq-menu .sub-menu {
        position: static;
        display: block;
        margin-left: 12px;
        border: 0;
        border-left: 2px solid var(--mq-border);
        border-radius: 0;
        box-shadow: none;
    }

    .mq-breadcrumbs {
        margin-top: 12px;
    }

    .mq-front-hero {
        padding-block: 24px 28px;
    }

    .mq-front-grid {
        grid-template-columns: 1fr;
    }

    .mq-front-card--featured {
        grid-column: auto;
    }

    .mq-markets {
        gap: 10px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .mq-markets::-webkit-scrollbar {
        display: none;
    }

    .mq-market {
        flex: 0 0 auto;
    }
}

@media (max-width: 480px) {
    .mq-site-logo__name {
        font-size: 1.55rem;
    }

    .mq-site-logo__tagline {
        max-width: 210px;
        font-size: .61rem;
    }

    .mq-single__hero {
        margin-inline: -6px;
    }

    .mq-single__hero img {
        border-radius: 8px;
    }
}