/**
 * css/index.css
 * 🧬 Sarkari Fayde: 1:1 MASTER CSS RESTORATION
 * 🎨 Classic Box UI + Neo Style Sync
 */

:root {
    --sn-blue: #0066CC;
    --sn-maroon: #800000;
    --sn-black: #000000;
}

body {
    margin: 0; padding: 0;
    background-color: #f8f9fa;
    font-family: 'Lexend Deca', sans-serif;
}

/* 🧱 CLASSIC BOX SYSTEM */
.sn-grid-box {
    margin-bottom: 24px;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.sn-grid-box:hover {
    transform: translate(-4px, -4px);
    box-shadow: 8px 8px 0px #000 !important;
}

/* 🔗 OFFICIAL LISTS & LINKS */
.sn-official-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.sn-official-list li {
    padding: 8px 12px;
    border-bottom: 1px dotted #ccc;
}

.sn-official-list li:last-child {
    border-bottom: none;
}

.sn-official-list a {
    color: #0019FC !important;
    text-decoration: underline !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    transition: color 0.2s;
}

.sn-official-list a:hover {
    color: #AD2525 !important;
}

.sn-date-tag {
    display: block;
    font-size: 10px;
    color: #666;
    font-weight: bold;
    margin-top: 2px;
}

/* 🌐 MAP & TOOLS */
.map-state {
    transition: fill 0.2s, filter 0.2s;
    filter: drop-shadow(2px 2px 0px rgba(0,0,0,0.1));
}

#map-tooltip {
    box-shadow: 4px 4px 0px #000;
    border: 2px solid #fff;
    z-index: 9999;
}

/* 📱 TABLE RESPONSIVENESS (NO SLIDER) */
table {
    width: 100% !important;
    table-layout: auto;
}

.overflow-x-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Custom Scrollbar for better aesthetics */
.overflow-x-auto::-webkit-scrollbar {
    height: 4px;
}
.overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #0066CC;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .px-6 { padding-left: 1rem !important; padding-right: 1rem !important; }
    .md\:px-10 { padding-left: 1rem !important; padding-right: 1rem !important; }
    
    table td, table th {
        padding: 8px 4px !important;
        font-size: 11px !important;
    }
    
    /* Ensure title lines wrap instead of pushing width */
    .table-cell-wrap {
        white-space: normal !important;
        word-wrap: break-word;
        max-width: 150px;
    }
}

/* 🧱 GLOBAL FIT FIXES */
.sn-container {
    max-width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

/* ⚡ FLASHING ANIMATION FOR NEW BADGE (SOLID RED) */
@keyframes sn-flash {
    0% { background-color: #ff0000; opacity: 1; }
    50% { background-color: #900000; opacity: 0.8; }
    100% { background-color: #ff0000; opacity: 1; }
}

.sn-new-badge {
    animation: sn-flash 0.6s infinite;
    color: white !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* 🎨 PREMIUM COLOR GRADIENTS FOR 8-BOX SECTION */
.box-bg-1 { background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%); border-color: #1e40af !important; } /* Blue */
.box-bg-2 { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); border-color: #991b1b !important; } /* Red */
.box-bg-3 { background: linear-gradient(135deg, #059669 0%, #047857 100%); border-color: #065f46 !important; } /* Emerald */
.box-bg-4 { background: linear-gradient(135deg, #d97706 0%, #b45309 100%); border-color: #92400e !important; } /* Amber */
.box-bg-5 { background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%); border-color: #5b21b6 !important; } /* Violet */
.box-bg-6 { background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%); border-color: #155e75 !important; } /* Cyan */
.box-bg-7 { background: linear-gradient(135deg, #db2777 0%, #be185d 100%); border-color: #9d174d !important; } /* Pink */
.box-bg-8 { background: linear-gradient(135deg, #4b5563 0%, #374151 100%); border-color: #1f2937 !important; } /* Gray */

.box-bg-1 a, .box-bg-2 a, .box-bg-3 a, .box-bg-4 a, .box-bg-5 a, .box-bg-6 a, .box-bg-7 a, .box-bg-8 a {
    color: white !important;
}