/* =============================
   SaglikSoft — Global Styles
   Framework: Bootstrap 5.3 (Vanilla)
   ============================= */

/* Brand tokens */
:root {
    --brand: #06b6d4; /* Turkuaz */
    --brand-600: #0891b2;
    --ink: #0f172a; /* Slate-900 */
    --muted: #64748b; /* Slate-500 */
    --surface: #ffffff;
}

/* Base */
html, body {
    background: var(--surface);
    color: var(--ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Page wrapper spacing (navbar + topbar ile uyumlu) */
.page-content-wrapper {
    padding-top: 24px;
    padding-bottom: 40px;
}

@media (max-width: 991.98px) {
    .page-content-wrapper {
        padding-top: 28px;
    }
}

/* Buttons */
.btn-brand {
    background-color: var(--brand);
    color: #fff !important;
    border: 0;
    border-radius: 10px;
    transition: transform .15s ease, filter .15s ease;
}

    .btn-brand:hover {
        filter: brightness(1.05);
        transform: translateY(-1px);
    }

    .btn-brand:active {
        transform: translateY(0);
    }

/* Links */
a {
    color: var(--brand-600);
}

    a:hover {
        color: var(--brand);
    }

/* Top header (info bar) polish */
header.bg-light {
    backdrop-filter: saturate(1.1);
}

    header.bg-light .bx {
        vertical-align: -2px;
    }

/* Navbar polish (menu cshtml ile uyumlu) */
.main-navbar {
    backdrop-filter: saturate(1.1) blur(0px);
}

    .main-navbar .nav-link {
        color: #111827; /* neutral dark */
        transition: color .15s ease, opacity .15s ease;
    }

        .main-navbar .nav-link:hover {
            color: var(--brand);
        }

    .main-navbar .navbar-brand img {
        display: block;
    }

/* Cards (doktor kartları vs.) */
.card-soft, .doctor-card {
    background: #fff;
    border: 1px solid rgba(2,6,23,.08);
    box-shadow: 0 12px 30px rgba(2,6,23,.06);
    border-radius: 16px;
}

/* Badges (soft) */
.badge-soft {
    background: #e8faff;
    color: #0e7490;
    border-radius: 999px;
    padding: .25rem .6rem;
    font-weight: 600;
}

/* WhatsApp button */
.btn-wa {
    background: #25D366;
    color: #fff !important;
    border: none;
}

    .btn-wa:hover {
        filter: brightness(1.05);
    }

/* Footer */
footer a {
    color: #475569;
}

    footer a:hover {
        color: var(--brand);
    }

/* =============================
   Subtle Reveal Animations
   ============================= */
/* Başlangıç: görünmez & hafif aşağıda */
.reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
}

    /* Görünür olduğunda */
    .reveal.show {
        opacity: 1;
        transform: none;
    }

    /* gecikme yardımcı sınıfları */
    .reveal.delay-1 {
        transition-delay: .08s;
    }

    .reveal.delay-2 {
        transition-delay: .16s;
    }

    .reveal.delay-3 {
        transition-delay: .24s;
    }

    .reveal.delay-4 {
        transition-delay: .32s;
    }

/* =============================
   Utilities
   ============================= */
.shadow-soft {
    box-shadow: 0 18px 45px rgba(2,6,23,.08) !important;
}

.round-16 {
    border-radius: 16px !important;
}

.round-20 {
    border-radius: 20px !important;
}

.text-brand {
    color: var(--brand) !important;
}

.border-soft {
    border: 1px solid rgba(2,6,23,.08) !important;
}