/* Header: hilangkan kolom logo dan gunakan ruangnya untuk iklan */
.dt_header .tudepoint-logo-column {
    display: none !important;
}

.dt_header .tudepoint-ad-column {
    display: flex !important;
    flex: 0 0 100% !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important;
}

.dt_header .tudepoint-header-advertisement {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 8px 15px;
}

.dt_header .tudepoint-header-advertisement a {
    display: block;
    width: min(100%, 970px);
}

.dt_header .tudepoint-header-advertisement img {
    display: block;
    width: 100% !important;
    max-width: 970px !important;
    height: auto !important;
    margin: 0 auto;
    object-fit: contain;
}

/* Stabilitas Main Story */
.post-carousel-banner.tudepoint-slider-stable .slick-list,
.post-carousel-banner.tudepoint-slider-stable .slick-track,
.post-carousel-banner.tudepoint-slider-stable .slick-slide,
.post-carousel-banner.tudepoint-slider-stable .slick-slide > div {
    min-height: 0 !important;
}

.post-carousel-banner .featured-post-lg {
    aspect-ratio: 16 / 9;
    min-height: 0 !important;
    overflow: hidden;
}

.post-carousel-banner .featured-post-lg img,
.post-carousel-banner .featured-post-lg .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Kartu Featured Story sama tinggi */
.featured-posts-carousel .slick-track {
    display: flex !important;
    align-items: stretch;
}

.featured-posts-carousel .slick-slide {
    float: none;
    height: auto;
}

.featured-posts-carousel .slick-slide > div,
.featured-posts-carousel .post {
    height: 100%;
}

.featured-posts-carousel .post {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.featured-posts-carousel .thumb,
.featured-posts-carousel .post-thumbnail {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.featured-posts-carousel .thumb img,
.featured-posts-carousel .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-posts-carousel .details,
.featured-posts-carousel .post-content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

/* Tipografi kartu */
.featured-posts-carousel .post-title,
.featured-posts-carousel .post-title a {
    display: -webkit-box;
    min-height: 5.2em;
    overflow: hidden;
    color: #171717;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.featured-posts-carousel .post-excerpt,
.featured-posts-carousel .post-excerpt p,
.featured-posts-carousel .excerpt,
.featured-posts-carousel .excerpt p {
    display: -webkit-box;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.featured-posts-carousel .meta,
.featured-posts-carousel .meta a,
.featured-posts-carousel .read-more,
.featured-posts-carousel .more-link {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

/* Tipografi halaman artikel */
.single-post .entry-content,
.single-post .entry-content p,
.single-post .post-content,
.single-post .post-content p {
    color: #252525;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
}

.single-post .entry-content h2,
.single-post .post-content h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
}

.single-post .entry-content h3,
.single-post .post-content h3 {
    font-size: 23px !important;
    line-height: 1.35 !important;
}

@media (max-width: 767px) {
    .dt_header .tudepoint-header-advertisement {
        padding: 5px 8px;
    }

    .featured-posts-carousel .post-title,
    .featured-posts-carousel .post-title a {
        min-height: auto;
        font-size: 18px !important;
        -webkit-line-clamp: 3;
    }

    .single-post .entry-content,
    .single-post .entry-content p,
    .single-post .post-content,
    .single-post .post-content p {
        font-size: 17px !important;
        line-height: 1.75 !important;
    }
}

/* Halaman artikel di tablet dan smartphone:
   isi artikel harus tampil sebelum sidebar/widget. */
@media (max-width: 991px) {
    .single-post #content.site-content > .dt-container-md > .dt-row {
        display: flex !important;
        flex-direction: column !important;
    }

    .single-post #content .content-right {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .single-post #content #dt-sidebar {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 32px !important;
    }

    .single-post #content #dt-sidebar .dt_sidebar,
    .single-post #content #dt-sidebar .is_sticky {
        position: static !important;
        top: auto !important;
        transform: none !important;
    }

    .single-post .page-header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .single-post .page-header .dt-py-4 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .single-post .page-header h1 {
        margin: 0 !important;
        font-size: 27px !important;
        font-weight: 800 !important;
        line-height: 1.25 !important;
        text-align: left !important;
    }

    .single-post .page-header .breadcrumbs {
        display: none !important;
    }

    .single-post #content.site-content {
        padding-top: 18px !important;
    }

    .single-post article.is-single .featured-image,
    .single-post article.is-single .featured-image img {
        width: 100% !important;
        height: auto !important;
    }

    .single-post article.is-single .featured-image {
        margin-bottom: 18px !important;
    }

    .single-post article.is-single .post-content,
    .single-post article.is-single .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 575px) {
    .single-post .page-header h1 {
        font-size: 24px !important;
        line-height: 1.28 !important;
    }

    .single-post #content .dt-container-md {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .single-post #content #dt-sidebar {
        margin-top: 26px !important;
        padding-top: 24px !important;
        border-top: 2px solid #1557d6;
    }
}