/**
 * News/Post Pages - Primary Color Override
 * Theme: Signature
 * Primary Color: #F56011 (Orange)
 *
 * This file overrides default news.css colors to match signature theme
 */

/* ==========================================================================
   Primary Color Overrides - Orange (#F56011)
   ========================================================================== */

/* Category Labels */
.category-label,
.category-label-small {
    color: var(--color-black, #000000);
}

/* Navigation Active State */
.nav-news ul li.active a,
.nav-news ul li a:hover {
    color: #F56011 !important;
    border-bottom-color: #F56011 !important;
}

/* Links */
.news-detail-container a,
.article-toc a,
.toc--label-head a:hover,
.title a:hover,
.title-small a:hover {
    color: #F56011 !important;
}

/* Tags */
.news-tagsearch .tags li a:hover {
    background: #F56011 !important;
    border-color: #F56011 !important;
    color: #FFFFFF !important;
}

/* Pagination Active */
.pagination .active,
.pagination a:hover {
    background: #F56011 !important;
    border-color: #F56011 !important;
    color: #FFFFFF !important;
}

/* Share Buttons Hover */
.block-share .share-link:hover {
    background: #F56011 !important;
}

.block-share .share-link:hover img {
    filter: brightness(0) invert(1) !important;
}

/* Category Widget Headers */
.news--category-block .category-label,
.best-view--items .category-label-small {
    color: #F56011 !important;
    border-bottom-color: #F56011 !important;
}

/* Featured Post Borders */
.large-item,
.post-highlight-large {
    border-left-color: #F56011 !important;
}

/* Product Slider */
.sec-promotions .category-label {
    color: #F56011 !important;
}

.sec-promotions .cards .bottom a:hover h5 {
    color: #F56011 !important;
}

.sec-promotions .cards .bottom small {
    color: #F56011 !important;
}

/* Product Slider - Card Styling */
.swiper.sw-promotions .swiper-slide .cards {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    padding: 16px !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.swiper.sw-promotions .swiper-slide .cards:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-4px) !important;
}

.swiper.sw-promotions .swiper-slide .cards .top .img-card {
    height: 200px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.swiper.sw-promotions .swiper-slide .cards .top .img-card span img {
    border-radius: 8px !important;
}

.swiper.sw-promotions .swiper-slide .cards .bottom {
    padding: 12px 0 0 !important;
}

/* Product Slider - Price Text (more specific selectors) */
.swiper.sw-promotions .swiper-slide .cards .bottom .link h4,
.swiper.sw-promotions .swiper-slide .cards .bottom .link span {
    color: #F56011 !important;
}

.swiper.sw-promotions .swiper-slide .cards .bottom .link div small {
    color: #F56011 !important;
}

/* Swiper Navigation */
.sw-promotions .swiper-button-next:hover,
.sw-promotions .swiper-button-prev:hover {
    background: #F56011 !important;
}

/* Related Posts */
.related-posts .title a:hover,
.related-products .title a:hover {
    color: #F56011 !important;
}

/* Read More Links */
.read-more,
.view-all {
    color: #F56011 !important;
}

.read-more:hover,
.view-all:hover {
    color: var(--color-primary-dark, #FF5C00) !important;
}

/* Buttons */
.btn-primary,
.btn-register {
    background: #F56011 !important;
    border-color: #F56011 !important;
}

.btn-primary:hover,
.btn-register:hover {
    background: var(--color-primary-dark, #FF5C00) !important;
    border-color: var(--color-primary-dark, #FF5C00) !important;
}

/* Hot News Items */
.sec-hotnews .hotnews-item .title p:hover {
    color: #F56011 !important;
}

/* Post Tags */
.block_tags .tag-item:hover {
    background: rgba(245, 96, 17, 0.1) !important;
    border-color: #F56011 !important;
    color: #F56011 !important;
}

/* Video Modal */
.video-modal .close-video-modal:hover {
    color: #F56011 !important;
}

/* Breadcrumb Active */
.breadcrumb-post .active,
.breadcrumb-post a:hover {
    color: #F56011 !important;
}

/* Loading Spinner */
.screen-loading .spinner {
    border-top-color: #F56011 !important;
}

/* ==========================================================================
   Additional Fixes
   ========================================================================== */

/* Ensure text colors are consistent */
.news-detail-container .toc--label-head {
    color: var(--color-text-dark, #3D3D3D);
}

/* Date text */
.public-date {
    color: var(--color-text-light, #888888);
}

/* Summary text */
.summary,
.toc--sub-title {
    color: var(--color-text-light, #888888);
}

/* ==========================================================================
   Lazy Loading Images
   ========================================================================== */

/* Lazy loading placeholder styling */
.lazyload {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.lazyloaded {
    opacity: 1;
}

/* Fallback for when lazy loading fails */
img.lazyload:not([src]) {
    background-color: var(--color-background-light, #f5f5f5);
    min-height: 200px;
}

/* News article images specific styling */
.news-features .main-article img,
.news-features .side-articles .thumb-img {
    object-fit: cover;
    border-radius: var(--border-radius, 8px);
    background-color: var(--color-background-light, #f5f5f5);
}

/* Main article image */
.news-features .main-article img {
    width: 100%;
    object-fit: cover;
}

/* Side article thumbnails */
.news-features .side-articles .thumb-img {
}

/* ==========================================================================
   Layout Padding Fixes - Align with Header
   ========================================================================== */

/* Breadcrumb and first-section align with header */
.breadcrumb-news .rowfull-margin,
.first-section .rowfull-margin,
.nav-news .rowfull-margin,
.rowfull-margin {
    max-width: 1440px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Main wrapper - no padding (let sections handle their own) */
.main-wrapper {
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Tablet */
@media (max-width: 1024px) {

    .breadcrumb-news .rowfull-margin,
    .first-section .rowfull-margin,
    .nav-news .rowfull-margin {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rowfull-margin {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Main wrapper has no padding - sections handle their own */
    .main-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .breadcrumb-news .rowfull-margin,
    .first-section .rowfull-margin,
    .nav-news .rowfull-margin {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .rowfull-margin {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Main wrapper has no padding - sections handle their own */
    .main-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}