/*
Theme Name: Adrishya Shakti News - Premium Refined
Version: 10.0 (Premium Look)
*/

/* --- IMPROVED DESIGN SYSTEM --- */
:root {
    --primary: #d30000;
    --primary-dark: #a30000;
    --primary-gradient: linear-gradient(135deg, #e60000 0%, #a30000 100%);
    --accent: #ffcc00; /* For small highlights */
    --black: #0f172a; /* Deep modern blue-black */
    --white: #ffffff;
    --gray-light: #f8fafc;
    --gray-text: #64748b;
    --border-soft: #e2e8f0;
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 10px 15px -3px rgba(0,0,0,0.1);
    --radius: 12px; /* Smoother corners */
}

/* --- GLOBAL REFINEMENT --- */
body { 
    font-family: 'Inter', 'Roboto', sans-serif; /* Cleaner font */
    background-color: #f1f5f9; 
    color: #1e293b; 
    -webkit-font-smoothing: antialiased;
}

/* Typography Upgrade */
h1, h2, h3, h4 { color: var(--black); font-weight: 800; letter-spacing: -0.02em; }
p { color: #334155; font-size: 1.05rem; }

/* --- PREMIUM HEADER & NAV --- */
.header-main { 
    padding: 15px 0; 
    box-shadow: var(--shadow-sm); 
}

.sticky-nav { 
    background: var(--primary-gradient); 
    border-bottom: 3px solid var(--accent);
}

.nav-list li a { 
    font-size: 13px; 
    letter-spacing: 0.5px; 
    transition: all 0.3s ease;
}

.nav-list li a:hover { 
    background: rgba(255,255,255,0.15); 
    transform: translateY(-1px);
}

/* --- SECTION HEADERS (Modern Border Look) --- */
.section-title { 
    font-size: 24px; 
    border-left: 5px solid var(--primary); 
    padding-left: 15px; 
}
.section-title::after { display: none; } /* Remove old style */

.view-all { 
    border: 1px solid var(--primary);
    background: transparent;
    transition: 0.4s;
}

/* --- CARD REFINEMENTS (The "Premium" Feel) --- */
.s1-col, .s2-col, .sports-new-left, .sports-new-right, .s5-content-left, .job-main-box, .single-article, .sidebar-widget {
    background: var(--white);
    border-radius: var(--radius);
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.s1-col:hover, .state-card-item:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

/* Images */
img { border-radius: 8px; transition: 0.5s ease; }
.s1-img-box:hover img, .state-card-thumb:hover img { transform: scale(1.05); }

/* --- BUTTONS & TABS --- */
.tab-new-btn, .state-tab {
    border-radius: 30px;
    border: 1px solid var(--border-soft);
    background: var(--white);
    font-size: 12px;
    padding: 8px 18px;
    box-shadow: var(--shadow-sm);
}

.tab-new-btn.active, .state-tab.active {
    background: var(--primary-gradient);
    border-color: transparent;
    color: #fff;
}

.apply-btn {
    background: #059669; /* Richer Green */
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px;
}

/* --- MOBILE OPTIMIZATION (High End) --- */
@media (max-width: 768px) {
    .container { padding: 0 20px; }
    
    /* Bigger tap targets for mobile */
    .nav-list li a { 
        padding: 15px 20px; 
        font-size: 16px; 
        font-weight: 700;
    }

    .section-title { font-size: 20px; }

    /* Card adjustments for thumb-scrolling */
    .s1-main-grid, .s2-wrapper { gap: 20px; }
    
    .job-card {
        flex: 0 0 88%;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }
    
    /* Better spacing for single post on mobile */
    .single-article { padding: 15px; border-radius: 0; margin-left: -20px; margin-right: -20px; }
    .single-article h1 { font-size: 22px; }
}

/* --- FOOTER UPGRADE --- */
.main-footer {
    background: #020617; /* Slate 950 */
}

.footer-title::after {
    background: var(--accent); /* Yellow accent for premium feel */
}

.newsletter-form {
    border-radius: 50px;
    padding: 5px;
    background: #1e293b;
}

.newsletter-form button {
    border-radius: 50px;
    padding: 10px 25px;
}

/* --- MISC --- */
.visual-stories-wrapper::-webkit-scrollbar { height: 4px; }
.visual-stories-wrapper::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }