/*
Theme Name: JugantorPro
Author: MD Abdullah
Description: Complete Bangla Newspaper Theme with Redux & Mega Menu
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #dc3545; /* Jugantor Red */
    --secondary: #333;
    --bg-light: #f8f9fa;
}

body {
    font-family: 'Hind Siliguri', sans-serif;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
}

a { text-decoration: none; transition: 0.2s; color: #222; }
a:hover { color: var(--primary); }
img { max-width: 100%; height: auto; object-fit: cover; }

/* --- HEADER STYLES --- */
.top-bar { font-size: 14px; background: #fff; border-bottom: 1px solid #eee; }

/* Mobile Sticky Logic */
.mobile-top-bar {
    z-index: 1050;
    transition: all 0.3s ease;
    width: 100%;
    top: 0;
}
.mobile-top-bar.is-sticky {
    position: fixed;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
body.mobile-padding-fix { padding-top: 60px; }

/* Desktop Sticky Logic */
.desktop-nav {
    transition: all 0.3s ease;
    z-index: 1040;
}
.desktop-nav.is-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
    padding: 10px 0;
}
.desktop-nav.is-sticky .sticky-elements { display: flex !important; }

/* --- MEGA MENU (3-Dots Overlay) --- */
#megaMenuOverlay { z-index: 9999; }
.mega-menu-links .col { border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; }
.mega-menu-links a { color: #333; font-weight: 500; font-size: 18px; display: flex; align-items: center; }
.mega-menu-links a:before {
    content: "\F285"; /* Bootstrap Icon Chevron */
    font-family: "bootstrap-icons";
    margin-right: 8px;
    color: #ccc;
    font-size: 14px;
}
.mega-menu-links a:hover { color: var(--primary); padding-left: 5px; }

/* --- HOMEPAGE SECTIONS --- */
.section-title {
    border-left: 5px solid var(--primary);
    padding-left: 10px;
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 15px;
}
.news-card h3 { font-size: 1.1rem; font-weight: 600; margin-top: 10px; line-height: 1.4; }
.lead-story h2 { font-size: 2rem; font-weight: 700; line-height: 1.3; }

/* --- FOOTER --- */
.site-footer { background: #222; color: #aaa; font-size: 14px; }
.site-footer h4 { color: white; border-bottom: 1px solid #444; padding-bottom: 10px; margin-bottom: 20px; }
.footer-links li { margin-bottom: 8px; }
.footer-links a { color: #aaa; }
.footer-links a:hover { color: #fff; padding-left: 5px; }

/* Hover Effect for Titles */
.hover-red {
    transition: color 0.2s ease;
}
.hover-red:hover {
    color: #dc3545 !important; /* Bootstrap Danger Red */
}

/* Hero Section Specifics */
.hero-section h2 {
    font-size: 1.75rem;
    line-height: 1.4;
}
@media (max-width: 768px) {
    .hero-section h2 {
        font-size: 1.4rem;
    }
}