/*
Theme Name: Babajobs Pro
Theme URI: https://babajobs.online
Author: Babajobs Team
Description: Premium magazine style theme for Sarkari Jobs and Yojana.
Version: 2.0
*/

/* Basic Reset & Variables */
:root {
    --primary: #0a192f;
    --accent: #ff6b00;
    --bg-light: #f4f7fa;
    --text: #333;
}
body { margin: 0; font-family: 'Arial', sans-serif; background: var(--bg-light); color: var(--text); line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
a { text-decoration: none; color: var(--primary); }

/* Top Bar */
.top-bar { background: #222; color: #fff; padding: 5px 0; font-size: 13px; }
.top-bar .container { display: flex; justify-content: flex-end; gap: 15px; align-items: center; }
.btn-telegram, .btn-whatsapp { color: #fff; padding: 2px 8px; border-radius: 3px; font-weight: bold; }
.btn-telegram { background: #0088cc; }
.btn-whatsapp { background: #25D366; }

/* Header */
.main-header { background: #fff; padding: 20px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.logo a { font-size: 32px; font-weight: 900; color: var(--primary); text-transform: uppercase; }
.logo span { color: var(--accent); }
.main-nav ul { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
.main-nav a { font-weight: bold; font-size: 16px; }
.main-nav a:hover { color: var(--accent); }

/* News Ticker */
.news-ticker-wrap { background: #fff; border-bottom: 2px solid var(--accent); border-top: 1px solid #eee; }
.flex-ticker { display: flex; align-items: center; }
.ticker-label { background: var(--accent); color: #fff; padding: 8px 15px; font-weight: bold; white-space: nowrap; }
marquee { padding: 8px 0; color: #d00; font-weight: 600; }
marquee a { color: #0056b3; }

/* Content Layout (Left + Sidebar) */
.main-content-area { padding: 40px 15px; }
.content-wrapper { display: flex; gap: 30px; }
.post-content { flex: 7; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 15px rgba(0,0,0,0.03); }
.main-sidebar { flex: 3; }

/* Single Post */
.post-title { font-size: 30px; color: var(--primary); margin-top: 0; }
.post-meta { font-size: 14px; color: #777; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.featured-image img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px; }
.entry-content h2, .entry-content h3 { color: var(--primary); margin-top: 25px; }

/* Sidebar Widget */
.sidebar-widget { background: #fff; padding: 20px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 2px 15px rgba(0,0,0,0.03); border-top: 4px solid var(--accent); }
.widget-title { margin-top: 0; font-size: 18px; border-bottom: 2px solid #eee; padding-bottom: 10px; }
.recommended-posts { list-style: none; padding: 0; margin: 0; }
.recommended-posts li { display: flex; gap: 15px; margin-bottom: 15px; border-bottom: 1px dashed #eee; padding-bottom: 15px; }
.recommended-posts .thumb img { width: 70px; height: 70px; object-fit: cover; border-radius: 4px; }
.recommended-posts .post-info a { font-weight: bold; font-size: 14px; line-height: 1.3; display: block; }
.recommended-posts .post-info .date { font-size: 12px; color: #888; }

/* Utility Tools Links */
.tool-links { list-style: none; padding: 0; }
.tool-links li { margin-bottom: 10px; }
.tool-links a { display: block; background: #f8f9fa; padding: 10px; border-radius: 4px; border: 1px solid #eee; font-weight: bold; color: var(--primary); }
.tool-links a:hover { background: var(--accent); color: #fff; border-color: var(--accent); }

/* Mega Footer */
.mega-footer { background: var(--primary); color: #fff; padding-top: 50px; margin-top: 40px; }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-bottom: 40px; }
.footer-widget h3 { color: var(--accent); font-size: 18px; margin-bottom: 20px; }
.footer-widget ul { list-style: none; padding: 0; }
.footer-widget ul li { margin-bottom: 10px; }
.footer-widget ul a { color: #ccc; transition: 0.3s; }
.footer-widget ul a:hover { color: #fff; padding-left: 5px; }
.footer-bottom { background: #050d1a; text-align: center; padding: 15px; font-size: 14px; color: #888; }

/* Responsive Media Queries */
@media (max-width: 768px) {
    .content-wrapper { flex-direction: column; }
    .footer-grid { grid-template-columns: repeat(1, 1fr); }
    .header-flex { flex-direction: column; gap: 15px; }
}