/* =============================================================
   NairaPacket Blog — Clean Reading Theme
   Loaded AFTER blog.css on blog.php and blog-post.php, so it
   overrides the older dark/marketing styling by cascade order.
   Goal: a simple, cool, highly readable editorial experience.
   Nav + footer stay dark (brand); the blog becomes light "paper".
   ============================================================= */

:root{
    --bl-page:#F4F1EB;          /* soft warm page behind the sheet */
    --bl-sheet:#FFFFFF;         /* article / card surface */
    --bl-soft:#FAF7F2;          /* subtle panel */
    --bl-ink:#1C1712;           /* headings, near-black warm */
    --bl-text:#2C2823;          /* body copy */
    --bl-muted:#6E665A;         /* meta / secondary */
    --bl-faint:#9A9084;         /* icons, hints */
    --bl-line:#EBE5DB;          /* hairline borders */
    --bl-line-2:#F2ECE3;
    --bl-orange:#E06500;        /* deep, readable accent on white */
    --bl-orange-strong:#C75600;
    --bl-orange-soft:#FFF3E8;   /* tint fill */
    --bl-shadow-sm:0 1px 2px rgba(28,20,12,.05);
    --bl-shadow:0 2px 6px rgba(28,20,12,.05), 0 18px 40px -22px rgba(28,20,12,.22);
    --bl-shadow-lift:0 6px 14px rgba(28,20,12,.07), 0 26px 54px -24px rgba(28,20,12,.28);
    --bl-serif:'Lora', Georgia, 'Times New Roman', serif;
    --bl-sans:'Poppins', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* ---- Page + navigation ---------------------------------- */
body{
    background:var(--bl-page) !important;
    color:var(--bl-text);
}

/* Keep the fixed dark navbar readable over a light page (it is
   otherwise transparent with light text until scrolled). */
#mainNavbar{
    background:rgba(20,14,9,.97) !important;
    -webkit-backdrop-filter:saturate(140%) blur(10px);
    backdrop-filter:saturate(140%) blur(10px);
    box-shadow:0 1px 0 rgba(255,255,255,.06), 0 6px 24px -14px rgba(0,0,0,.6);
}

::selection{background:rgba(224,101,0,.18);color:var(--bl-ink);}

/* =============================================================
   BLOG LISTING  (blog.php)
   ============================================================= */
.blog-container{background:transparent;}

/* Hero */
.blog-hero{
    background:transparent !important;
    padding:7.5rem 0 2rem !important;
}
.blog-hero::before{display:none !important;}
.blog-badge{
    background:var(--bl-orange-soft) !important;
    color:var(--bl-orange) !important;
    border:1px solid rgba(224,101,0,.22) !important;
    box-shadow:none !important;
    font-weight:600;
    letter-spacing:.02em;
}
.blog-hero-title{
    color:var(--bl-ink) !important;
    font-family:var(--bl-serif);
    font-weight:600;
    letter-spacing:-.01em;
}
.blog-hero-subtitle{color:var(--bl-muted) !important;}
.blog-hero .text-gradient{
    background:linear-gradient(90deg,var(--bl-orange),#FF8A2B);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
}
.blog-hero .naira{color:var(--bl-orange);}

/* Search */
.blog-search-box{
    background:var(--bl-sheet) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:999px !important;
    box-shadow:var(--bl-shadow-sm) !important;
    padding:.35rem .35rem .35rem 1.25rem !important;
}
.blog-search-box:focus-within{
    border-color:rgba(224,101,0,.5) !important;
    box-shadow:0 0 0 4px rgba(224,101,0,.10) !important;
}
.blog-search-box input{
    background:transparent !important;
    color:var(--bl-ink) !important;
    border:none !important;
}
.blog-search-box input::placeholder{color:var(--bl-faint) !important;}
.search-btn{
    background:var(--bl-orange) !important;
    color:#fff !important;
    border:none !important;
    border-radius:999px !important;
}
.search-btn:hover{background:var(--bl-orange-strong) !important;}

/* Filters bar */
.blog-filters{background:transparent !important;border:none !important;}
.blog-filters-wrapper{
    background:var(--bl-sheet);
    border:1px solid var(--bl-line);
    border-radius:16px;
    box-shadow:var(--bl-shadow-sm);
    padding:.9rem 1.1rem;
}
.category-btn{
    background:var(--bl-soft) !important;
    color:var(--bl-text) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:999px !important;
}
.category-btn:hover{
    border-color:rgba(224,101,0,.4) !important;
    color:var(--bl-orange) !important;
    background:var(--bl-orange-soft) !important;
}
.category-btn.active{
    background:var(--bl-orange) !important;
    border-color:var(--bl-orange) !important;
    color:#fff !important;
    box-shadow:0 6px 16px -8px rgba(224,101,0,.7) !important;
}
.category-btn .category-count{
    background:rgba(0,0,0,.06);
    color:inherit;
}
.category-btn.active .category-count{background:rgba(255,255,255,.25) !important;color:#fff !important;}
.sort-options .form-select,
.view-options .view-btn{
    background:var(--bl-sheet) !important;
    color:var(--bl-text) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:10px !important;
}
.view-options .view-btn.active{
    background:var(--bl-orange) !important;
    border-color:var(--bl-orange) !important;
    color:#fff !important;
}

/* Section wrappers become transparent so the white cards pop */
.featured-posts-section,
.all-posts-section{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin-bottom:2.5rem;
}
.section-header{
    display:flex;align-items:center;justify-content:space-between;
    gap:1rem;margin-bottom:1.25rem;
}
.section-title{
    color:var(--bl-ink) !important;
    font-family:var(--bl-serif);
    font-weight:600;
    font-size:1.5rem !important;
}
.posts-count,#postsCount{color:var(--bl-muted) !important;}

/* Cards */
.post-card{
    background:var(--bl-sheet) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:16px !important;
    box-shadow:var(--bl-shadow) !important;
    overflow:hidden;
}
.post-card:hover{
    transform:translateY(-4px);
    border-color:rgba(224,101,0,.35) !important;
    box-shadow:var(--bl-shadow-lift) !important;
}
.post-card.featured{border:1px solid rgba(224,101,0,.45) !important;}
.post-card.featured::before{
    background:var(--bl-orange) !important;
    box-shadow:0 4px 12px -4px rgba(224,101,0,.6);
}
.post-image{height:210px;}
.post-content{padding:1.35rem 1.4rem 1.15rem !important;}
.post-meta{color:var(--bl-muted) !important;}
.post-card .post-category{
    color:#fff !important;               /* inline bg-color from JS stays */
    border-radius:999px !important;
    font-weight:600;
    letter-spacing:.02em;
}
.post-title{
    color:var(--bl-ink) !important;
    font-family:var(--bl-serif);
    font-weight:600;
    font-size:1.2rem !important;
    line-height:1.35 !important;
}
.post-excerpt{color:var(--bl-muted) !important;font-size:.95rem !important;}
.post-tag{
    background:var(--bl-soft) !important;
    color:var(--bl-muted) !important;
    border:1px solid var(--bl-line);
    border-radius:999px !important;
}
.post-footer{border-top:1px solid var(--bl-line) !important;}
.read-more{color:var(--bl-orange) !important;font-weight:600;}
.read-more:hover{color:var(--bl-orange-strong) !important;}
.post-views{color:var(--bl-faint) !important;}

/* Empty state */
.empty-state h3,.empty-state h6{color:var(--bl-ink) !important;}
.empty-state p{color:var(--bl-muted) !important;}
.empty-icon i,.empty-state i{color:rgba(224,101,0,.4) !important;}

/* Skeleton loaders → light shimmer */
.skeleton{
    background:linear-gradient(90deg,#EEE9E1 25%,#F6F2EC 37%,#EEE9E1 63%) !important;
    background-size:400% 100% !important;
}

/* Pagination */
.pagination-btn{
    background:var(--bl-sheet) !important;
    color:var(--bl-text) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:10px !important;
}
.pagination-btn:hover{
    border-color:var(--bl-orange) !important;
    color:var(--bl-orange) !important;
}
.pagination-btn.active{
    background:var(--bl-orange) !important;
    border-color:var(--bl-orange) !important;
    color:#fff !important;
}
.pagination-ellipsis,.pagination-info{color:var(--bl-muted) !important;}

/* ---- Sidebar -------------------------------------------- */
.sidebar-widget{
    background:var(--bl-sheet) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:16px !important;
    box-shadow:var(--bl-shadow-sm) !important;
}
.widget-title{color:var(--bl-ink) !important;font-family:var(--bl-serif);font-weight:600;}
.widget-title i{color:var(--bl-orange) !important;}
.widget-subtitle{color:var(--bl-muted) !important;}
.widget-subtitle .naira{color:var(--bl-orange);}

/* OBN recruitment card keeps an orange identity but cleaner */
.obn-card{
    background:linear-gradient(160deg,#FFF6EE 0%,#FFFFFF 100%) !important;
    border:1px solid rgba(224,101,0,.22) !important;
}
.obn-icon{background:var(--bl-orange) !important;color:#fff !important;}
.obn-badge{background:var(--bl-orange-soft) !important;color:var(--bl-orange-strong) !important;}
.obn-title{color:var(--bl-ink) !important;}
.obn-title .text-gradient{-webkit-text-fill-color:var(--bl-orange);color:var(--bl-orange);}
.obn-description{color:var(--bl-muted) !important;}
.benefit-item{color:var(--bl-text) !important;}
.benefit-item i{color:var(--bl-orange) !important;}
.obn-cta-btn{
    background:var(--bl-orange) !important;
    color:#fff !important;
    border:none !important;
    box-shadow:0 10px 24px -12px rgba(224,101,0,.8) !important;
}
.obn-cta-btn:hover{background:var(--bl-orange-strong) !important;}
.obn-card-footer{color:var(--bl-muted) !important;border-top:1px solid var(--bl-line) !important;}
.obn-card-footer small{color:var(--bl-muted) !important;}

/* Newsletter (used in sidebar AND under posts) */
.newsletter-form input{
    background:var(--bl-soft) !important;
    color:var(--bl-ink) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:10px !important;
}
.newsletter-form input::placeholder{color:var(--bl-faint) !important;}
.newsletter-form input:focus{
    border-color:var(--bl-orange) !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(224,101,0,.12) !important;
}
.newsletter-form .btn-primary,
.newsletter-form button{
    background:var(--bl-orange) !important;
    border:none !important;
    color:#fff !important;
    border-radius:10px !important;
}
.newsletter-form .btn-primary:hover,
.newsletter-form button:hover{background:var(--bl-orange-strong) !important;}

/* Tags cloud */
.tag-item{
    background:var(--bl-soft) !important;
    color:var(--bl-muted) !important;
    border:1px solid var(--bl-line) !important;
    border-radius:999px !important;
}
.tag-item:hover,.tag-item.popular{
    background:var(--bl-orange-soft) !important;
    color:var(--bl-orange-strong) !important;
    border-color:rgba(224,101,0,.35) !important;
}

/* Recent posts */
.recent-post-item{border-bottom:1px solid var(--bl-line) !important;}
.recent-post-title{color:var(--bl-ink) !important;}
.recent-post-title:hover{color:var(--bl-orange) !important;}
.recent-post-date{color:var(--bl-faint) !important;}

/* Quick links */
.quick-links a{color:var(--bl-text) !important;}
.quick-links a:hover{color:var(--bl-orange) !important;}
.quick-links a i{color:var(--bl-orange) !important;}

/* =============================================================
   BLOG POST  (blog-post.php)  — editorial "paper" sheet
   ============================================================= */
.blog-post-container{
    background:transparent !important;
    padding:6.5rem 1rem 3rem !important;
}

/* Flatten the nested Bootstrap grid so content flows in the sheet */
.blog-post .container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
.blog-post .row{margin-left:0 !important;margin-right:0 !important;}
.blog-post .post-header .col-lg-11,
.blog-post .post-content-wrapper .col-lg-11,
.blog-post [class*="col-"]{
    max-width:100% !important;flex:0 0 100% !important;
    padding-left:0 !important;padding-right:0 !important;
    float:none !important;
}

/* The white article sheet */
.blog-post{
    background:var(--bl-sheet) !important;
    max-width:820px;
    margin:0 auto !important;
    border:1px solid var(--bl-line);
    border-radius:20px;
    box-shadow:var(--bl-shadow);
    padding:clamp(1.4rem,4vw,3.4rem);
    overflow:hidden;
}
.blog-post::before{display:none !important;}

/* Breadcrumb */
.post-breadcrumb .breadcrumb{background:transparent;padding:0;margin:0 0 1.3rem;font-size:.82rem;}
.post-breadcrumb .breadcrumb-item,
.post-breadcrumb .breadcrumb-item a{color:var(--bl-muted);text-decoration:none;}
.post-breadcrumb .breadcrumb-item a:hover{color:var(--bl-orange);}
.post-breadcrumb .breadcrumb-item.active{color:var(--bl-ink);}
.post-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:var(--bl-faint);}

/* Meta row */
.post-meta-top{
    display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;
    margin-bottom:1rem;color:var(--bl-muted);font-size:.85rem;
}
.post-meta-top .post-category{
    background:var(--bl-orange-soft) !important;
    border:1px solid rgba(224,101,0,.25);
    color:var(--bl-orange-strong) !important;
    border-radius:999px;padding:.3rem .85rem;
    font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
}
.post-meta-top .post-date i,.post-meta-top .post-reading-time i{color:var(--bl-faint);}

/* Title + excerpt */
.post-title{
    font-family:var(--bl-serif);font-weight:600;color:var(--bl-ink);
    font-size:clamp(1.9rem,4.4vw,2.85rem);line-height:1.16;
    letter-spacing:-.015em;margin:.3rem 0 1rem;
}
.post-excerpt{
    color:var(--bl-muted);font-size:1.2rem;line-height:1.65;
    font-family:var(--bl-serif);font-style:italic;
    margin:0 0 1.5rem;padding-left:1rem;border-left:3px solid rgba(224,101,0,.35);
}

/* In-header app prompt — quiet, tidy */
.app-download-section{
    margin:1.6rem 0 !important;padding:1rem 1.2rem !important;
    background:var(--bl-soft) !important;border:1px solid var(--bl-line) !important;
    border-radius:14px !important;box-shadow:none !important;
}
.app-download-section b{color:var(--bl-ink);font-weight:600;font-size:.95rem;}
.app-download-buttons{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.85rem;}
.app-store-btn{
    background:#fff !important;border:1px solid var(--bl-line) !important;
    box-shadow:var(--bl-shadow-sm) !important;min-width:0 !important;
    padding:.55rem 1rem !important;border-radius:12px !important;
}
.app-store-btn:hover{
    background:#fff !important;border-color:var(--bl-orange) !important;
    transform:translateY(-2px);box-shadow:var(--bl-shadow) !important;
}
.store-label{color:var(--bl-muted) !important;}
.store-name{color:var(--bl-ink) !important;}
.play-store .store-icon{color:#01875f !important;}
.app-store .store-icon{color:#111 !important;}

/* Post actions (share + views) */
.post-actions{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:1rem;margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--bl-line);
}
.share-label{color:var(--bl-muted);font-size:.85rem;}
.share-buttons{display:flex;gap:.5rem;}
.share-btn{
    width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;
    background:var(--bl-soft);border:1px solid var(--bl-line);color:var(--bl-text);
    transition:all .2s ease;
}
.share-btn:hover{background:var(--bl-orange-soft);border-color:var(--bl-orange);color:var(--bl-orange);transform:translateY(-2px);}
.post-views{color:var(--bl-faint);font-size:.85rem;}

/* Featured image */
.post-featured-image{margin:.5rem 0 2.4rem !important;}
.featured-image-wrapper{
    max-width:100% !important;border-radius:16px !important;
    border:1px solid var(--bl-line) !important;
    box-shadow:var(--bl-shadow) !important;
}
.featured-image{
    height:auto !important;max-height:460px !important;object-fit:cover !important;
    background:var(--bl-soft) !important;
}

/* ===== Article body — the heart of the read ===== */
.post-content{
    color:var(--bl-text) !important;
    font-family:var(--bl-serif);
    font-size:1.185rem !important;
    line-height:1.85 !important;
    letter-spacing:.002em;
}
.post-content > *:first-child{margin-top:0;}
.post-content p{margin:0 0 1.45rem !important;}
.post-content h1,.post-content h2,.post-content h3,
.post-content h4,.post-content h5,.post-content h6{
    font-family:var(--bl-serif);color:var(--bl-ink);font-weight:600;
    line-height:1.25;margin:2.5rem 0 1rem;letter-spacing:-.01em;
}
.post-content h2{font-size:1.72rem;}
.post-content h3{font-size:1.38rem;}
.post-content h4{font-size:1.16rem;}
.post-content a{
    color:var(--bl-orange) !important;text-decoration:underline;
    text-underline-offset:3px;text-decoration-color:rgba(224,101,0,.4);
}
.post-content a:hover{color:var(--bl-orange-strong) !important;text-decoration-color:var(--bl-orange);}
.post-content strong,.post-content b{color:var(--bl-ink);font-weight:700;}
.post-content ul,.post-content ol{margin:0 0 1.45rem;padding-left:1.5rem;}
.post-content li{margin-bottom:.5rem;}
.post-content li::marker{color:var(--bl-orange);}
.post-content img{
    border-radius:14px;margin:2rem auto;display:block;max-width:100%;height:auto;
    border:1px solid var(--bl-line);box-shadow:var(--bl-shadow-sm);
}
.post-content blockquote{
    margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--bl-orange);
    background:var(--bl-soft);border-radius:0 12px 12px 0;
    color:var(--bl-ink);font-family:var(--bl-serif);font-style:italic;font-size:1.2rem;
}
.post-content blockquote p:last-child{margin-bottom:0 !important;}
.post-content pre{
    background:#1C1712;border:1px solid #2a231b;border-radius:12px;
    padding:1.2rem;overflow:auto;margin:0 0 1.45rem;
}
.post-content code{
    background:var(--bl-orange-soft);color:var(--bl-orange-strong);
    padding:.15rem .42rem;border-radius:6px;font-size:.9em;
    font-family:'SFMono-Regular',Menlo,Consolas,monospace;
}
.post-content pre code{background:transparent;color:#EDE6DA;padding:0;}
.post-content table{width:100%;border-collapse:collapse;margin:0 0 1.45rem;font-size:.98rem;}
.post-content th,.post-content td{border:1px solid var(--bl-line);padding:.7rem .9rem;text-align:left;}
.post-content th{background:var(--bl-orange-soft);color:var(--bl-ink);font-weight:600;}
.post-content td{color:var(--bl-text);}
.post-content hr{border:none;border-top:1px solid var(--bl-line);margin:2.4rem 0;}

/* Tags */
.post-tags{margin:2.4rem 0 !important;padding-top:1.5rem;border-top:1px solid var(--bl-line);}
.tags-title{color:var(--bl-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;}
.tag-link{
    background:var(--bl-soft) !important;border:1px solid var(--bl-line) !important;
    color:var(--bl-muted) !important;border-radius:999px;padding:.35rem .9rem;
    font-size:.82rem;text-decoration:none;transition:all .2s ease;
}
.tag-link:hover{background:var(--bl-orange-soft) !important;border-color:var(--bl-orange) !important;color:var(--bl-orange-strong) !important;}

/* Author box */
.post-author{margin:2.2rem 0 !important;}
.post-author .author-card{
    display:flex;align-items:center;gap:1.1rem;
    padding:1.4rem;background:var(--bl-soft);border:1px solid var(--bl-line);border-radius:16px;
}
.post-author .author-name{color:var(--bl-ink) !important;font-family:var(--bl-serif);font-weight:600;margin:0 0 .25rem;}
.post-author .author-bio{color:var(--bl-muted) !important;font-size:.9rem;margin:0 0 .5rem;line-height:1.6;}
.post-author .author-social a{color:var(--bl-faint) !important;margin-right:.6rem;}
.post-author .author-social a:hover{color:var(--bl-orange) !important;}

/* Bottom app-download card variant → clean orange band */
.app-download-card{
    background:linear-gradient(135deg,#E06500,#FF8A2B) !important;
    box-shadow:0 18px 40px -20px rgba(224,101,0,.65) !important;
}
.app-download-card .app-store-btn{background:#fff !important;}

/* ---- Post navigation ------------------------------------ */
.post-navigation{border-top:1px solid var(--bl-line) !important;background:transparent !important;}
.post-navigation .nav-item{
    background:var(--bl-sheet) !important;border:1px solid var(--bl-line) !important;
    border-radius:14px !important;box-shadow:var(--bl-shadow-sm) !important;
}
.post-navigation .nav-item:hover{border-color:var(--bl-orange) !important;box-shadow:var(--bl-shadow) !important;}
.post-navigation .nav-label{color:var(--bl-muted) !important;}
.post-navigation .nav-title{color:var(--bl-ink) !important;}
.copy-link-btn{
    background:var(--bl-orange-soft) !important;color:var(--bl-orange-strong) !important;
    border:1px solid rgba(224,101,0,.3) !important;border-radius:10px !important;
}
.copy-link-btn:hover,.copy-link-btn.copied{background:var(--bl-orange) !important;color:#fff !important;border-color:var(--bl-orange) !important;}
.share-section .share-label{color:var(--bl-muted) !important;}

/* ---- Newsletter CTA under the article ------------------- */
.post-newsletter-cta{margin-top:2.4rem !important;}
.newsletter-card{
    background:linear-gradient(160deg,#FFF6EE,#FFFFFF) !important;
    border:1px solid rgba(224,101,0,.22) !important;
    box-shadow:var(--bl-shadow) !important;
}
.newsletter-title{color:var(--bl-ink) !important;font-family:var(--bl-serif);}
.newsletter-description{color:var(--bl-muted) !important;}

/* =============================================================
   Comments — light, minimal  (some inline rules use !important)
   ============================================================= */
.comments-section{border-top:1px solid var(--bl-line) !important;}
.comments-title{color:var(--bl-ink) !important;font-family:var(--bl-serif);}
.comments-title i{color:var(--bl-orange) !important;}
.comments-subtitle{color:var(--bl-muted) !important;}
.comment-count{background:var(--bl-orange) !important;color:#fff !important;box-shadow:none !important;}

.comment-form-wrapper{
    background:var(--bl-soft) !important;border:1px solid var(--bl-line) !important;
    border-radius:18px !important;box-shadow:var(--bl-shadow-sm) !important;
    padding:2rem !important;
}
.form-icon{background:var(--bl-orange) !important;}
.form-title{color:var(--bl-ink) !important;}
.form-subtitle{color:var(--bl-muted) !important;}
.form-label{color:var(--bl-ink) !important;}
.form-label i{color:var(--bl-orange) !important;}
.comment-form .form-control{
    background:#fff !important;color:var(--bl-ink) !important;
    border:1px solid var(--bl-line) !important;border-radius:10px !important;
}
.comment-form .form-control::placeholder{color:var(--bl-faint) !important;}
.comment-form .form-control:focus{
    border-color:var(--bl-orange) !important;background:#fff !important;color:var(--bl-ink) !important;
    box-shadow:0 0 0 3px rgba(224,101,0,.12) !important;transform:none !important;
}
.form-help{color:var(--bl-faint) !important;}
.counter-bar{background:var(--bl-line) !important;}
.counter-text{color:var(--bl-muted) !important;}
.comment-policy{color:var(--bl-muted) !important;}
.submit-btn{
    background:var(--bl-orange) !important;color:#fff !important;
    box-shadow:0 10px 22px -12px rgba(224,101,0,.8) !important;
}
.submit-btn:hover:not(:disabled){background:var(--bl-orange-strong) !important;}

.comments-list-header h5{color:var(--bl-ink) !important;}
.loading-comments,.empty-state{color:var(--bl-muted) !important;}
.no-comments .empty-state i{color:rgba(224,101,0,.35) !important;}
.no-comments .empty-state h6{color:var(--bl-ink) !important;}

.comment-item{
    background:var(--bl-sheet) !important;border:1px solid var(--bl-line) !important;
    border-radius:14px !important;box-shadow:var(--bl-shadow-sm) !important;
}
.comment-item::before{background:var(--bl-orange) !important;}
.comment-item:hover{border-color:rgba(224,101,0,.3) !important;box-shadow:var(--bl-shadow) !important;}
.comment-item .author-avatar{background:var(--bl-orange) !important;color:#fff !important;}
.comment-item .author-name,
.comment-author-name{color:var(--bl-ink) !important;}
.comment-item .author-name a:hover,.comment-author-name:hover{color:var(--bl-orange) !important;}
.comment-date{color:var(--bl-faint) !important;}
.comment-content{color:var(--bl-text) !important;}

/* Error state (rarely shown) */
.error-title{color:var(--bl-ink) !important;}
.error-message{color:var(--bl-muted) !important;}
.error-icon i{color:var(--bl-orange) !important;}

/* =============================================================
   Responsive
   ============================================================= */
@media (max-width:991.98px){
    .blog-hero{padding-top:6.5rem !important;}
}
@media (max-width:767.98px){
    .blog-post-container{padding-top:5.5rem !important;}
    .blog-post{padding:1.5rem 1.25rem;border-radius:16px;}
    .post-content{font-size:1.1rem !important;line-height:1.8 !important;}
    .post-author .author-card{flex-direction:column;text-align:center;}
    .post-actions{flex-direction:column;align-items:flex-start;}
}
@media (max-width:575.98px){
    .featured-image{max-height:300px !important;}
    .post-excerpt{font-size:1.08rem;}
}