/* Responsive - DK Avisen */

/* Hide left ad column first */
@media (max-width: 1560px) {
    .sa-ad-left { display: none; }
}

/* Hide both ad columns */
@media (max-width: 1260px) {
    .sa-ad-left,
    .sa-ad-right { display: none; }

    .sa-page-wrapper { justify-content: center; }

    .sa-content-col { max-width: 100%; }
}

/* Tablet */
@media (max-width: 1024px) {
    .sa-main-layout { display: block; }

    .sa-grid-3 { grid-template-columns: 1fr 1fr; }
    .sa-grid-4 { grid-template-columns: 1fr 1fr; }

    .sa-card--hero .sa-card__image-wrap { height: 300px; }
    .sa-card--hero .sa-card__title { font-size: 1.6rem; }

    .sa-subscription__plans {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .sa-profile__sub-info { grid-template-columns: 1fr; }

    .sa-most-read__list--grid { grid-template-columns: 1fr; }

    .sa-weather-section { flex-direction: column; }
    .sa-weather-section__forecast {
        border-left: none;
        border-top: 1px solid var(--sa-border);
        width: 100%;
    }

    /* Block adjustments */
    .sa-block--hero .sa-block__image { height: 300px; }
    .sa-block__title--hero { font-size: 2rem; }
    .sa-block__title--horizontal { font-size: 1.5rem; }
    .sa-block-row--3 { grid-template-columns: 1fr 1fr; }

    /* Hero zone: stack on tablet */
    .sa-hero-zone { grid-template-columns: 1fr; }
    .sa-hero-zone__side { flex-direction: row; gap: 0; }
    .sa-hero-zone__side .sa-side-headline {
        border-bottom: 0;
        border-right: 1px solid var(--sa-border);
    }
    .sa-hero-zone__side .sa-side-headline:first-child { border-radius: var(--sa-radius-lg) 0 0 var(--sa-radius-lg); }
    .sa-hero-zone__side .sa-side-headline:last-child { border-radius: 0 var(--sa-radius-lg) var(--sa-radius-lg) 0; border-right: 0; }

    .sa-hero-overlay { min-height: 380px; }
    .sa-hero-overlay__title { font-size: 2rem; }

    /* Triple grid: 2 col */
    .sa-triple-grid { grid-template-columns: 1fr 1fr; }
    .sa-triple-grid .sa-block:last-child:nth-child(odd) { grid-column: 1 / -1; }

    /* Asymmetric: stack */
    .sa-asymmetric { grid-template-columns: 1fr; }

    /* Dual sections: stack */
    .sa-dual-sections { grid-template-columns: 1fr; }

    /* Weather strip */
    .sa-weather-strip { flex-direction: column; align-items: flex-start; }
}

/* Mobile */
@media (max-width: 768px) {
    :root {
        --sa-header-height: 52px;
        --sa-gap: 12px;
        --sa-gap-lg: 16px;
        --sa-gap-xl: 28px;
    }

    .sa-grid-2,
    .sa-grid-3,
    .sa-grid-4 { grid-template-columns: 1fr; }

    .sa-card--hero .sa-card__image-wrap { height: 200px; }
    .sa-card--hero .sa-card__title { font-size: 1.3rem; }
    .sa-card--hero .sa-card__body { padding: var(--sa-gap); }

    .sa-card--horizontal { flex-direction: column; }
    .sa-card--horizontal .sa-card__image-wrap { width: 100%; height: 160px; }

    /* Blocks mobile */
    .sa-block--hero .sa-block__image { height: 200px; }
    .sa-block__title--hero { font-size: 1.6rem; }
    .sa-block__title--horizontal { font-size: 1.2rem; }
    .sa-block__title--text { font-size: 1.2rem; }

    .sa-block--horizontal .sa-block__link { flex-direction: column; }
    .sa-block--horizontal .sa-block__image { width: 100%; height: 180px; }
    .sa-block--img-right .sa-block__link { flex-direction: column; }

    .sa-block-row--2,
    .sa-block-row--3 { grid-template-columns: 1fr; }
    .sa-block__content { padding: 14px 16px; }

    /* Article mobile */
    .sa-article__title { font-size: 1.6rem; }
    .sa-article__content { padding: var(--sa-gap); font-size: 16px; }
    .sa-article__header { padding: var(--sa-gap); }
    .sa-article__actions { flex-direction: column; gap: 12px; padding: var(--sa-gap); }
    .sa-share { flex-wrap: wrap; justify-content: center; }

    /* Paywall mobile */
    .sa-paywall__plans { flex-direction: column; align-items: center; }
    .sa-paywall__gate { padding: 28px 20px; border-radius: var(--sa-radius); }
    .sa-paywall__title { font-size: 1.3rem; }

    /* Auth mobile */
    .sa-auth-card { padding: 24px; }

    /* Profile mobile */
    .sa-profile__header {
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }
    .sa-profile__sub-badge { margin-left: 0; }

    /* Ads mobile */
    .sa-ad-slot--article_mid { float: none; margin: var(--sa-gap) auto; }

    /* Ticker mobile */
    .sa-ticker__label { font-size: 9px; padding: 0 10px; }
    .sa-ticker { border-radius: 0; }

    /* Hero zone mobile */
    .sa-hero-zone__side { flex-direction: column; }
    .sa-hero-zone__side .sa-side-headline {
        border-right: 0;
        border-bottom: 1px solid var(--sa-border);
    }
    .sa-hero-zone__side .sa-side-headline:first-child { border-radius: var(--sa-radius) var(--sa-radius) 0 0; }
    .sa-hero-zone__side .sa-side-headline:last-child { border-radius: 0 0 var(--sa-radius) var(--sa-radius); border-bottom: 0; }

    .sa-hero-overlay { min-height: 300px; }
    .sa-hero-overlay__title { font-size: 1.5rem; }
    .sa-hero-overlay__excerpt { font-size: 14px; }
    .sa-hero-overlay__content { padding: 24px 20px; }

    /* Triple grid: single col */
    .sa-triple-grid { grid-template-columns: 1fr; }

    /* Popular strip */
    .sa-popular-strip__grid { grid-template-columns: 1fr; }

    /* Feed scroll: narrower cards */
    .sa-feed-scroll__card { flex: 0 0 200px; }
    .sa-feed-scroll__img { height: 110px; }

    /* Weather strip */
    .sa-weather-strip__forecast { gap: 12px; }
    .sa-weather-strip__forecast { overflow-x: auto; }

    /* Admin mobile */
    .sa-admin-grid { grid-template-columns: 1fr; }
}

/* Small mobile */
@media (max-width: 480px) {
    .sa-header__right { gap: 4px; }
}