/*
 * WahlTop v4.12.1 Runtime UI Hotfix
 * Scope: static Blog/Ratgeber/Tư vấn landing only.
 * Goal: better desktop use of space + readable cards, without changing product/article detail pages.
 */

body.page:has(.wt-blog-shell).wahltop-blue-shop .site-content {
    width: min(calc(100% - 48px), 1240px) !important;
    max-width: 1240px !important;
    margin: 24px auto 48px !important;
}

body.page:has(.wt-blog-shell).wahltop-blue-shop .content-area,
body.page:has(.wt-blog-shell).wahltop-blue-shop .site-main,
body.page:has(.wt-blog-shell).wahltop-blue-shop .site-main > article.page,
body.page:has(.wt-blog-shell).wahltop-blue-shop .site-main > article.page > .inside-article {
    width: 100% !important;
    max-width: none !important;
}

body.page:has(.wt-blog-shell).wahltop-blue-shop .site-main > article.page > .inside-article {
    padding: clamp(24px, 3vw, 38px) !important;
}

.wt-blog-shell {
    width: 100%;
    max-width: none;
}

.wt-blog-shell > .wt-landing-hero-copy {
    padding: clamp(26px, 3.2vw, 38px);
}

.wt-blog-shell .wt-landing-hero-copy p {
    max-width: 72ch;
}

.wt-blog-shell .wt-landing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px;
    align-items: stretch;
}

.wt-blog-shell .wt-home-card {
    min-width: 0;
    height: 100%;
}

.wt-blog-shell .wt-home-card-body {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 22px 22px 20px;
}

.wt-blog-shell .wt-home-card h3 {
    margin-bottom: 12px;
    font-size: 1.08rem;
    line-height: 1.34;
}

.wt-blog-shell .wt-home-card-body > p {
    margin-bottom: 18px;
    color: var(--wt-muted);
    font-size: .94rem;
    line-height: 1.62;
}

.wt-blog-shell .wt-card-link {
    width: fit-content;
    margin-top: auto;
}

@media (max-width: 1024px) {
    body.page:has(.wt-blog-shell).wahltop-blue-shop .site-content {
        width: min(calc(100% - 32px), 980px) !important;
    }

    .wt-blog-shell .wt-landing-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    body.page:has(.wt-blog-shell).wahltop-blue-shop .site-content {
        width: calc(100% - 20px) !important;
        margin-top: 14px !important;
        margin-bottom: 30px !important;
    }

    body.page:has(.wt-blog-shell).wahltop-blue-shop .site-main > article.page > .inside-article {
        padding: 14px !important;
        border-radius: 14px;
    }

    .wt-blog-shell > .wt-landing-hero-copy {
        padding: 22px 20px;
    }

    .wt-blog-shell .wt-landing-grid {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .wt-blog-shell .wt-home-card-body {
        padding: 19px;
    }

    .wt-blog-shell .wt-home-card h3 {
        font-size: 1.04rem;
    }
}