/*
Theme Name: Bangla Kantho News
Theme URI: https://banglakantho.com
Author: Bangla Kantho Dev
Description: A clean, responsive Bengali News Portal WordPress Theme with built-in ad zones.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: banglakantho
*/

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'SolaimanLipi', 'Kalpurush', Arial, sans-serif; background: #f4f4f4; color: #222; line-height: 1.6; }
a { text-decoration: none; color: #222; transition: 0.2s; }
a:hover { color: #d32f2f; }
img { max-width: 100%; height: auto; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/* Top Bar */
.top-bar { background: #1a1a1a; color: #fff; padding: 8px 0; font-size: 14px; }
.top-bar-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.search-form input[type="search"] { padding: 4px 10px; border: none; border-radius: 3px; font-size: 14px; }
.search-form input[type="submit"] { padding: 4px 12px; background: #d32f2f; color: #fff; border: none; border-radius: 3px; cursor: pointer; }

/* Header */
.site-header { background: #fff; padding: 15px 0; border-bottom: 2px solid #d32f2f; }
.header-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.site-logo h1 { color: #d32f2f; font-size: 36px; font-weight: bold; }
.site-logo p { font-size: 14px; color: #555; }
.header-ad { flex: 1; max-width: 728px; text-align: right; }

/* Navigation */
.main-nav { background: #d32f2f; position: sticky; top: 0; z-index: 999; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.main-nav ul { list-style: none; display: flex; flex-wrap: wrap; }
.main-nav ul li { position: relative; }
.main-nav ul li a { display: block; padding: 12px 15px; color: #fff; font-weight: bold; font-size: 16px; }
.main-nav ul li a:hover, .main-nav ul li.current-menu-item a { background: #b71c1c; }
.main-nav ul li ul.sub-menu { display: none; position: absolute; top: 100%; left: 0; background: #b71c1c; min-width: 180px; z-index: 1000; flex-direction: column; }
.main-nav ul li:hover > ul.sub-menu { display: flex; }
.main-nav ul li ul.sub-menu li a { padding: 10px 15px; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); }

/* Ad Placeholder */
.ad-box { text-align: center; margin: 15px 0; }
.ad-placeholder { background: #eaeaea; border: 1px dashed #bbb; padding: 15px; color: #666; font-size: 14px; }

/* Lead Section */
.lead-section { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-top: 20px; }
.lead-main { background: #fff; padding: 15px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.lead-main img { width: 100%; max-height: 420px; object-fit: cover; border-radius: 4px; }
.lead-main h2 { font-size: 26px; margin: 12px 0 8px; line-height: 1.35; }
.lead-sub-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; }
.lead-sub-item { display: flex; gap: 10px; align-items: flex-start; }
.lead-sub-item img { width: 100px; height: 70px; object-fit: cover; border-radius: 3px; flex-shrink: 0; }
.lead-sub-item h4 { font-size: 15px; line-height: 1.4; }

/* Tabs Sidebar */
.sidebar-box { background: #fff; padding: 15px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); margin-bottom: 20px; }
.tab-buttons { display: flex; border-bottom: 2px solid #d32f2f; margin-bottom: 10px; }
.tab-btn { flex: 1; padding: 8px; background: #eee; border: none; font-size: 16px; font-weight: bold; cursor: pointer; font-family: inherit; }
.tab-btn.active { background: #d32f2f; color: #fff; }
.tab-content { display: none; max-height: 450px; overflow-y: auto; }
.tab-content.active { display: block; }
.news-list-item { border-bottom: 1px solid #eee; padding: 8px 0; font-size: 15px; }
.news-list-item:last-child { border-bottom: none; }

/* Category Sections */
.cat-section { background: #fff; padding: 15px; margin-top: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.cat-header { border-bottom: 2px solid #d32f2f; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }
.cat-header h3 { background: #d32f2f; color: #fff; padding: 5px 15px; font-size: 18px; }
.cat-header a { font-size: 14px; font-weight: bold; color: #d32f2f; }
.news-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.news-card img { width: 100%; height: 150px; object-fit: cover; border-radius: 4px; }
.news-card h4 { font-size: 16px; margin-top: 8px; line-height: 1.4; }

/* Single & Archive */
.content-wrapper { display: grid; grid-template-columns: 2.2fr 1fr; gap: 20px; margin-top: 20px; }
.article-box { background: #fff; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.article-box h1 { font-size: 28px; line-height: 1.35; margin-bottom: 10px; }
.article-meta { color: #666; font-size: 14px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.article-content { font-size: 18px; line-height: 1.8; margin-top: 15px; }
.article-content p { margin-bottom: 15px; }

/* Footer */
.site-footer { background: #1a1a1a; color: #ccc; padding: 30px 0; margin-top: 30px; text-align: center; }
.footer-menu ul { list-style: none; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 15px; }
.footer-menu ul li a { color: #fff; font-size: 15px; }
.footer-info p { font-size: 14px; margin: 5px 0; }

@media (max-width: 900px) {
    .lead-section, .content-wrapper { grid-template-columns: 1fr; }
    .news-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 550px) {
    .news-grid, .lead-sub-grid { grid-template-columns: 1fr; }
}