/* ==========================================================================
   AnketTestOkur teması — mavi + turuncu
   Mavi:    #1e3a8a (koyu) / #2563eb (ana) / #dbeafe (açık)
   Turuncu: #ea580c (koyu) / #f97316 (ana) / #ffedd5 (açık)
   ========================================================================== */

:root {
    --atk-mavi-koyu: #1e3a8a;
    --atk-mavi: #2563eb;
    --atk-mavi-acik: #dbeafe;
    --atk-turuncu-koyu: #ea580c;
    --atk-turuncu: #f97316;
    --atk-turuncu-acik: #ffedd5;
    --atk-zemin: #f4f7fc;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: var(--atk-zemin);
}

/* ---- Renk yardımcıları -------------------------------------------------- */

.text-mavi { color: var(--atk-mavi-koyu) !important; }
.text-turuncu { color: var(--atk-turuncu) !important; }

.bg-mavi { background-color: var(--atk-mavi) !important; color: #fff; }
.bg-turuncu { background-color: var(--atk-turuncu) !important; color: #fff; }
.bg-mavi-acik { background-color: var(--atk-mavi-acik) !important; }
.bg-turuncu-acik { background-color: var(--atk-turuncu-acik) !important; }

/* ---- Butonlar ------------------------------------------------------------ */

.btn-mavi {
    --bs-btn-bg: var(--atk-mavi);
    --bs-btn-border-color: var(--atk-mavi);
    --bs-btn-hover-bg: var(--atk-mavi-koyu);
    --bs-btn-hover-border-color: var(--atk-mavi-koyu);
    --bs-btn-active-bg: var(--atk-mavi-koyu);
    --bs-btn-active-border-color: var(--atk-mavi-koyu);
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: var(--atk-mavi);
    --bs-btn-disabled-border-color: var(--atk-mavi);
    --bs-btn-disabled-color: #fff;
}

.btn-outline-mavi {
    --bs-btn-color: var(--atk-mavi);
    --bs-btn-border-color: var(--atk-mavi);
    --bs-btn-hover-bg: var(--atk-mavi);
    --bs-btn-hover-border-color: var(--atk-mavi);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--atk-mavi);
    --bs-btn-active-border-color: var(--atk-mavi);
    --bs-btn-active-color: #fff;
}

.btn-turuncu {
    --bs-btn-bg: var(--atk-turuncu);
    --bs-btn-border-color: var(--atk-turuncu);
    --bs-btn-hover-bg: var(--atk-turuncu-koyu);
    --bs-btn-hover-border-color: var(--atk-turuncu-koyu);
    --bs-btn-active-bg: var(--atk-turuncu-koyu);
    --bs-btn-active-border-color: var(--atk-turuncu-koyu);
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: var(--atk-turuncu);
    --bs-btn-disabled-border-color: var(--atk-turuncu);
    --bs-btn-disabled-color: #fff;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus,
.form-control:focus, .form-check-input:focus, .form-select:focus {
    border-color: var(--atk-mavi);
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

/* ---- Navbar / footer ------------------------------------------------------ */

.atk-navbar {
    background: linear-gradient(135deg, var(--atk-mavi-koyu) 0%, var(--atk-mavi) 100%);
    box-shadow: 0 2px 10px rgba(30, 58, 138, 0.35);
}

.atk-navbar .nav-link {
    color: rgba(255, 255, 255, 0.85);
    border-radius: 0.375rem;
}

.atk-navbar .nav-link:hover,
.atk-navbar .nav-link:focus {
    color: #fff;
}

.atk-navbar .atk-nav-yonetim {
    color: #fed7aa;
}

.atk-navbar .atk-nav-yonetim:hover,
.atk-navbar .atk-nav-yonetim:focus {
    color: var(--atk-turuncu);
}

.atk-footer {
    background-color: var(--atk-mavi-koyu);
    color: rgba(255, 255, 255, 0.75);
}

.atk-footer a {
    color: var(--atk-turuncu);
    text-decoration: none;
}

.atk-footer a:hover {
    text-decoration: underline;
}

/* ---- Ana sayfa ------------------------------------------------------------ */

.atk-hero {
    background: linear-gradient(135deg, var(--atk-mavi-koyu) 0%, var(--atk-mavi) 70%, #3b82f6 100%);
    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.3);
}

.atk-hero-simge {
    font-size: 11rem;
    color: rgba(255, 255, 255, 0.2);
}

.atk-uyelik-hatirlatma {
    background-color: var(--atk-turuncu-acik);
    border: 1px solid var(--atk-turuncu);
    color: #7c2d12;
}

.atk-uyelik-hatirlatma a {
    color: var(--atk-turuncu-koyu);
}

.atk-ozellik-kart {
    border: none;
    border-radius: 1rem;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.atk-ozellik-kart:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(30, 58, 138, 0.15);
}

.atk-ozellik-simge {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
}

.atk-adimlar {
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.08);
}

.atk-adim-no {
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--atk-turuncu) 0%, var(--atk-turuncu-koyu) 100%);
}

/* ---- Sayfa başlıkları ve kartlar ------------------------------------------ */

.atk-sayfa-baslik h1 {
    color: var(--atk-mavi-koyu);
    font-weight: 700;
    font-size: 1.75rem;
}

.atk-sayfa-baslik p {
    color: #64748b;
}

.atk-sayfa-baslik {
    border-left: 0.3rem solid var(--atk-turuncu);
    padding-left: 1rem;
}

.atk-kart {
    border: none;
    border-radius: 0.75rem;
    overflow: hidden;
}

.atk-kart-baslik {
    background: linear-gradient(135deg, var(--atk-mavi-koyu) 0%, var(--atk-mavi) 100%);
    color: #fff;
}

.atk-bilgi-kart {
    border: 1px solid var(--atk-mavi-acik);
    border-radius: 0.75rem;
    background-color: #fff;
}

.atk-istatistik-kart {
    border: none;
    border-radius: 0.75rem;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.08);
    border-top: 0.25rem solid var(--atk-turuncu);
}

.atk-alert {
    border-radius: 0.75rem;
}

.atk-kod-rozet {
    background-color: var(--atk-mavi-acik);
    color: var(--atk-mavi-koyu);
    font-family: var(--bs-font-monospace);
    letter-spacing: 0.05em;
}

/* ---- Tablolar -------------------------------------------------------------- */

.atk-tablo thead {
    background-color: var(--atk-mavi-acik);
}

.atk-tablo thead th {
    color: var(--atk-mavi-koyu);
    white-space: nowrap;
}

.atk-siralama-link {
    color: var(--atk-mavi-koyu);
    text-decoration: none;
    font-weight: 600;
}

.atk-siralama-link:hover {
    color: var(--atk-turuncu-koyu);
}

/* ---- Sayfalama -------------------------------------------------------------- */

.pagination {
    --bs-pagination-color: var(--atk-mavi);
    --bs-pagination-hover-color: var(--atk-mavi-koyu);
    --bs-pagination-active-bg: var(--atk-mavi);
    --bs-pagination-active-border-color: var(--atk-mavi);
    --bs-pagination-focus-color: var(--atk-mavi-koyu);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.25);
}

/* ---- Modallar ve AJAX yüklenme durumu --------------------------------------- */

.atk-modal-baslik {
    background: linear-gradient(135deg, var(--atk-mavi-koyu) 0%, var(--atk-mavi) 100%);
    color: #fff;
}

#uye-tablo-konteyner.atk-yukleniyor {
    opacity: 0.5;
    pointer-events: none;
}

/* ---- Formlar ----------------------------------------------------------------- */

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}