/**
 * PHAT GIAO PHU THO - THEME DYNAMIC CUSTOM CSS
 * Auto-generated by Live Theme Builder Studio
 * Time: 2026-11-15 06:18:27
 */

/* 1. CSS VARIABLES ROOT */
:root {
    --pst-wrapper-width: 1400px;
    --pst-body-wrapper-padding-top: 0px;
    --pst-container-width: 1484px;
    --pst-container-padding: 15px;
    --pst-row-gap: 20px;
    --pst-main-col-width: 1110px;
    --pst-side-col-width: 150px;
    --pst-left-col-width: 280px;
    --pst-news-cat-main-width: 1110px;
    --pst-news-cat-side-width: 150px;
    --pst-news-detail-main-width: 1110px;
    --pst-news-col-width: 989px;
    --pst-news-col-margin-bottom: 25px;
    --pst-panel-body-width: 1110px;
    --pst-panel-padding: 15px;
    --pst-post-thumb-width: 405px;
    --pst-post-thumb-height: 270px;
    --pst-post-body-gap: 24px;
    --pst-post-excerpt-size: 15px;
    --pst-header-logo-width: 110px;
    --pst-header-logo-height: 110px;
    --pst-header-logo-mr: 12px;
    --pst-related-width: 989px;
}

/* TOP BANNER LOGO & BRAND (HEADER LEFT) */
.header-left-brand .logo {
    padding-right: var(--pst-header-logo-mr, 12px) !important;
}
.header-left-brand .logo img {
    max-width: var(--pst-header-logo-width, 110px) !important;
    max-height: var(--pst-header-logo-height, 110px) !important;
    width: var(--pst-header-logo-width, 110px) !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
}

/* 2. LAYOUT & CONTAINER WIDTHS */
.body-wraper, div.body-wraper {
    max-width: var(--pst-wrapper-width, 1400px) !important;
    padding-top: var(--pst-body-wrapper-padding-top, 0px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wraper, .wraper.nvnews-fullwidth-wrapper, .nvnews-fullwidth-wrapper {
    max-width: var(--pst-wrapper-width, 1400px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.nvnews-fullwidth-wrapper #body.container, #body.container, div#body.container, .news-detail-active, .nv-module-news #body.container {
    max-width: var(--pst-container-width, 1484px) !important;
    padding-left: var(--pst-container-padding, 15px) !important;
    padding-right: var(--pst-container-padding, 15px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (min-width: 992px) {
    .nvnews-fullwidth-row, .nvnews-fullwidth-wrapper .nvnews-fullwidth-row, .nv-module-news .nvnews-fullwidth-row, #body.container > .row {
        max-width: var(--pst-container-width, 1484px) !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: var(--pst-row-gap, 20px) !important;
        box-sizing: border-box !important;
    }
    .nvnews-fullwidth-main, .col-sm-16.col-md-18.nvnews-fullwidth-main {
        max-width: var(--pst-main-col-width, 1110px) !important;
        flex: 0 0 var(--pst-main-col-width, 1110px) !important;
        width: var(--pst-main-col-width, 1110px) !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
    .nvnews-fullwidth-side, .col-sm-8.col-md-6.nvnews-fullwidth-side {
        max-width: var(--pst-side-col-width, 150px) !important;
        flex: 0 0 var(--pst-side-col-width, 150px) !important;
        width: var(--pst-side-col-width, 150px) !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
}

/* Khung cột tin tức và panel-body */
.news_column {
    max-width: var(--pst-news-col-width, 989px) !important;
    margin-bottom: var(--pst-news-col-margin-bottom, 25px) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.panel.panel-default, .news_column .panel {
    box-sizing: border-box !important;
    overflow: visible !important;
}
.panel-body, .panel-body.featured, .news_column .panel-body {
    padding: var(--pst-panel-padding, 15px) !important;
    box-sizing: border-box !important;
}

/* Bố cục cột bài viết Flatsome Blog (Cột ảnh 405x270px & Cột mô tả) */
.flatsome-blog-post-card .post-thumb-column {
    flex: 0 0 var(--pst-post-thumb-width, 405px) !important;
    width: var(--pst-post-thumb-width, 405px) !important;
    max-width: var(--pst-post-thumb-width, 405px) !important;
    box-sizing: border-box !important;
}
.flatsome-blog-post-card .post-thumbnail-wrap {
    height: var(--pst-post-thumb-height, 270px) !important;
    max-width: var(--pst-post-thumb-width, 405px) !important;
    box-sizing: border-box !important;
}
.flatsome-blog-post-card .post-body-grid {
    gap: var(--pst-post-body-gap, 24px) !important;
    box-sizing: border-box !important;
}
.flatsome-blog-post-card .post-excerpt-text {
    font-size: var(--pst-post-excerpt-size, 15px) !important;
    box-sizing: border-box !important;
}
}

/* Chuyên mục Tin tức Phật giáo Phú Thọ (viewcat) */
@media (min-width: 992px) {
    body.page-news-viewcat .nvnews-fullwidth-main,
    .page-news-viewcat .nvnews-fullwidth-main,
    body.page-phat-giao-phu-tho .nvnews-fullwidth-main,
    .page-phat-giao-phu-tho .nvnews-fullwidth-main,
    .nvnews-fullwidth-wrapper:has(.flatsome-news-list-container) .nvnews-fullwidth-main,
    .container:has(.flatsome-news-list-container) .nvnews-fullwidth-main,
    #body.news-detail-active:has(.flatsome-news-list-container) .nvnews-fullwidth-main,
    .cat-main-900px {
        max-width: var(--pst-news-cat-main-width, 1110px) !important;
        flex: 0 0 var(--pst-news-cat-main-width, 1110px) !important;
        width: var(--pst-news-cat-main-width, 1110px) !important;
        box-sizing: border-box !important;
    }
    body.page-news-viewcat .nvnews-fullwidth-side,
    .page-news-viewcat .nvnews-fullwidth-side,
    body.page-phat-giao-phu-tho .nvnews-fullwidth-side,
    .page-phat-giao-phu-tho .nvnews-fullwidth-side,
    body.page-phat-su-trong-tinh .nvnews-fullwidth-side,
    .page-phat-su-trong-tinh .nvnews-fullwidth-side,
    .nvnews-fullwidth-wrapper:has(.flatsome-news-list-container) .nvnews-fullwidth-side,
    .container:has(.flatsome-news-list-container) .nvnews-fullwidth-side,
    #body.news-detail-active:has(.flatsome-news-list-container) .nvnews-fullwidth-side {
        max-width: var(--pst-news-cat-side-width, 150px) !important;
        flex: 0 0 var(--pst-news-cat-side-width, 150px) !important;
        width: var(--pst-news-cat-side-width, 150px) !important;
        display: block !important;
        box-sizing: border-box !important;
    }
    body.page-phat-su-trong-tinh #body.container,
    .page-phat-su-trong-tinh #body.container,
    body.page-phat-su-trong-tinh .nvnews-fullwidth-row,
    .page-phat-su-trong-tinh .nvnews-fullwidth-row {
        max-width: 1298px !important;
        width: 100% !important;
    }
    body.page-news-detail-view .nvnews-fullwidth-main,
    .page-news-detail-view .nvnews-fullwidth-main {
        max-width: var(--pst-news-detail-main-width, 1110px) !important;
        flex: 0 0 var(--pst-news-detail-main-width, 1110px) !important;
    }
}

/* BẢO VỆ CHỐNG CHỒNG HÌNH, TRÀN KHUNG & CHE KHUẤT NỘI DUNG CÁC CỘT */
.body-wraper, .wraper, .nvnews-fullwidth-wrapper, #body.container, .news-detail-active, .nvnews-fullwidth-row, .nvnews-fullwidth-main, .nvnews-fullwidth-side, .news_column, .panel-default, .panel-body, .panel-body.featured {
    box-sizing: border-box !important;
}
.nvnews-fullwidth-main, .nvnews-fullwidth-side, .col-sm-16.col-md-18, .col-sm-8.col-md-6 {
    min-width: 0 !important;
}
.news_column img, .panel-body img, .panel-body.featured img, .nvnews-fullwidth-main img, .news-detail-wrapper img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
.news_column iframe, .panel-body iframe, .news_column video, .panel-body video {
    max-width: 100% !important;
}
.news_column table, .panel-body table {
    max-width: 100% !important;
    display: block !important;
    overflow-x: auto !important;
}

/* Khung bài viết và panel-body */
.news_column, .panel-body, .news-detail-wrapper, .news-detail-container {
    max-width: var(--pst-panel-body-width, 1110px) !important;
}

/* Các nhóm thành phần bên dưới nội dung bài viết liên quan */
div.panel-body.other-news, .panel-body.other-news, div.other-news, .other-news, ul.detail-related, .detail-related, ul.detail-related.related, ul.detail-related.related.list-none.list-items, .news_column:has(.other-news), .news_column:has(#idcomment), .news_column.panel:has(.other-news) {
    max-width: var(--pst-related-width, 989px) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}
/* Chuyên mục Videos */
body.nv-module-videos .nvnews-fullwidth-main, .nv-module-videos .nvnews-fullwidth-main {
    max-width: 980px !important;
    flex: 0 0 980px !important;
}
/* Chuyên mục Pháp Âm */
body.nv-module-phapam .nvnews-fullwidth-main, .nv-module-phapam .nvnews-fullwidth-main {
    max-width: 980px !important;
    flex: 0 0 980px !important;
}
/* Chuyên mục Photo / Thư Viện Ảnh */
body.nv-module-photos .nvnews-fullwidth-main, .nv-module-photos .nvnews-fullwidth-main {
    max-width: 980px !important;
    flex: 0 0 980px !important;
}

/* 2. COLORS & TYPOGRAPHY */
body, .body-bg, p, .news_column .panel-body {
    color: #333333;
}
.news_column h1, .news_column .title, .pst-hero-big-title a, .pst-card-title a, .news-title a {
    color: #1f2937 !important;
}
.pst-section-title, .page-header h1, .viewcat-title, .cat-title {
    color: #b8332a !important;
}
.pst-widget-title, .panel-heading, .block-title, .panel-title {
    color: #632d00 !important;
}
.pst-lotus-icon i, .pst-widget-icon i, .fa.fa-folder-open-o, .fa.fa-clock-o, .fa.fa-eye {
    color: #b8332a;
}
a, a:visited {
    color: #b8332a;
}
a:hover, a:focus {
    color: #e67e22;
}

/* 3. BACKGROUND */
body, .body-bg {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* 4. HEADER & MENU PHÂN CẤP */
.ctv-header, #header.ctv-header-main, .header-nav {
    background: #ffffff !important;
}
#main-nav, .main-navigation, .navbar-main, .slimmenu {
    background: linear-gradient(135deg, #632d00 0%, #b8332a 100%) !important;
}
.slimmenu > li > a, #main-nav > ul > li > a {
    color: #ffffff !important;
}
.slimmenu > li:hover > a, .slimmenu > li.active > a, #main-nav > ul > li:hover > a {
    background: #d4af37 !important;
    color: #422800 !important;
}
/* Phân cấp Menu Con */
.slimmenu li ul, .slimmenu ul.sub-menu, #main-nav ul ul {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}
.slimmenu li ul li, #main-nav ul ul li {
    border-bottom: 1px solid #f3f4f6 !important;
}
.slimmenu li ul li > a, #main-nav ul ul li > a {
    color: #333333 !important;
}
.slimmenu li ul li:hover > a, #main-nav ul ul li:hover > a {
    background: #fef3c7 !important;
    color: #b8332a !important;
    padding-left: 20px !important;
    transition: all 0.25s ease !important;
}

/* 4.1. HEADER VÀ BANNER TOP TÙY BIẾN CHI TIẾT */
.ctv-header, #header.ctv-header-main, #header {
    background: #ffffff !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.header-left-brand .logo, #pstHeaderLogoBox {
    display: block !important;
    padding-right: 12px !important;
}
.header-left-brand .logo img, #pstHeaderLogoImg {
    max-width: 110px !important;
    max-height: 110px !important;
    width: 110px !important;
    height: auto !important;
    object-fit: contain !important;
}
.header-brand-text .sname, .banner.header-brand-text .sname, .sname.pst-brand-title, #pstHeaderBrandTitle {
    font-size: 28px !important;
    line-height: 1.25 !important;
    display: block !important;
    font-family: 'Times New Roman', serif, Georgia !important;
    font-weight: 800 !important;
    color: #d44e00 !important;
    text-shadow: 0 1px 0 #fff, 0 2px 2px rgba(139, 37, 0, 0.45), 1px 1px 0 #ffeaa7 !important;
    letter-spacing: 0.5px !important;
}
.header-brand-text .sdes, .banner.header-brand-text .sdes, .sdes.pst-brand-slogan, #pstHeaderBrandSlogan {
    font-size: 15px !important;
    color: #111111 !important;
    font-weight: 600 !important;
    margin-top: 3px !important;
    display: block !important;
    line-height: 1.4 !important;
}
.header-search-form, #pstHeaderSearchForm {
    display: block !important;
}
.header-search-purple-btn, #pstHeaderSearchBtn {
    background: #601986 !important;
    color: #ffffff !important;
}
.header-social-group, #pstHeaderSocialGroup {
    display: flex !important;
}
.social-facebook, #pstSocialFb {
    display: inline-flex !important;
}
.social-tiktok, #pstSocialTt {
    display: inline-flex !important;
}
.social-youtube, #pstSocialYt {
    display: inline-flex !important;
}

/* 5. FOOTER */
.footerNav2, footer.footer, .ctv-footer-menu .panel-brown {
    background: #f5e12b !important;
    color: #2d1500 !important;
    border-top: 3px solid #8b2500 !important;
    box-shadow: 0 -4px 15px rgba(120, 80, 0, 0.15) !important;
}
.footerNav2 p, .footerNav2 span, .footerNav2 div, .footerNav2 li, .ctv-footer-top, .ctv-footer-top p, .ctv-footer-top span, .ctv-footer-top div, .ctv-footer-top li, .vinades-copyright, .site-qrcode, .site-qrcode p {
    color: #2d1500 !important;
    line-height: 1.85 !important;
}
.footerNav2 strong, .footerNav2 b, .ctv-footer-top strong, .ctv-footer-top b {
    color: #5c1600 !important;
    font-weight: 700 !important;
}
.footerNav2 i, .footerNav2 em, .ctv-footer-top i, .ctv-footer-top em {
    color: #4a2205 !important;
}
.footerNav2 a, footer.footer a, .ctv-footer-top a {
    color: #731b00 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.footerNav2 a:hover, footer.footer a:hover, .ctv-footer-top a:hover {
    color: #b91c1c !important;
    text-decoration: underline !important;
    text-shadow: none !important;
}

.footer-corner-logo-img, #pstFooterLogoImg {
    width: 85px !important;
    max-width: 85px !important;
    height: auto !important;
    max-height: 85px !important;
    margin-right: 15px !important;
    margin-bottom: 10px !important;
    filter: drop-shadow(0 2px 6px rgba(60, 25, 0, 0.35)) !important;
}
/* TIÊU ĐỀ H1 - H6 CHÂN TRANG */
.footerNav2 h1, .footerNav2 h2, .footerNav2 h3, .footerNav2 h4, .footerNav2 h5, .footerNav2 h6,
.ctv-footer-top h1, .ctv-footer-top h2, .ctv-footer-top h3, .ctv-footer-top h4, .ctv-footer-top h5, .ctv-footer-top h6 {
    color: #731b00 !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.footerNav2 h1, .ctv-footer-top h1 { font-size: 21px !important; }
.footerNav2 h2, .ctv-footer-top h2 { font-size: 18px !important; }
.footerNav2 h3, .ctv-footer-top h3 { font-size: 16px !important; }
.footerNav2 h4, .ctv-footer-top h4 { font-size: 15px !important; }
.footerNav2 h5, .ctv-footer-top h5 { font-size: 14px !important; }
.footerNav2 h6, .ctv-footer-top h6 { font-size: 13px !important; }
/* CHẾ ĐỘ CHIA CỘT FOOTER: 3col */
.ctv-footer-top .pst-footer-col { width: 33.33333333% !important; float: left !important; }
#pstFooterCol4 { display: none !important; }
@media (max-width: 991px) {
    .ctv-footer-top .pst-footer-col { width: 50% !important; margin-bottom: 22px !important; }
}
@media (max-width: 767px) {
    .ctv-footer-top .pst-footer-col { width: 100% !important; float: none !important; margin-bottom: 22px !important; }
}
#pstFooterCol1, #pstFooterCol1Wrap {
}
#pstFooterCol2, #pstFooterCol2Wrap {
}
#pstFooterCol3, #pstFooterCol3Wrap {
}
#pstFooterCol4, #pstFooterCol4Wrap {
}
.pst-footer-block {
    margin-bottom: 14px;
    line-height: 1.8;
}
.pst-footer-block:last-child { margin-bottom: 0; }
.pst-ft-chief {
    font-size: 14px !important;
    margin-bottom: 8px !important;
    line-height: 1.7 !important;
}
.pst-chief-title, #pstFtChiefTitle {
    color: #5c1600 !important;
    font-weight: 700 !important;
}
.pst-chief-name, #pstFtChiefName, .pst-chief-name a, #pstFtChiefLink {
    font-family: 'Merriweather', 'Times New Roman', Georgia, serif !important;
    font-style: italic !important;
    color: #731b00 !important;
}
.pst-ft-dev {
    font-size: 14px !important;
    margin-bottom: 8px !important;
    line-height: 1.7 !important;
}
.pst-dev-title, #pstFtDevTitle {
    color: #4a2205 !important;
    font-style: italic !important;
}
.pst-dev-link, #pstFtDevLink, .pst-dev-name, #pstFtDevName {
    font-family: 'Merriweather', 'Times New Roman', Georgia, serif !important;
    font-weight: 700 !important;
    color: #1a0800 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.pst-dev-link:hover, #pstFtDevLink:hover {
    color: #b91c1c !important;
    text-decoration: underline !important;
}
/* 5.1. KHỐI ỨNG DỤNG PWA FOOTER */
.footerNav2 #pstPwaFooterAppBox,
.footerNav2 .pwa-footer-app-box,
#pstPwaFooterAppBox,
.pwa-footer-app-box {
    display: block !important;
    background: linear-gradient(135deg, #422800 0%, #633e00 50%, #7a4c00 100%) !important;
    border: 2px solid #dfa538 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
}
.footerNav2 #pstPwaFooterAppBox h4,
.footerNav2 #pstPwaFooterAppBox #pstPwaFooterAppTitle,
.footerNav2 #pstPwaFooterAppTitle,
.pwa-footer-app-box h4,
#pstPwaFooterAppTitle,
#pstPwaFooterAppTitleText {
    color: #ffebaa !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.footerNav2 #pstPwaFooterAppBox p,
.footerNav2 #pstPwaFooterAppBox #pstPwaFooterAppDesc,
.footerNav2 #pstPwaFooterAppDesc,
.pwa-footer-app-box p,
#pstPwaFooterAppDesc {
    color: #f5eedf !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
.footerNav2 #pstPwaFooterAppBox .pwa-platforms,
.footerNav2 #pstPwaFooterAppPlatforms,
.pwa-footer-app-box .pwa-platforms,
#pstPwaFooterAppPlatforms,
#pstPwaFooterAppPlatforms span {
    color: #dfc299 !important;
}
.footerNav2 #pstPwaFooterAppBtn,
.pwa-btn-footer-install,
#pstPwaFooterAppBtn {
    background: linear-gradient(135deg, #dfa538 0%, #f6cb65 100%) !important;
    color: #422800 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}
#pstPwaFooterAppIcon {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
}

/* 6. STATIC BANNERS LEFT / RIGHT */
#pstStaticLeftBanner { display: none !important; }
#pstStaticRightBanner { display: none !important; }

/* 7. FLATSOME BLOG POST CARDS */
.flatsome-blog-post-card {
    display: block !important;
    width: 100% !important;
    margin-bottom: 32px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-sizing: border-box !important;
    clear: both !important;
}
.flatsome-blog-post-card:last-child {
    border-bottom: none !important;
    margin-bottom: 15px !important;
    padding-bottom: 0 !important;
}
.flatsome-blog-post-card .post-category-meta {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #64748b !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
}
.flatsome-blog-post-card .post-category-meta a {
    color: #64748b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.flatsome-blog-post-card .post-category-meta a:hover {
    color: #7c3aed !important;
    text-decoration: underline !important;
}
.flatsome-blog-post-card h2.post-title,
.flatsome-blog-post-card .post-title {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #1e293b !important;
}
.flatsome-blog-post-card h2.post-title a,
.flatsome-blog-post-card .post-title a {
    color: #1e293b !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    display: inline !important;
}
.flatsome-blog-post-card h2.post-title a:hover,
.flatsome-blog-post-card .post-title a:hover {
    color: #7c3aed !important;
    text-decoration: none !important;
}
.flatsome-blog-post-card .post-meta-sub {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #94a3b8 !important;
    margin-bottom: 18px !important;
    line-height: 1.4 !important;
}
.flatsome-blog-post-card .post-body-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: var(--pst-post-body-gap, 24px) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.flatsome-blog-post-card .post-thumb-column {
    flex: 0 0 var(--pst-post-thumb-width, 405px) !important;
    width: var(--pst-post-thumb-width, 405px) !important;
    max-width: var(--pst-post-thumb-width, 405px) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
}
.flatsome-blog-post-card .post-thumbnail-wrap {
    position: relative !important;
    width: 100% !important;
    height: var(--pst-post-thumb-height, 270px) !important;
    max-width: var(--pst-post-thumb-width, 405px) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #f1f5f9 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}
.flatsome-blog-post-card .post-thumbnail-wrap a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}
.flatsome-blog-post-card .post-thumbnail-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.flatsome-blog-post-card:hover .post-thumbnail-img {
    transform: scale(1.04) !important;
}
.flatsome-blog-post-card .post-date-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 3 !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 8px rgba(109, 40, 217, 0.45) !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
    pointer-events: none !important;
    line-height: 1.1 !important;
}
.flatsome-blog-post-card .post-date-badge .badge-day {
    font-size: 14px !important;
    font-weight: 800 !important;
}
.flatsome-blog-post-card .post-date-badge .badge-month {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}
.flatsome-blog-post-card .post-content-column {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}
.flatsome-blog-post-card .post-excerpt-text {
    font-size: var(--pst-post-excerpt-size, 15px) !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    margin: 0 0 16px 0 !important;
    text-align: justify !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
}
.flatsome-blog-post-card .post-readmore-row {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
}
.flatsome-blog-post-card .btn-flatsome-readmore {
    display: inline-block !important;
    border: 1.5px solid #6d28d9 !important;
    color: #6d28d9 !important;
    background: transparent !important;
    padding: 6px 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 3px !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}
.flatsome-blog-post-card .btn-flatsome-readmore:hover {
    background: #6d28d9 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(109, 40, 217, 0.3) !important;
    transform: translateY(-1px) !important;
}
.flatsome-blog-post-card .post-footer-meta {
    margin-top: 18px !important;
    padding-top: 10px !important;
    border-top: 1px solid #f1f5f9 !important;
    font-size: 13px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
}
.flatsome-blog-post-card .post-footer-meta a {
    color: #475569 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.flatsome-blog-post-card .post-footer-meta a:hover {
    color: #6d28d9 !important;
    text-decoration: underline !important;
}
.flatsome-blog-post-card .adminlink-span a {
    color: #ef4444 !important;
    margin-left: 8px !important;
    font-size: 12px !important;
}
.group-related-news-wrap {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 2px dashed #e2e8f0 !important;
}

/* 8. MULTI-REGION RESIZER & INSPECTOR TOOLBAR */
#pst-multi-region-toolbar {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999998;
    background: rgba(30, 41, 59, 0.95);
    backdrop-filter: blur(8px);
    border: 1px solid #475569;
    border-radius: 30px;
    padding: 6px 14px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    display: none;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}
.pst-mrt-inner { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.pst-mrt-select { background: #0f172a; color: #f8fafc; border: 1px solid #334155; border-radius: 6px; padding: 4px 8px; font-size: 12px; outline: none; cursor: pointer; }
.pst-mrt-btn-group { display: inline-flex; align-items: center; gap: 2px; }
.pst-mrt-btn { background: #334155; color: #f1f5f9; border: none; border-radius: 4px; padding: 4px 8px; font-size: 12px; font-weight: 600; cursor: pointer; }
.pst-mrt-btn:hover { background: #475569; }
.pst-mrt-autofix { background: #d97706; color: #fff; }
.pst-mrt-save { background: #16a34a; color: #fff; }
#pst-visual-region-inspector {
    position: absolute;
    pointer-events: none;
    border: 2px dashed #0284c7;
    background: rgba(2, 132, 199, 0.05);
    z-index: 999990;
    display: none;
}
#pst-vri-tag { position: absolute; top: -24px; left: 0; background: #0284c7; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 3px 3px 0 0; pointer-events: auto; }
#pst-vri-move-btn { position: absolute; top: -24px; right: 0; background: #0369a1; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 3px 3px 0 0; cursor: move; pointer-events: auto; }
#pst-vri-resize-r { position: absolute; top: 0; right: -6px; width: 12px; height: 100%; cursor: ew-resize; pointer-events: auto; background: transparent; }
#pst-vri-resize-r::after { content: ''; position: absolute; top: 50%; right: 3px; transform: translateY(-50%); width: 6px; height: 36px; background: #0284c7; border-radius: 3px; }