/*
Theme Name: Desh Bangla
Theme URI: #
Author: IT Biponi
Description: Professional Bangla News Portal Theme with modular layouts, dynamic section headers, and Redux Framework integration.
Version: 1.2.0
Text Domain: it-biponi-news
*/

/* =============================================
   SECTION HEADER DESIGNS — Each Truly Unique
   ============================================= */

/* --- Base Reset (remove old defaults) --- */
.center-unique-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    display: inline-block;
}

.center-unique-title i {
    margin-right: 8px;
}

.center-unique-title a {
    text-decoration: none;
    color: inherit;
}

/* ===========================================
   UNIFIED SECTION HEADERS (Layout 1-7 & Sections)
   =========================================== */

/* Unified Wrapper Styles */
.s3-main-header,
.sg-main-header,
.s5-main-header,
.s6-main-header,
.s7-main-header,
.s8-cat-header,
.s9-header,
.s10-cat-header,
.s11-cat-header {
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 12px;
    position: relative;
    border-bottom: none;
}

.s4-main-header {
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 12px;
    position: relative;
    border-bottom: none;
}

.s2-header-block {
    margin-bottom: 20px;
    text-align: center;
    padding-bottom: 12px;
    position: relative;
    border-bottom: none;
}

/* Gradient border line under section header */
.s3-main-header::after,
.sg-main-header::after,
.s5-main-header::after,
.s6-main-header::after,
.s7-main-header::after,
.s8-cat-header::after,
.s9-header::after,
.s10-cat-header::after,
.s11-cat-header::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color) 40%, transparent 100%);
}

.s4-main-header::after {
    display: none !important;
}

.s2-header-block::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 2px;
    background: linear-gradient(to right, transparent 0%, var(--primary-color) 50%, transparent 100%);
}

/* Base Unified Title Style */
.center-unique-title,
.center-unique-title.style-1,
.center-unique-title.style-2,
.center-unique-title.style-3,
.center-unique-title.style-4,
.center-unique-title.style-5,
.center-unique-title.style-6,
.center-unique-title.style-7,
.center-unique-title.style-8,
.center-unique-title.style-9,
.center-unique-title.style-10,
.center-unique-title.style-11 {
    display: inline-flex;
    align-items: center;
    background: #154c60; /* Fallback, overridden by inline Redux style */
    color: #ffffff; /* Fallback, overridden by inline Redux style */
    padding: 8px 18px !important;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    position: static;
    transform: none;
}

/* Remove all pseudo-elements from title element */
.center-unique-title::before,
.center-unique-title::after,
.s7-main-header::before {
    display: none !important;
}

/* Icon Styles */
.center-unique-title i {
    margin-right: 10px;
    font-size: 18px;
    color: inherit; /* Fallback, overridden by inline Redux style */
}

/* Adjust Right Column title in Layout 1 */
.s5-col-cat-title {
    display: inline-flex;
    align-items: center;
    padding: 6px 15px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    color: inherit;
    text-decoration: none;
}
.s5-col-cat-title:hover {
    background: rgba(255, 255, 255, 0.2);
    color: inherit;
}

/* ===========================================
   Responsive
   =========================================== */
@media (max-width: 768px) {
    .center-unique-title {
        font-size: 18px;
    }

    .center-unique-title.style-1 {
        font-size: 18px;
    }

    .center-unique-title.style-5 {
        padding: 8px 20px !important;
    }
}