/* SchoolRadar – Premium Site Styles */

/* ── BASE ── */
html { scroll-behavior: smooth; }

/* ── FLOATING NAVBAR: mobile collapse fix ── */
@media (max-width: 991.98px) {
    .navbar {
        border-radius: 20px !important;
        width: 96% !important;
        top: 8px !important;
    }

    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        border-radius: 0 0 16px 16px;
        background: rgba(15,32,68,0.98);
        margin: 0 -24px -8px;
        padding: 12px 20px 16px;
    }
}

/* ── PRINT ── */
@media print {
    .navbar, footer, .btn, .wizard-progress { display: none !important; }
    body { padding-top: 0 !important; }
    .school-card { box-shadow: none !important; border: 1px solid #ccc; page-break-inside: avoid; }
}

/* ── LOADING SPINNER ── */
.spinner-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.75);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.spinner-overlay.active { display: flex; }

/* ── TOAST ── */
.toast-container { position: fixed; top: 90px; z-index: 1050; }
[dir="ltr"] .toast-container { right: 20px; }
[dir="rtl"] .toast-container { right: 20px; }

/* ── SECTION PILL BADGE ── */
.section-eyebrow {
    display: inline-block;
    border-radius: 50px;
    padding: 4px 16px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* ── BIG NUMBER COUNTER ANIMATION ── */
@keyframes countUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
.big-stat-number { animation: countUp 0.6s ease both; }

/* ── CARD HOVER LIFT (global) ── */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -8px rgba(0,0,0,0.12), 0 8px 16px -4px rgba(0,0,0,0.06) !important;
}

/* ── DROPDOWN MENU PREMIUM ── */
.dropdown-menu {
    border: none;
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
    padding: 8px;
}

.dropdown-item {
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 0.88rem;
    font-weight: 500;
    transition: background 0.2s;
}

.dropdown-item:hover { background: #eff6ff; color: #1a3a6b; }

/* ── FORM CONTROLS PREMIUM ── */
.form-control:focus, .form-select:focus {
    border-color: #1a3a6b;
    box-shadow: 0 0 0 3px rgba(26,58,107,0.12);
}

/* ── BUTTONS ── */
.btn-success { background: #059669; border-color: #059669; font-weight: 600; border-radius: 10px; }
.btn-success:hover { background: #047857; border-color: #047857; }

/* ── RTL OVERRIDES for cards ── */
[dir="rtl"] .school-card .quick-view-btn { left: auto; right: 50%; transform: translateX(50%); }
[dir="rtl"] .school-card:hover .quick-view-btn { bottom: 16px; opacity: 1; }