/* =========================================================
   DMA SIMPLE — RESPONSIVE
========================================================= */

@media (max-width: 768px) {
    :root {
        --dma-header-height: 104px;
        --dma-footer-height: 42px;
    }

    .dma-header-inner {
        width: min(100% - 20px, var(--dma-content-width));
        grid-template-rows: 62px 42px;
        grid-template-columns: 1fr auto;
    }

    .dma-branding {
        grid-column: 1 / 2;
        justify-content: flex-start;
        min-width: 0;
    }

    .dma-logo img,
    .dma-logo .custom-logo {
        max-height: 40px;
    }

    .dma-site-title {
        font-size: 1.15rem;
    }

    .dma-site-description {
        font-size: .78rem;
    }

    .dma-menu-toggle {
        grid-column: 2 / 3;
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: 40px;
        height: 40px;

        border: 1px solid rgba(15,23,42,.25);
        border-radius: 8px;

        background: rgba(255,255,255,.65);
        color: inherit;

        font-size: 1.25rem;
        cursor: pointer;
    }

    .dma-primary-nav {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        position: relative;
    }

    .dma-menu--primary {
        gap: 18px;
        justify-content: center;
    }

    .dma-primary-nav.is-open .dma-menu--primary {
        display: flex;
    }

    .dma-page-background {
        background-image: var(--dma-bg-mobile);
    }

    .dma-content-inner {
        width: min(100% - 20px, var(--dma-content-width));
        padding: 14px 0 24px;
    }

    .dma-menu--footer {
        gap: 10px;
        padding: 0 8px;
        overflow-x: auto;
        white-space: nowrap;
    }

    .dma-menu--footer a {
        font-size: .78rem;
    }
}

@media (max-width: 520px) {
    .dma-site-description {
        display: none;
    }

    .dma-menu--primary {
        gap: 12px;
    }

    .dma-menu--primary a {
        font-size: .9rem;
    }
}