/* ==================================================
   FINAL DARK THEME BLOG OVERRIDE
================================================== */

body{
    background:#0f172a;
}

.rr-blog{
    max-width:920px;
    margin:60px auto;
    padding:0 24px;
}

.rr-blog-title{
    color:#ffffff !important;
    font-size:56px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:32px;
}

.rr-blog-content{
    color:#cbd5e1 !important;
    font-size:20px;
    line-height:2;
}

.rr-blog-content p{
    color:#cbd5e1 !important;
    margin-bottom:28px;
}

.rr-blog-content h2{
    color:#ffffff !important;
    font-size:38px;
    margin:60px 0 24px;
    padding-left:18px;
    border-left:5px solid #3b82f6;
}

.rr-blog-content h3{
    color:#e2e8f0 !important;
    font-size:28px;
    margin:40px 0 18px;
}

.rr-blog-content a{
    color:#60a5fa !important;
}

.rr-blog-content img{
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.rr-blog-content blockquote{
    background:#111827;
    border-left:5px solid #8b5cf6;
    color:#dbeafe;
    padding:24px;
    border-radius:18px;
    margin:30px 0;
}

.rr-blog-content table{
    background:#111827;
}

.rr-blog-content th{
    background:#2563eb;
    color:#fff;
}

.rr-blog-content td{
    color:#cbd5e1;
    border-color:#374151;
}

.rr-blog-content pre{
    background:#020617;
    color:#f8fafc;
    border-radius:14px;
}

.rr-blog-content code{
    background:#1e293b;
    color:#93c5fd;
}

.rr-blog-featured-image{
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.45);
}

.rr-blog-featured-image img{
    transition:.4s;
}

.rr-blog-featured-image:hover img{
    transform:scale(1.03);
}

/* TOC */

.rr-toc{
    background:#111827;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:24px;
}

.rr-toc-title{
    color:#fff;
}

.rr-toc-toggle{
    background:#1e293b;
    color:#60a5fa;
}

.rr-toc a{
    color:#93c5fd;
}

.rr-toc a:hover{
    color:#fff;
}

/* RELATED BLOGS */
/* =====================================
   RELATED BLOGS DARK THEME
===================================== */

.rr-related-blogs{
    max-width:1100px;
    margin:80px auto;
    padding:0 15px;
}

.rr-related-blogs h2{
    font-size:32px;
    font-weight:800;
    color:#ffffff;
    margin-bottom:30px;
}

.rr-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

/* Related cards */

.rr-related-grid .rr-blog-card{
    background:#111827;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    transition:all .3s ease;
}

.rr-related-grid .rr-blog-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(0,0,0,.45);
}

.rr-related-grid .rr-blog-thumb img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
    border-radius:0;
    margin:0;
}

.rr-related-grid .rr-blog-card h3{
    padding:18px 20px 8px;
    margin:0;
    font-size:20px;
    line-height:1.5;
}

.rr-related-grid .rr-blog-card h3 a{
    color:#ffffff;
    text-decoration:none;
}

.rr-related-grid .rr-blog-card h3 a:hover{
    color:#60a5fa;
}

.rr-related-grid .rr-date{
    display:block;
    padding:0 20px 10px;
    color:#94a3b8;
}

.rr-related-grid .rr-excerpt{
    color:#cbd5e1;
    padding:0 20px 20px;
    font-size:15px;
    line-height:1.7;
}

@media(max-width:768px){

    .rr-related-grid{
        grid-template-columns:1fr;
    }

}