/* PATCH 06 - extracted from resources/views/pages/user/news/index.blade.php. Static CSS only; kept for compatibility. */
.dt-news-home-page {
        padding-top: 20px !important;
    }

    .dt-news-banner-slot {
        margin: 18px 0;
        overflow: hidden;
        border-radius: 16px;
    }

    .dt-news-banner-slot img {
        width: 100%;
        object-fit: cover;
        border-radius: 16px;
        display: block;
    }

    .dt-news-banner-top {
        margin-top: 0;
        margin-bottom: 18px;
    }

    .dt-news-banner-bottom {
        margin-top: 22px;
        margin-bottom: 0;
    }

    /* ALO_120_TINTUC_HEADER_AFF_GAP_FIX5_20260705: bỏ kicker, mô tả PC 1 dòng, giảm một nửa khoảng cách quanh AFF. */
    @media (min-width: 992px) {
        .dt-news-home-page:not(.dt-category-page) .dt-news-topbar-slim {
            margin-bottom: 10px !important;
        }

        .dt-news-home-page:not(.dt-category-page) .dt-news-topbar-slim p {
            max-width: 100% !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            line-height: 1.45 !important;
            margin-top: 6px !important;
        }

        .dt-news-home-page:not(.dt-category-page) .dt-news-category-tabs {
            margin-bottom: 6px !important;
        }

        .dt-news-home-page:not(.dt-category-page) .alo-aff-slot {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .dt-news-home-page:not(.dt-category-page) .dt-dark-interest {
            margin-bottom: 17px !important;
        }

        .dt-news-home-page:not(.dt-category-page) .dt-topic-cluster-wrap {
            margin-top: 16px !important;
            margin-bottom: 21px !important;
            gap: 14px !important;
        }
    }

    /* ALO_120_TINTUC_ALL_AFF_PC7_FORCE_20260705:
       Chỉ sửa trang /tin-tuc tab Tất cả. Không áp vào /tin-tuc/{taxonomy}. */
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"],
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        clear: both !important;
    }

    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"] .alogiare-taxonomy-deal-panel,
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] .alogiare-taxonomy-deal-panel,
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"] .alogiare-taxonomy-quick-menu,
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] .alogiare-taxonomy-quick-menu {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"] .alogiare-taxonomy-quick-track,
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] .alogiare-taxonomy-quick-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        box-sizing: border-box !important;
        scrollbar-width: none !important;
    }

    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"] .alo-quick-deal-card,
    .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] .alo-quick-deal-card {
        flex: 0 0 calc((100% - 72px) / 7) !important;
        width: calc((100% - 72px) / 7) !important;
        max-width: calc((100% - 72px) / 7) !important;
        min-width: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    @media (max-width: 991.98px) {
        .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"] .alogiare-taxonomy-quick-track,
        .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] .alogiare-taxonomy-quick-track {
            gap: 10px !important;
        }

        .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.after_tabs"] .alo-quick-deal-card,
        .dt-news-home-page:not(.dt-category-page) .alo-aff-slot[data-aff-slot="news.index.topic_taxonomy"] .alo-quick-deal-card {
            flex-basis: calc((100% - 10px) / 2) !important;
            width: calc((100% - 10px) / 2) !important;
            max-width: calc((100% - 10px) / 2) !important;
        }
    }

    .dt-news-topic-loader-wrap {
        position: relative;
        min-height: 2px;
        margin: 0;
        padding: 0;
    }

    .dt-news-topic-loader {
        min-height: 2px;
        text-align: center;
        padding: 0 0 8px;
    }

    .dt-news-topic-loader__sentinel {
        display: block;
        width: 100%;
        height: 2px;
    }

    .dt-news-topic-loader__spinner {
        display: none;
        width: 24px;
        height: 24px;
        margin: 10px auto 6px;
        border: 3px solid rgba(17, 24, 39, .16);
        border-top-color: #facc15;
        border-radius: 50%;
        animation: dtNewsTopicSpin .7s linear infinite;
    }

    .dt-news-topic-loader.is-loading .dt-news-topic-loader__spinner {
        display: block;
    }

    .dt-news-topic-loader__status {
        display: block;
        min-height: 0;
        color: #64748b;
        font-size: 13px;
        font-weight: 700;
    }

    .dt-news-topic-loader__retry {
        display: none;
        margin: 8px auto 4px;
        padding: 9px 16px;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        background: #fff;
        color: #111827;
        font-weight: 800;
        cursor: pointer;
    }

    .dt-news-topic-loader.is-error .dt-news-topic-loader__retry {
        display: inline-flex;
    }

    .dt-news-topic-tail.is-deferred {
        display: none !important;
    }

    @keyframes dtNewsTopicSpin {
        to { transform: rotate(360deg); }
    }