:root {
    --brand-primary: #2e7d32;
    --brand-dark: #0a2540;
    --brand-accent: #17a2b8;
}

body {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #f7f9fc;
}

.medibook-navbar {
    background: linear-gradient(135deg, #1B5E20 0%, #2E7D32 40%, #388E3C 70%, #4CAF50 100%);
    box-shadow: 0 4px 18px rgba(0,0,0,.15);
}
/*.medibook-navbar {
    background: linear-gradient(90deg, var(--brand-dark), var(--brand-primary));
}*/

.hero-search {
    background: linear-gradient(135deg, var(--brand-dark), var(--brand-primary));
}

#suggestBox {
    max-height: 320px;
    overflow-y: auto;
    border-radius: 0 0 .5rem .5rem;
    background: #fff;
}

.doctor-card {
    border: none;
    border-radius: .75rem;
    transition: transform .15s ease, box-shadow .15s ease;
}

.doctor-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.1) !important;
}

.doctor-avatar {
    width: 64px;
    height: 64px;
    object-fit: cover;
}

.stat-card {
    border: none;
    border-radius: .75rem;
}

.stat-card h6 {
    opacity: .85;
    font-size: .8rem;
    text-transform: uppercase;
}
.speciality-card.active {
    background: #2e7d32;
    color: white;
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(13,110,253,.25);
}

    .speciality-card.active i,
    .speciality-card.active h6 {
        color: white;
    }