/* Custom Styles for Quiz Application */

/* General */
body {
    background: #f7faff;
}
.navbar-brand {
    font-weight: bold;
    letter-spacing: 1px;
}
.table thead th {
    vertical-align: middle;
}
.card {
    border-radius: 15px;
}
.card-title {
    font-weight: 600;
}
.btn-lg, .btn {
    border-radius: 10px;
}

/* Leaderboard Top-3 Color Glow Effects */
.table-gold {
    background: #fffbe6 !important;
}
.table-silver {
    background: #f8fafd !important;
}
.table-bronze {
    background: #fff5e6 !important;
}

/* Loading Spinner */
.loading-spinner {
    position: absolute;
    left: 50%; top: 50%;
    width: 3rem; height: 3rem;
    margin-left: -1.5rem; margin-top: -1.5rem;
    border: 0.5rem solid #eee;
    border-top: 0.5rem solid #0d6efd;
    border-radius: 50%;
    animation: spinner 1.2s linear infinite;
    z-index: 1051;
}
@keyframes spinner {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

/* Fade-in for tables/rows */
.animate-row {
    animation: fadeInRow 0.75s;
}
@keyframes fadeInRow {
    0% { opacity: 0; transform: translateY(12px);}
    100% { opacity: 1; transform: translateY(0);}
}

/* Quiz progress bar large text */
#timerBar {
    font-size: 1.2em;
    transition: width 0.6s cubic-bezier(.4,2,.2,1);
}

/* Quiz question card animation */
#questionContainer .card {
    border-left: 4px solid #0d6efd;
    background: #f9fcff;
}

/* Sweetalert custom z-index (with modals) */
.swal2-container {
    z-index: 2000 !important;
}

.nav-item a{
  color:white;
}

/* Responsive tweaks */
@media (max-width: 768px) {
    .navbar-brand { font-size: 1.2rem; }
    h1, h2, h3 { font-size: 1.3em; }
}


/* Suggested by deepseek */