/* =============================
   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);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    -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;
    }
}

/* =============================
   Links
   ============================= */
a {
    color: var(--brand-600);
    text-decoration: none;
}

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

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

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

/* =============================
   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);
    }

/* =============================
   Subtle Reveal Animations
   ============================= */
.reveal {
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .6s ease, transform .6s ease;
    will-change: opacity, transform;
}

    .reveal.show {
        opacity: 1;
        transform: none;
    }

    .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;
}

/* =============================
   SağlıkSoft — Premium Button Set (FINAL)
   ============================= */

.btn-brand {
    background-color: var(--brand) !important;
    color: #fff !important;
    border: 0;
    border-radius: 10px;
    padding: 10px 22px;
    font-weight: 600;
    letter-spacing: .1px;
    transition: transform .15s ease, filter .15s ease, box-shadow .25s ease;
}

    /* Hover — Soft Glow + Lift */
    .btn-brand:hover {
        background-color: var(--brand) !important;
        color: #fff !important;
        filter: brightness(1.08);
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(6,182,212,0.28);
    }

    /* Active — Micro Press */
    .btn-brand:active {
        background-color: var(--brand) !important;
        transform: translateY(0);
        box-shadow: 0 4px 12px rgba(6,182,212,0.18);
    }