/* ============================================================================
   İNLANGU — DÜZELTME KATMANI
   ----------------------------------------------------------------------------
   Hocanın özgün tasarımı korunur; burada YALNIZ iki iş yapılır:

   1) 🔴 BOOTSTRAP MAVİSİ NÖTRLENİR (kullanıcı kuralı: "asla bootstrap mavisi
      kullanma"). Bootstrap 5'in varsayılan #0d6efd rengi bağlantılarda,
      .btn-primary'de, odak halkalarında ve .text-primary'de kendiliğinden
      çıkıyordu. Hepsi sitenin KENDİ paletine çekildi:
         camgöbeği  #1ca9c9 / #178ea8   (A1 kenarlığından)
         lacivert   #003366             (kategori başlıklarından)
         yeşil      #1bda8b             (alt bilgi vurgusundan)
      Hocanın kendi seçtiği renkler (#47d1f4, #fe78d6, #ff4e2e, #007acc) AYNEN kalır.

   2) Yeni sistemde gereken küçük uyum düzeltmeleri (odak görünürlüğü,
      dokunma hedefi, taşma) — tasarımın görünümünü değiştirmez.

   Bu dosya en SON yüklenir; başka hiçbir dosyaya dokunmadan üstüne yazar.
   ========================================================================== */

:root {
    /* Bootstrap'in kendi değişkenleri: mavi yerine sitenin camgöbeği tonu */
    --bs-primary: #1ca9c9;
    --bs-primary-rgb: 28, 169, 201;
    --bs-link-color: #0f7f9b;
    --bs-link-color-rgb: 15, 127, 155;
    --bs-link-hover-color: #0b6379;
    --bs-link-hover-color-rgb: 11, 99, 121;

    /* Sitenin kendi paleti — tek yerden okunsun diye burada da tanımlı */
    --ig-camgobegi: #47d1f4;
    --ig-camgobegi-koyu: #1ca9c9;
    --ig-pembe: #fe78d6;
    --ig-pembe-koyu: #dc3592;
    --ig-lacivert: #003366;
    --ig-turuncu: #ff4e2e;
    --ig-yesil: #1bda8b;
}

/* ---- Bağlantılar --------------------------------------------------------- */
/* :where() ile sarılı: özgüllüğü sıfır, sayfaların kendi renkleri bunu ezer. */
:where(a) { color: #0f7f9b; }
:where(a:hover) { color: #0b6379; }

/* ---- Birincil düğme ------------------------------------------------------ */
.btn-primary {
    --bs-btn-bg: #1ca9c9;
    --bs-btn-border-color: #1ca9c9;
    --bs-btn-hover-bg: #178ea8;
    --bs-btn-hover-border-color: #178ea8;
    --bs-btn-active-bg: #14798f;
    --bs-btn-active-border-color: #14798f;
    --bs-btn-disabled-bg: #1ca9c9;
    --bs-btn-disabled-border-color: #1ca9c9;
    --bs-btn-focus-shadow-rgb: 28, 169, 201;
}

.btn-outline-primary {
    --bs-btn-color: #0f7f9b;
    --bs-btn-border-color: #1ca9c9;
    --bs-btn-hover-bg: #1ca9c9;
    --bs-btn-hover-border-color: #1ca9c9;
    --bs-btn-active-bg: #178ea8;
    --bs-btn-active-border-color: #178ea8;
    --bs-btn-focus-shadow-rgb: 28, 169, 201;
}

.text-primary { color: #0f7f9b !important; }
.bg-primary { background-color: #1ca9c9 !important; }
.border-primary { border-color: #1ca9c9 !important; }
.link-primary { color: #0f7f9b !important; }

/* ---- Form odak halkası --------------------------------------------------- */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
    border-color: #1ca9c9;
    box-shadow: 0 0 0 .25rem rgba(28, 169, 201, .25);
}
.form-check-input:checked {
    background-color: #1ca9c9;
    border-color: #1ca9c9;
}

/* ---- Bootstrap bileşenlerinin kalan mavileri ----------------------------- */
.page-link { color: #0f7f9b; }
.page-item.active .page-link { background-color: #1ca9c9; border-color: #1ca9c9; }
.nav-pills .nav-link.active { background-color: #1ca9c9; }
.list-group-item.active { background-color: #1ca9c9; border-color: #1ca9c9; }
.progress-bar { background-color: #1ca9c9; }
.spinner-border, .spinner-grow { color: #1ca9c9; }
.alert-primary {
    --bs-alert-color: #0b6379;
    --bs-alert-bg: #e6f6fa;
    --bs-alert-border-color: #bfe8f2;
}

/* ---- Klavye odağı görünür olsun (erişilebilirlik) ------------------------ */
/* Hocanın sitesinde bazı bağlantılarda outline:none vardı; klavyeyle gezen
   kullanıcı nerede olduğunu göremiyordu. Yalnız klavye odağında halka çizilir,
   fareyle tıklayanı rahatsız etmez. */
a:focus-visible,
button:focus-visible,
.service-box:focus-visible,
.exam-box a:focus-visible {
    outline: 3px solid #1ca9c9;
    outline-offset: 3px;
    border-radius: 8px;
}

/* Gezinmede başlığa odaklanınca çıkan beyaz çerçeve (platform kuralı) */
[tabindex="-1"]:focus,
[tabindex="-1"]:focus-visible { outline: none !important; box-shadow: none !important; }

/* ---- Küçük uyum düzeltmeleri -------------------------------------------- */
/* Telefonda yana kayma olmasın */
html, body { overflow-x: hidden; }

/* Alt bilgi bağlantıları ve iletişim satırları dokunmaya uygun yükseklikte */
@media (max-width: 600px) {
    .footer-links a { display: inline-block; padding: 4px 0; }
}

/* Hareket azaltma isteyen kullanıcıda kart havalanmaları kapansın */
@media (prefers-reduced-motion: reduce) {
    .service-box, .exam-box, .navbar-brand img, .app-navbar {
        transition: none !important;
    }
    .service-box:hover, .exam-box:hover { transform: none !important; }
}