/* assets/css/style.css */
/* Custom CSS extensions for Sarkari Result Hindi CMS */

body {
    font-family: 'Outfit', sans-serif;
}

/* Custom Scrollbar for sleek dark mode aesthetics */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0f172a; /* Slate 900 */
}
::-webkit-scrollbar-thumb {
    background: #334155; /* Slate 700 */
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4f46e5; /* Indigo 600 */
}

/* Smooth continuous horizontal marquee scrolling */
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.marquee-content {
    display: inline-block;
    animation: marquee-scroll 25s linear infinite;
    padding-left: 50%;
}

.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

@keyframes marquee-scroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/* Beautiful custom style defaults for Sarkari tables (AI & Editor Output) */
.sarkari-post-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.95rem;
    border: 1px solid #1e293b; /* Slate 800 */
}

.sarkari-post-content th {
    background-color: #312e81; /* Indigo 900 */
    color: #e0e7ff; /* Indigo 100 */
    font-weight: 700;
    padding: 0.75rem 1rem;
    border: 1px solid #4338ca; /* Indigo 700 */
    text-align: center;
}

.sarkari-post-content td {
    padding: 0.75rem 1rem;
    border: 1px solid #1e293b; /* Slate 800 */
    color: #cbd5e1; /* Slate 300 */
    background-color: #0f172a; /* Slate 900 */
}

.sarkari-post-content tr:nth-child(even) td {
    background-color: #0b0f19; /* Slate 950 alternate */
}

.sarkari-post-content tr:hover td {
    background-color: #1e1b4b; /* Indigo 950 hover highlight */
    color: #ffffff;
}

/* Make tables scrollable on mobile */
.sarkari-post-content {
    overflow-x: auto;
}