:root {
    --brand-navy: #0a1f44;      /* logo koyu lacivert (DD) */
    --brand-blue: #1d4ed8;      /* logo mavi (SGD) */
    --brand-blue-2: #2f6fd0;
    --brand-blue-light: #eaf1fb;
    --sd-bg: #ffffff;
    --sd-bg-alt: #f5f8fc;
    --sd-panel: #ffffff;
    --sd-border: #e2e8f2;
    --sd-text: #1a2233;
    --sd-muted: #5b6b82;
}

body {
    background-color: var(--sd-bg-alt);
    color: var(--sd-text);
    font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.sd-main { flex: 1 0 auto; }

a { color: var(--brand-blue); text-decoration: none; }
a:hover { color: var(--brand-navy); }

/* ---- Navbar (açık) ---- */
.sd-navbar {
    background: #ffffff !important;
    border-bottom: 1px solid var(--sd-border);
    box-shadow: 0 2px 12px rgba(10, 31, 68, 0.06);
}
.sd-navbar .navbar-brand img { height: 50px; width: auto; display: block; }
.sd-navbar .brand-text { line-height: 1.15; }
.sd-navbar .brand-text .bl1 { color: var(--brand-navy); font-weight: 800; font-size: 1rem; letter-spacing: .2px; }
.sd-navbar .brand-text .bl2 { color: var(--brand-blue); font-weight: 700; font-size: .82rem; letter-spacing: .2px; }

/* ---- Üst menü aksiyon butonları (tutarlı boyut/renk) ---- */
.sd-navbar .sd-navactions .btn {
    border-radius: 8px;
    font-weight: 600;
    font-size: .82rem;
    padding: .34rem .72rem;
    line-height: 1.25;
    white-space: nowrap;
}
.sd-navbar .sd-navactions .btn i { font-size: .95em; }
.sd-navbar .sd-navbtn {
    border: 1.5px solid var(--brand-blue);
    color: var(--brand-navy);
    background: #fff;
}
.sd-navbar .sd-navbtn:hover,
.sd-navbar .sd-navbtn:focus { background: var(--brand-blue); color: #fff; border-color: var(--brand-blue); }
/* Giriş: tek dolu vurgu buton, aynı boyut */
.sd-navbar .sd-navbtn-primary { border: 1.5px solid transparent; box-shadow: none; }
.sd-navbar .sd-navbtn-primary:hover { transform: none; box-shadow: none; }
.sd-navbar .nav-link { color: var(--brand-navy) !important; font-weight: 500; }
.sd-navbar .nav-link:hover { color: var(--brand-blue) !important; }
.dropdown-menu { border: 1px solid var(--sd-border); box-shadow: 0 8px 24px rgba(10,31,68,.1); }
.dropdown-item:hover, .dropdown-item.active { background-color: var(--brand-blue-light); color: var(--brand-blue); }

.btn-brand {
    background: linear-gradient(135deg, var(--brand-blue) 0%, #3b82f6 100%);
    border: none; color: #fff; font-weight: 600;
    box-shadow: 0 6px 18px rgba(29,78,216,0.35);
    transition: transform .15s ease, box-shadow .15s ease;
}
.btn-brand:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(29,78,216,0.45); color: #fff; }
.btn-outline-brand { border: 2px solid var(--brand-blue); color: var(--brand-blue); font-weight: 600; }
.btn-outline-brand:hover { background-color: var(--brand-blue); color: #fff; }

/* ---- Hero (dramatik koyu) ---- */
.sd-hero {
    position: relative;
    overflow: hidden;
    color: #eaf2ff;
    padding: 5rem 0 4.5rem;
    background:
        radial-gradient(700px 340px at 15% 0%, rgba(59,130,246,0.28), transparent),
        radial-gradient(700px 340px at 85% 110%, rgba(37,99,235,0.30), transparent),
        linear-gradient(135deg, #061029 0%, #0a1f44 55%, #10306e 100%);
}
/* devre / ızgara deseni */
.sd-hero::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(120,170,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120,170,255,0.06) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: radial-gradient(circle at 50% 40%, #000 60%, transparent 100%);
    pointer-events: none;
}
.sd-hero > .container { position: relative; z-index: 1; }
.sd-hero h1 { font-weight: 800; letter-spacing: -0.5px; color: #ffffff; }
.sd-hero .lead, .sd-hero .text-secondary { color: #b7c8e6 !important; }
.sd-hero .hero-logo {
    max-height: 150px; width: auto; margin-bottom: 1.5rem;
    background: #fff; padding: 18px 24px; border-radius: 20px;
    box-shadow: 0 18px 50px rgba(0,0,0,0.45);
}
.sd-hero .btn-outline-brand { border-color: #7fb0ff; color: #dbe8ff; }
.sd-hero .btn-outline-brand:hover { background: #fff; color: var(--brand-navy); border-color:#fff; }

/* ---- Özellik / istatistik bandı ---- */
.sd-feature-band { margin-top: -2.5rem; position: relative; z-index: 2; }
.sd-feature {
    background: #fff; border: 1px solid var(--sd-border); border-radius: 16px;
    padding: 1.4rem 1rem; text-align: center; height: 100%;
    box-shadow: 0 8px 24px rgba(10,31,68,0.08);
    transition: transform .15s ease, box-shadow .15s ease;
}
.sd-feature:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(10,31,68,0.14); }
.sd-feature .icon {
    width: 56px; height: 56px; margin: 0 auto .7rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 14px; font-size: 1.6rem; color: #fff;
    background: linear-gradient(135deg, var(--brand-blue), #3b82f6);
}
.sd-feature h6 { color: var(--brand-navy); font-weight: 700; margin-bottom: .25rem; }
.sd-feature p { color: var(--sd-muted); font-size: .85rem; margin: 0; }

/* ---- Kartlar ---- */
.card.sd-card {
    background-color: var(--sd-panel);
    border: 1px solid var(--sd-border);
    color: var(--sd-text);
    box-shadow: 0 2px 10px rgba(10,31,68,0.05);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    height: 100%;
}
.card.sd-card:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(10,31,68,0.12); border-color: var(--brand-blue-2); }

.card.sd-card { border-top: 3px solid transparent; }
.card.sd-card:hover { border-top-color: var(--brand-blue); }

.section-title {
    font-weight: 800; color: var(--brand-navy);
    position: relative; display: inline-block; padding-bottom: .5rem; margin-bottom: .3rem;
}
.section-title::after {
    content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 56px;
    border-radius: 3px; background: linear-gradient(90deg, var(--brand-blue), #3b82f6);
}

/* Alt CTA bandı */
.sd-cta-band {
    background:
        radial-gradient(600px 300px at 90% -30%, rgba(59,130,246,0.35), transparent),
        linear-gradient(135deg, #0a1f44, #10306e);
    color: #fff; border-radius: 20px; padding: 2.5rem 1.5rem;
    box-shadow: 0 16px 40px rgba(10,31,68,0.25);
}
.sd-cta-band .btn-brand { background: #fff; color: var(--brand-navy); box-shadow: none; }
.sd-cta-band .btn-brand:hover { background: #eaf2ff; }

.sd-person-card { text-align: center; }
.sd-person-card img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; border: 3px solid var(--brand-blue); }
.sd-person-card .role { color: var(--brand-blue); font-size: .85rem; font-weight: 600; }

/* ---- Footer (koyu lacivert) ---- */
.sd-footer { background-color: var(--brand-navy); color: #cdd7e6; border-top: 4px solid var(--brand-blue); }
.sd-footer h5, .sd-footer h6 { color: #ffffff; }
.sd-footer a { color: #aebfd6; }
.sd-footer a:hover { color: #ffffff; }
.sd-footer .footer-logo { height: 60px; background:#fff; padding:6px 10px; border-radius:10px; }
.sd-footer .text-secondary { color: #aebfd6 !important; }
.sd-footer hr { border-color: rgba(255,255,255,0.15) !important; }

/* ---- Formlar (açık) ---- */
.form-control, .form-select {
    background-color: #ffffff;
    border: 1px solid var(--sd-border);
    color: var(--sd-text);
}
.form-control:focus, .form-select:focus {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 .2rem rgba(29,78,216,0.15);
}

.content-html img { max-width: 100%; height: auto; }
.content-html { line-height: 1.7; }

.sd-cookie-banner {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 1050;
    background-color: var(--brand-navy);
    color: #e6edf6;
    border-top: 3px solid var(--brand-blue);
}
.sd-cookie-banner a { color: #9dc0ff; }

.badge-organ { background-color: var(--brand-blue-light); color: var(--brand-blue); }

/* Bootstrap yardımcı renk override'ları (koyu temadan kalan text-info/secondary kullanımları) */
.text-info { color: var(--brand-blue) !important; }
.text-secondary { color: var(--sd-muted) !important; }
.btn-info { background-color: var(--brand-blue); border-color: var(--brand-blue); color:#fff; }
.btn-info:hover { background-color: var(--brand-navy); border-color: var(--brand-navy); color:#fff; }
.btn-outline-info { border-color: var(--brand-blue); color: var(--brand-blue); }
.btn-outline-info:hover { background-color: var(--brand-blue); color:#fff; }