/*
Theme Name: NewzQuest News Pro
Description: Delhi NCR Bilingual News Portal
Template: astra
Version: 1.0
Author: DelhiDev
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Roboto', sans-serif; line-height: 1.6; }

/* NEWS TOPBAR - STICKY */
.news-topbar {
    background: linear-gradient(135deg, #dc3545, #ff6b35, #007cba);
    color: white; padding: 12px 20px; position: sticky; top: 0; z-index: 999;
    display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.lang-switcher { display: flex; gap: 10px; }
.lang-btn {
    color: white; padding: 10px 20px; border-radius: 25px; text-decoration: none;
    font-weight: 600; font-size: 15px; transition: all 0.3s; border: 2px solid transparent;
}
.lang-btn:hover, .lang-active { 
    background: rgba(255,255,255,0.2); border-color: rgba(255,255,255,0.3); 
    transform: scale(1.05);
}
.news-ticker { font-weight: 600; font-size: 14px; }
.news-ticker marquee { padding-left: 20px; }

/* NEWS TABS */
.news-tabs { 
    background: linear-gradient(90deg, #f8f9fa, #e9ecef); 
    padding: 25px; text-align: center; margin: 20px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.tab-btn {
    background: linear-gradient(135deg, #dc3545, #ff6b35); color: white; 
    padding: 15px 35px; margin: 0 8px; border: none; border-radius: 30px; 
    font-size: 17px; cursor: pointer; font-weight: 600; transition: all 0.3s;
    box-shadow: 0 4px 15px rgba(220,53,69,0.3);
}
.tab-btn:hover, .tab-btn.active { 
    transform: translateY(-2px); box-shadow: 0 8px 25px rgba(220,53,69,0.4);
}

/* NEWS GRID */
.news-grid { 
    display: grid; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 30px; padding: 30px; max-width: 1400px; margin: 0 auto;
}
.news-card {
    background: white; border-radius: 20px; overflow: hidden; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.1); transition: all 0.4s;
}
.news-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(0,0,0,0.15); }
.news-card img { 
    width: 100%; height: 220px; object-fit: cover; transition: transform 0.4s;
}
.news-card:hover img { transform: scale(1.05); }
.news-meta { padding: 25px; }
.news-title { 
    font-size: 24px; font-weight: 700; margin: 0 0 12px; line-height: 1.3;
    color: #2c3e50;
}
.news-title:hover { color: #dc3545; }
.news-excerpt { color: #7f8c8d; font-size: 16px; margin-bottom: 15px; }
.news-date { color: #95a5a6; font-size: 14px; }

/* RESPONSIVE */
@media (max-width: 768px) {
    .news-topbar { flex-direction: column; gap: 10px; text-align: center; }
    .news-grid { grid-template-columns: 1fr; padding: 15px; gap: 20px; }
    .tab-btn { padding: 12px 25px; font-size: 16px; margin: 5px; }
}