/*
Theme Name: Mumbai Twelve Custom Theme
Author: Your Name
Description: A custom news portal theme with Marathi typography.
Version: 1.0
*/

:root { --primary-blue: #0D51B1; --accent-orange: #FA8D17; }
        body { 
            font-family: 'Anek Devanagari', sans-serif; 
            font-feature-settings: "locl" 1, "ss01" 1 !important;
            -webkit-font-feature-settings: "locl" 1, "ss01" 1 !important;
            -moz-font-feature-settings: "locl" 1, "ss01" 1 !important;
            font-variant-ligatures: common-ligatures;
            scroll-behavior: smooth;
        }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        /* वर्डप्रेस मेनूला HTML सारखे बनवण्यासाठी */
        .main-navigation ul { 
            display: flex; 
            gap: 2rem; 
            align-items: center;
            list-style: none;
            padding: 0;
        }
        .main-navigation li a {
            display: block;
            padding: 1rem 0; /* py-4 equivalent */
            font-weight: 700;
            color: #374151;
            transition: color 0.3s;
            white-space: nowrap;
        }
        .main-navigation li a:hover { color: var(--primary-blue); }

        /* Animation Logic Fix */
    .slider-item { 
        position: absolute; 
        inset: 0; 
        opacity: 0; 
        z-index: 0;
        transition: opacity 1s ease-in-out, transform 1.5s ease-in-out;
        transform: scale(1.1); /* सुरुवातीला थोडा मोठा असेल */
    }
    .slider-item.active { 
        opacity: 1; 
        z-index: 10;
        transform: scale(1); /* ॲक्टिव्ह झाल्यावर मूळ आकारात येईल (Smooth Zoom-in) */
    }

    .bg-primary-blue { background-color: var(--primary-blue); }
        .text-primary-blue { color: var(--primary-blue); }
        .bg-secondary-blue { background-color: var(--secondary-blue); }
        .text-secondary-blue { color: var(--secondary-blue); }
        .bg-accent-orange { background-color: var(--accent-orange); }
        .text-accent-orange { color: var(--accent-orange); }
        .border-accent-orange { border-color: var(--accent-orange); }

    .breaking-news-gradient {
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0) 100%);
        }