/* ============================================================
   JBBC OJS JOURNAL - FRESH FULL CUSTOM CSS
   - Clean Full-Width Layout (No Divider Lines)
   - Polaris Academic Typography & Card Styling
   - Fully Responsive (Mobile Friendly)
   - Fixed Sidebar RSS Buttons & Main Images
   ============================================================ */

/* ১. ফন্ট ইমপোর্ট */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap');

/* ২. গ্লোবাল ব্যাকগ্রাউন্ড ও রিসেট */
body, 
html, 
.pkp_structure_page, 
.pkp_structure_content {
    background-color: #f7f5ed !important;
    margin: 0 !important;
    padding-top: 0 !important;
}

/* ৩. হেডার প্রটেকশন */
.pkp_structure_head {
    margin-bottom: 0 !important;
}
.pkp_site_breadcrumb {
    margin-top: 15px !important;
}

/* ৪. মাঝখানের অনাকাঙ্ক্ষিত দাগ (Vertical Dividers) সম্পূর্ণ দূর করা */
.pkp_structure_content, 
.pkp_structure_main, 
.pkp_sidebar,
.page_content,
.pkp_content_panel,
.row,
.container,
div[class*="main"],
div[class*="content"],
div[class*="sidebar"] {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* Pseudo-elements (::after / ::before) দিয়ে আসা ডিফল্ট দাগ মুছে ফেলা */
.pkp_structure_content::after, 
.pkp_structure_content::before, 
.pkp_structure_main::after, 
.pkp_structure_main::before {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* ৫. কন্টেইনার সাইজ ও ফুল-উইডথ গ্রিড স্টাইল (ফ্লেক্সবক্স) */
.pkp_structure_content {
    max-width: 95% !important;
    width: 95% !important;
    margin: 20px auto !important;
    display: flex !important;
    flex-wrap: nowrap !important; /* ডেস্কটপের জন্য */
    gap: 30px !important;
}

/* ৬. মেইন কন্টেন্ট এলাকা */
.pkp_structure_main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    background: transparent !important;
}

/* ৭. সাইডবার সেকশন */
.pkp_sidebar {
    flex: 0 0 280px !important;
    width: 280px !important;
    background: transparent !important;
}

/* ৮. কন্টেন্ট কার্ড স্টাইলিং (সাদা ক্লিন বক্স) */
.page_content, 
.pkp_structure_main .obj_article_summary, 
.pkp_sidebar .pkp_block {
    background: #ffffff !important;
    border: 1px solid #e2ded0 !important;
    border-radius: 8px !important;
    padding: 26px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 20px !important;
}

/* ৯. ফন্ট ও টাইপোগ্রাফি */
.pkp_structure_main p, 
.page_content p {
    font-family: 'Lora', serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #2b2b2b !important;
    margin-bottom: 16px !important;
}

.pkp_structure_main h1, 
.pkp_structure_main h2, 
.pkp_structure_main h3, 
.pkp_page_title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    color: #8b2626 !important;
    font-weight: 700 !important;
}

.pkp_structure_main h2 {
    font-size: 20px !important;
    border-bottom: 2px solid #d4af37 !important;
    padding-bottom: 8px;
    margin-top: 20px;
    margin-bottom: 16px !important;
}

/* ১০. মেইন কন্টেন্টের ছবি রেসপন্সিভ করা (Editor-in-Chief এর ছবির জন্য) */
.pkp_structure_main img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
    margin-bottom: 15px !important;
    display: block !important; /* ছবি ব্লক আকারে দেখানোর জন্য */
}

/* ১১. লিঙ্ক স্টাইলিং */
.pkp_structure_main a,
.pkp_sidebar a {
    color: #8b2626 !important;
    font-weight: 600;
    text-decoration: none !important;
}
.pkp_structure_main a:hover,
.pkp_sidebar a:hover {
    text-decoration: underline !important;
}

/* ==========================================
   SIDEBAR & WIDGETS MODERNIZATION
   ========================================== */

/* সাইডবারের প্রতিটি ব্লক বা উইজেট */
.pkp_sidebar .pkp_block {
    background: #ffffff !important;
    border: 1px solid #e2ded0 !important;
    border-radius: 8px !important;
    padding: 22px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03) !important;
    margin-bottom: 22px !important;
}

/* উইজেটের টাইটেল */
.pkp_sidebar .title {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    color: #8b2626 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #d4af37 !important;
    padding-bottom: 8px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* সাইডবারের লিংক স্টাইল */
.pkp_sidebar .content ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.pkp_sidebar .content ul li {
    margin-bottom: 10px !important;
}
.pkp_sidebar .content ul li a {
    font-family: 'Lora', serif !important;
    font-size: 14.5px !important;
    color: #334155 !important;
    text-decoration: none !important;
    display: block;
    padding: 6px 10px;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.pkp_sidebar .content ul li a:hover {
    background-color: #f7f5ed !important;
    color: #8b2626 !important;
    padding-left: 14px !important;
}

/* ১২. Latest Publications (RSS/Atom বাটনগুলো) সঠিকভাবে স্টাইল করা */
/* আপনার ছবিতে যে কমলা বক্সগুলো ছিল, সেগুলো এখন সুন্দর বাটন হবে */
.pkp_sidebar .block_latest_publications a, 
.pkp_sidebar a.obj_galley_link_rss,
.pkp_sidebar a[href*="feed"] {
    display: inline-block !important;
    background-color: #8b2626 !important;
    color: #ffffff !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin-right: 5px;
    text-decoration: none !important;
    margin-bottom: 8px;
    border: none !important;
}
.pkp_sidebar .block_latest_publications a:hover, 
.pkp_sidebar a[href*="feed"]:hover {
    background-color: #d4af37 !important;
    color: #2b2b2b !important;
}

/* ==========================================
   FORM & SEARCH BAR STYLING
   ========================================== */

.pkp_search input[type="text"], 
.pkp_search input[type="search"] {
    border: 1px solid #d4af37 !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
    background: #ffffff !important;
    font-family: 'Lora', serif !important;
    color: #2b2b2b !important;
}
.pkp_search button {
    background-color: #8b2626 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    cursor: pointer;
}

/* OJS ফর্ম (Login/Register) স্টাইল */
.pkp_form input[type="text"],
.pkp_form input[type="email"],
.pkp_form input[type="password"],
.pkp_form select,
.pkp_form textarea {
    border: 1px solid #e2ded0 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-family: 'Lora', serif !important;
    background: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.pkp_form input:focus, 
.pkp_form textarea:focus {
    border-color: #8b2626 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(139, 38, 38, 0.1) !important;
}
.pkp_form .submit {
    background-color: #8b2626 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    cursor: pointer;
}
.pkp_form .submit:hover {
    background-color: #6a1c1c !important;
}

/* ==========================================
   RESPONSIVE DESIGN (MOBILE FRIENDLY)
   ========================================== */

@media (max-width: 992px) {
    .pkp_structure_content {
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }
    .pkp_sidebar {
        flex: 1 1 100% !important;
        width: 100% !important;
        margin-top: 20px !important;
    }
    .pkp_structure_main {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}