/*
 Theme Name:   Kadence Child
 Theme URI:    https://example.com/kadence-child/
 Description:  Kadence Child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     kadence
 Version:      1.0.2
 Tags:         customizable, modern, responsive-layout, gutenberg, header builder, footer builder
 Text Domain:  kadencechild
*/

/* ==========================================================================
   ১. ফন্ট এবং গ্লোবাল সেটিংস (Fonts & Global Settings)
   ========================================================================== */
@font-face {
    font-family: 'SolaimanLipi';
    src: url('https://www.bdeducator.com/wp-content/themes/kadence-child/fonts/SolaimanLipi.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}

html, body, p, a, span, div, li, input, button {
    font-family: 'SolaimanLipi', Arial, sans-serif !important;
}

.single-content p {
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 1.25em;
}


/* সব শিরোনামের জন্য গ্লোবাল কালার ও ফন্ট */
h1, h2, h3, h4, h5, h6 {
    font-family: 'SolaimanLipi', Arial, sans-serif !important;
    color: #1F2937 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

/* গ্লোবাল আন্ডারলাইন রিমুভ ও মেটা ক্লিনআপ */
.sub-hero-grid a, .edu-rel-card a, .author-name a, .author-socials a, .kadence-breadcrumbs a { 
    text-decoration: none !important; 
}

.entry-meta span::after, .meta-dot, .pulse-icon, .home article.post, .home header.entry-header:not(.cat-header) { 
    display: none !important; 
}

/* ইমেজ সুরক্ষা */
#primary img, .entry-content img {
    max-width: 100% !important;
    height: auto !important;
}

.post-thumbnail img, .poseidon-thumbnail-large, .tzwb-posts-list, .wp-post-image {
    border-radius: 8px;
}


/* ==========================================================================
   ২. লেআউট ও কন্টেইনার (Layout & Width Control)
   ========================================================================== */
/* হোমপেজ কন্টেইনার */
.home #primary.content-container {
    max-width: 1250px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    padding: 20px 15px !important;
    display: block !important;
}

/* সিঙ্গেল পোস্ট কন্টেইনার */
.single-post #primary {
    max-width: 1250px !important;
    margin: 0 auto !important;
}

.row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    margin: 0 -15px !important;
}

/* কলাম উইডথ (৭২:২৮ অনুপাত) */
.col-lg-9 { flex: 0 0 72% !important; max-width: 72% !important; padding: 0 35px 0 15px !important; }
.col-lg-3 { flex: 0 0 28% !important; max-width: 28% !important; padding: 0 15px 0 5px !important; }


/* ==========================================================================
   ৩. ব্রেডকাম্ব স্টাইল (Breadcrumbs)
   ========================================================================== */
.post-title .kadence-breadcrumbs {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    padding: 5px 5px 8px 5px !important;
    text-align: left !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    line-height: 1.3;
    background: #fafafa !important;
    box-shadow: rgba(23, 43, 99, .14) 0 7px 27px !important;
}


/* ==========================================================================
   ৪. হোমপেজ হিরো ও সাব-হিরো গ্রিড (Hero & Grid)
   ========================================================================== */
/* হিরো সেকশন */
.hero-section img { width: 100% !important; height: auto !important; border-radius: 8px; display: block; margin-bottom: 10px; }

.hero-section h3, .hero-section .entry-meta, .hero-section p {
    padding: 0 5px !important;
    margin: 0 !important;
    background: #fff;
    box-sizing: border-box !important;
}

.hero-section h3, .hero-section h3 a { 
    text-align: center;
    padding-top: 10px !important;
    font-size: 32px !important; 
    font-weight: 800; 
    line-height: 1.1; 
    color: #111; 
    text-decoration: none; 
}

.hero-section p { 
    text-align: center; 
    padding-bottom: 8px !important; 
    margin-bottom: 5px !important; 
    font-size: 20px !important; 
    line-height: 1.4; 
}

.hero-section .entry-meta { 
    text-align: center;	 
    font-size: 15px !important; 
    padding: 2px 0 !important;
    color: #555 !important;
    display: block !important;
}

.hero-read-more {
    display: table !important;
    margin: 8px auto 25px !important;
    padding: 4px 10px !important; 
    background-color: #8e5712 !important; 
    color: #fff !important; 
    border-radius: 4px !important; 
    font-size: 16px !important; 
    text-decoration: none !important;
    transition: 0.2s;
}

/* সাব-হিরো গ্রিড */
.sub-hero-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 20px; clear: both; }

.sub-hero-item h3 { text-align: center; font-size: 20px !important; margin: 8px 0 2px !important; line-height: 1.3; font-weight: 600; }

.sub-hero-item .post-meta { 
    text-align: center;
    font-size: 13px !important; 
    padding: 0 0 !important;
    color: #555 !important;
    display: block !important;
}


/* ==========================================================================
   ৫. ক্যাটাগরি ব্লক ডিজাইন (Category Blocks)
   ========================================================================== */
.cat-header {
    border-bottom: 2px solid #8e5712;
    margin-bottom: 20px !important;
    display: block !important;
}

.cat-header span {
    background: #8e5712;
    color: #fff !important;
    padding: 4px 12px !important;
    font-weight: bold;
    display: inline-block;
    font-size: 20px !important;
    border-radius: 2px 2px 0 0;
}

.cat-header a {
    float: right;
    margin-top: 7px; /* স্প্যানের সাথে সামঞ্জস্য রাখতে */
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
    color: #8e5712; /* থিম কালার অনুযায়ী */
}

.cat-header a:hover {
    text-decoration: underline; /* মাউস নিলে চেনার সুবিধার্থে */
}

.category-grid { display: flex !important; flex-wrap: wrap !important; gap: 40px !important; }
.cat-block { flex: 0 0 calc(50% - 20px) !important; max-width: calc(50% - 20px) !important; }

/* ক্যাটাগরি পোস্ট টাইপোগ্রাফি */
.medium-post { line-height: 1.4; }
.medium-post img { width: 100% !important; height: auto !important; border-radius: 8px; display: block; margin-bottom: 10px; }
.medium-post h3, .medium-post h3 a { font-size: 26px !important; } 
.medium-post p { font-size: 20px; line-height: 1.4; margin: 0.5em 0 .5em 0 !important; } 
.medium-post .entry-meta { margin-top: 0.5em !important; margin-bottom: 0 !important; font-size: 14px; }

/* ছোট পোস্ট (Small Post) */
.small-post {
    display: flex !important;
    gap: 10px !important;
    padding: 5px 0 !important;
    border-top: 1px solid #f0f0f0;
    align-items: flex-start !important;
}
.small-thumb { flex: 0 0 110px !important; max-width: 110px !important; }
.small-thumb img { width: 110px !important; height: 65px !important; object-fit: cover !important; border-radius: 4px; }
.small-content h3, .small-content h3 a { font-size: 20px !important; font-weight: 600; line-height: 1.2; color: #333; text-decoration: none; }
.small-content h3 { margin-bottom: 0px !important; }
.small-post .entry-meta { margin-top: 1px !important; padding-top: 1px !important; font-size: 12px !important; color: #666 !important; line-height: 1.2; }


/* ==========================================================================
   ৬. সিঙ্গেল পোস্ট ও রিলেটেড পোস্ট (Single Post & Related)
   ========================================================================== */

.entry-meta > * { margin-right: 5px; margin-left: 0px; }

/* রিলেটেড পোস্ট সেকশন */
.edu-rel-main-title {
    margin-top: -10px !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
    font-weight: bold;
    display: block;
    padding-bottom: 2px;
    border-bottom: 2px solid #bc751c;
}

.edu-rel-grid {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-spacing: 12px 0 !important;
    margin: 15px -12px !important;
}
.edu-rel-card { display: table-cell !important; vertical-align: top; }

.edu-rel-img img { width: 100% !important; height: auto !important; aspect-ratio: 16/9; object-fit: cover; border-radius: 4px; }
.edu-rel-title {
    font-size: 18px !important; line-height: 1.2 !important;
    font-weight: 700; margin: 8px 0 !important;
    overflow: hidden; color: #000;
}

.related-meta {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    font-size: 12px !important;
    color: #555 !important;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 6px;
    margin-top: -10px;
}

/* অথর বক্স */
.news-author-box { 
    margin: 25px 0; padding: 10px; background: #ffffff; border: 1px solid #e0e0e0; 
    border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); clear: both;
}
.author-flex { display: flex; gap: 25px; align-items: center; }
.author-img-wrap { flex: 0 0 120px !important; }
.author-img-wrap img { 
    width: 120px !important; height: 120px !important; border-radius: 50% !important; 
    object-fit: cover !important; border: 3px solid #0056b3 !important; display: block !important;
}
.author-name { font-size: 20px !important; font-weight: 700 !important; margin: 0 0 10px !important; color: #222 !important; }
.author-name a { color: #bc751c !important; text-decoration: none !important; }
.author-bio-text { font-size: 18px !important; color: #444 !important; line-height: 1.6 !important; margin-bottom: 12px !important; }
.author-socials { display: flex; flex-wrap: wrap; gap: 8px; }
.author-socials a { font-size: 14px !important; background: #f4f4f4; color: #333 !important; padding: 5px 12px; border-radius: 10px; text-decoration: none !important; border: 1px solid #bc751c; }


/* ==========================================================================
   ৭. সাইডবার ও উইজেট (Sidebar & Widgets)
   ========================================================================== */
.widget-area .widget-title {
    background: #8e5712;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 2px 2px 0 0;
}

.widget-title { padding-left: 8px; }

.widget li:not(.kb-table-of-content-list li) { line-height: 1.2; }

.meta-label { font-weight: bold; color: #333; }


/* ==========================================================================
   ৮. বাটন ও কাস্টম এলিমেন্টস (Buttons & Misc)
   ========================================================================== */
a.post-more-link,
.paged-read-more {
   font-size: 16px;
   background-color: #8e5712;
   border: 1px solid #915a14;
   color: #fff !important;
   padding: 3px 6px; 
   border-radius: 4px; 
   display: inline-block;
   transition: all 0.3s ease; 
}

.custom-social-icons { display: flex !important; gap: 20px !important; }


/* ==========================================================================
   ৯. ফুটার (Footer)
   ========================================================================== */
.site-middle-footer-wrap .site-footer-row-container-inner { background: #242424; color: #fff; padding: 5px 0; border-top: 3px solid #bc751c; font-size: 18px; } .site-middle-footer-wrap .site-footer-row-container-inner a { color: #fff !important; font-size: 18px !important; } .site-middle-footer-wrap .site-footer-row-container-inner a:hover { color: #bc751c !important; }

/* ==========================================================================
   ১০. মোবাইল ও ছোট ডিভাইস রেসপন্সিভ ডিজাইন (Comprehensive Mobile Styles)
   ========================================================================== */

/* ১. সাধারণ মোবাইল ভিউ (৭৬৭px এর নিচে) */
@media (max-width: 767px) {

    /* কন্টেইনার ও লেআউট ফিক্স (অতিরিক্ত সাইড গ্যাপ রোধে) */
    #primary.content-container { 
        padding-left: 0 !important; 
        padding-right: 0 !important; 
        width: 100% !important;
    }
    
    .row { 
        margin-left: 0 !important; 
        margin-right: 0 !important; 
    }
    
    .single-content p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 1.25em;
    }
    
    .cat-header a {
    margin-top: 3px; /* স্প্যানের সাথে সামঞ্জস্য রাখতে */
}

    /* সব সেকশনের জন্য স্ট্যান্ডার্ড ১২px প্যাডিং (সমান্তরাল রাখার জন্য) */
    .col-lg-9, .col-lg-3, .cat-block, .hero-section, 
    .sub-hero-grid, .category-grid, #custom-news-portal, .news-left-side { 
        padding-left: 2.5px !important; 
        padding-right: 2.5px !important; 
        width: 100% !important; 
        box-sizing: border-box !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    /* হিরো সেকশন মোবাইল অ্যাডজাস্টমেন্ট */
    .hero-section h3, .hero-section h3 a { 
        font-size: 24px !important; 
        line-height: 1.2; 
        text-align: center;
    } 
    
    .hero-section p { 
        font-size: 18px !important; 
        line-height: 1.4; 
        text-align: center;
        padding-bottom: 8px !important; 
        margin-bottom: 5px !important;
    }

    .hero-section h3, .hero-section p, .hero-section .entry-meta {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* সাব-হিরো গ্রিড মোবাইল (১ কলাম) */
    .sub-hero-grid {
        grid-template-columns: 1fr !important; 
        gap: 15px !important;
        padding-left: 0 !important; /* ডাবল প্যাডিং রোধে */
        padding-right: 0 !important;
    }

    .sub-hero-item h3 {
        -webkit-line-clamp: 3; 
    }

    /* ক্যাটাগরি গ্রিড ও ব্লক */
    .category-grid { 
        gap: 20px !important; 
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cat-block { margin-bottom: 25px !important; }

    .medium-post h3, .medium-post h3 a { font-size: 22px !important; } 
    .medium-post p { font-size: 17px !important; line-height: 1.4; } 
    .medium-post .entry-meta { font-size: 13px !important; }
    .small-content h3, .small-content h3 a { font-size: 17px !important; }

    /* রিলেটেড পোস্ট (Related Posts) মোবাইল */
    .edu-rel-main-title { margin-top: 15px !important; font-size: 22px !important; }
    .edu-rel-grid { display: block !important; border-spacing: 0 !important; margin: 0 !important; }
    .edu-rel-card { display: block !important; width: 100% !important; margin-bottom: 15px !important; padding: 0 !important; }
    .related-meta { font-size: 13px !important; white-space: normal !important; }
.edu-rel-title {
    font-size: 22px !important;
}
    /* অথর বায়ো (Author Box) মোবাইল */
    .author-flex { flex-direction: column !important; gap: 10px; text-align: center !important; }
    .author-img-wrap { margin-bottom: 15px !important; flex: 0 0 auto !important; }
    .author-img-wrap img { width: 130px !important; height: 130px !important; margin: 0 auto !important; }
    .author-socials { justify-content: center !important; }
}

/* ২. ছোট মোবাইল ভিউ (৫৭৫px এর নিচে) */
@media only screen and (max-width: 575px) {
    
    .sub-hero-grid > * {
        grid-column: 1 / -1 !important;
        max-width: 100% !important;
    }
    
    /* মেটা ডাটা লম্বালম্বি সাজানো */
    :is(.single, .archive, .page) .entry-meta {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
	
    :is(.single, .archive, .page) .kt-meta-item, .kt-post-author {
        font-size: 16px;
        font-weight: bold;
    }

    .entry-meta-divider-customicon.entry-meta > * > .kadence-svg-iconset {
        margin-left: -0.1em;
    }

    .edu-rel-card .entry-meta {
        left: 0 !important;
        display: inline-block !important;
    }
  
    /* অ্যাডসেন্স ও আইফ্রেম সুরক্ষা */
    iframe, ins { 
        max-width: 100% !important; 
    }
}