/* Extracted from resources/views/frontend/posts/read-post.blade.php */
h3 .headerLinkOne {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    h3 .headerLinkOne {
        -webkit-line-clamp: 3 !important;
    }
}

/* Sticky Sidebars - Pure CSS */
.row.border {
    display: flex;
    align-items: flex-start;
}

.row.border>.col-lg-2.col-md-2.border-right,
.row.border>.col-lg-4.col-md-4 {
    position: sticky;
    top: 40px;
    align-self: flex-start;
    max-height: calc(190vh - 40px);
    overflow-y: auto;
}

/* Ensure parent containers don't break sticky */
.container-fluid,
.mainContainer {
    overflow: visible;
}

/* Disable sticky on mobile/tablet */
@media (max-width: 991px) {

    .row.border>.col-lg-2.col-md-2.border-right,
    .row.border>.col-lg-4.col-md-4 {
        position: relative !important;
        top: 0px !important;
        max-height: none !important;
        overflow-y: visible !important;
    }
}

/* Video Container Responsive Styles */
.video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 1.5rem 0;
}

.video-container iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/9;
    border: none;
    display: block;
}

/* Portrait/Reels video formats (Instagram, Facebook, TikTok) */
.video-container iframe[src*="instagram.com"], 
.video-container iframe[src*="facebook.com"],
.video-container iframe[src*="tiktok.com"],
.video-container .instagram-media,
.video-container .fb-video {
    aspect-ratio: 9/16 !important;
    max-width: 450px !important;
    margin: 0 auto;
}

/* Ensure post-content doesn't overflow */
.post-content {
    max-width: 100%;
    overflow-x: hidden;
    /* white-space: pre-line; */
    /* white-space: pre-wrap; */
}

.post-content iframe {
    max-width: 100% !important;
    /* width: 100% !important; */
}