/* Mobile overrides */

@media (max-width: 1100px) {
    .home-command__content,
    .home-layout,
    .home-brief {
        grid-template-columns: 1fr;
    }

    .home-command__signals,
    .home-command__kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-layout__aside {
        position: static;
    }
}

@media (max-width: 780px) {
    .site-header__inner {
        gap: 0.75rem;
    }

    .main-nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: flex-start;
        min-height: 2.9rem;
        padding: 0.7rem 1rem;
        border: 1px solid rgba(15, 23, 42, 0.12);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--heading);
        font-weight: 700;
        box-shadow: 0 10px 24px rgba(91, 33, 182, 0.12);
    }

    .main-nav {
        display: none;
        width: 100%;
        flex-wrap: wrap;
        gap: 0.45rem;
        border-radius: 1.15rem;
        padding: 0.55rem;
        justify-content: flex-start;
    }

    .main-nav.is-open {
        display: flex;
    }

    .main-nav a {
        flex: 1 1 calc(50% - 0.35rem);
        min-height: 3rem;
        padding-inline: 0.9rem;
        text-align: center;
        white-space: nowrap;
    }

    .site-header__actions {
        display: none;
    }

    .search-bar {
        width: 100%;
    }

    .search-bar input {
        min-width: 0;
    }

    .site-header__actions .admin-link,
    .site-header__actions .button {
        width: 100%;
    }

    .site-header__brand {
        max-width: 100%;
    }

    .site-header__brand .brand__badge {
        width: 2.5rem;
        height: 2.5rem;
    }

    .site-header__brand strong {
        font-size: 0.98rem;
    }

    .site-header__brand small {
        display: none;
    }

    .site-footer__newsletter {
        grid-template-columns: 1fr;
        padding: 1.2rem;
    }

    .newsletter-signup {
        flex-wrap: wrap;
        border-radius: 1.25rem;
    }

    .newsletter-signup input,
    .newsletter-signup button {
        width: 100%;
    }

    .featured-grid,
    .posts-grid,
    .category-grid,
    .insight-strip,
    .comment-form__grid,
    .admin-grid,
    .admin-form__grid,
    .home-command__signals,
    .home-command__kpis {
        grid-template-columns: 1fr;
    }

    .admin-page-head,
    .admin-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-actions {
        width: 100%;
    }

    .admin-actions a,
    .admin-actions button {
        width: 100%;
    }

    .home-brief {
        padding: 1rem;
    }

    .topic-pill,
    .brief-signal,
    .topic-list__item,
    .trend-list__item {
        padding: 0.9rem 1rem;
    }
}

@media (max-width: 560px) {
    .brand {
        width: 100%;
    }

    .main-nav {
        padding: 0.45rem;
        gap: 0.35rem;
    }

    .main-nav a,
    .admin-nav a {
        flex-basis: auto;
        flex: 0 0 auto;
        min-height: 2.75rem;
        padding-inline: 0.8rem;
    }

    .hero__actions,
    .empty-state__actions,
    .not-found__actions {
        flex-direction: column;
    }

    .button,
    .button--ghost,
    .button--primary,
    .admin-link,
    .comment-form button {
        width: 100%;
    }

    .site-header__actions {
        gap: 0.5rem;
    }

    .search-bar {
        flex-direction: column;
    }

    .search-bar button {
        width: 100%;
    }
}