/*
 * EAE — iofrm iskeletine (public/vendor/iofrm/css/iofrm-style.css) uygulanan
 * kurumsal renk teması. iofrm paketinin hazır 41 renk temasından biri
 * DEĞİLDİR; yapı korunmuş, renkler Anadolu Üniversitesi paletine göre
 * (lacivert #003A70 / bordo #9E2A2B) elle ayarlanmıştır.
 */

/*
 * TÜRKÇE KARAKTER DÜZELTMESİ — kullanıcı bildirimi: "login sayfalarındaki
 * fontun türkçesi sorunlu, ğ ve ş harfleri bozuluyor".
 *
 * KÖK NEDEN (ölçülerek doğrulandı, tahmin değil): iofrm iskeleti Lato'yu
 * Google Fonts'tan çağırıyor (iofrm-style.css içindeki @import). Google'ın
 * servis ettiği Lato dosyalarında ğ/ş/Ğ/Ş GLYPH'LERİ YOK:
 *   - latin      dosyası (215 glyph): ö, ı, ç VAR — ğ, ş YOK
 *   - latin-ext  dosyası ( 30 glyph): ğ, ş YOK (kontrol karakteri Ā bile yok)
 *   - v2 API ve dinamik `?text=ğş` alt kümesi: yine YOK
 * Bu yüzden tarayıcı YALNIZCA o iki harf için başka bir fonta düşüyor ve
 * kelime ortasında biçim uyuşmazlığı ("bozuk" görüntü) oluşuyor. Türkçe
 * harflerin geri kalanı (ö, ü, ç, ı) latin alt kümesinde bulunduğu için
 * sorunsuz görünüyordu — bildirimin "sadece ğ ve ş" olması bundandır.
 *
 * ÇÖZÜM: Lato'nun KENDİSİ Türkçeyi tam destekliyor (resmî kaynakta 2164
 * glyph; ğ/ş/Ğ/Ş/İ/ı hepsi var) — kusurlu olan Google'ın servis ettiği alt
 * kümelerdi. Bu yüzden font DEĞİŞTİRİLMEDİ, YERELLEŞTİRİLDİ: resmî Lato
 * (SIL Open Font License 1.1) Latin + Latin-Ext aralığına indirgenip woff2
 * olarak `public/fonts/lato/` altına konuldu ve vendor'daki Google Fonts
 * `@import` satırı kaldırıldı.
 *
 * Kazanımlar: özgün tasarım korunur, Türkçe harfler doğru çizilir, dış ağ
 * isteği kalmadığı için ziyaretçi IP'si üçüncü tarafa gitmez (KVKK) ve font
 * yüklenirken oluşan geçici bozulma (FOUT) ortadan kalkar.
 *
 * Ağırlıklar: CSS'te 300/400/700/900 kullanılıyor. 500 ve 600 Lato'da yoktur;
 * tarayıcı en yakın ağırlığı seçer (standart davranış).
 */
@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/lato/lato-300.woff2") format("woff2");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/lato/lato-400.woff2") format("woff2");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/lato/lato-700.woff2") format("woff2");
}

@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/lato/lato-900.woff2") format("woff2");
}

/* Yerel Lato bulunamazsa da metin okunur kalsın diye sistem yığını yedekte. */
*,
body {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, sans-serif;
}

body,
.form-body {
    background-color: #fff;
}

/* --- Sol panel: kurumsal lacivert degrade --- */
.img-holder {
    background-color: #00203d;
}

/*
 * Arka plan fotoğrafı: Wikimedia Commons, CC BY 2.0, atıf: Shixart1985
 * (bkz. layouts/auth.blade.php .bottom-view atıf notu). İnsan/yüz İÇERMEZ —
 * bilinçli bir seçim: gerçek/tanınabilir kişilerin fotoğrafını kurumsal bir
 * sistemde süsleme olarak kullanmaktan kaçınıldı.
 */
.img-holder .bg {
    opacity: 1;
    background-image:
        radial-gradient(circle at 82% 18%, rgba(158, 42, 43, .45) 0%, rgba(158, 42, 43, 0) 46%),
        linear-gradient(155deg, rgba(0, 32, 61, .90) 0%, rgba(0, 58, 112, .84) 55%, rgba(10, 77, 140, .78) 100%),
        url("../images/auth-bg-books.jpg");
    background-size: cover;
    background-position: center;
}

.img-holder .info-holder,
.img-holder .info-holder.simple-info {
    text-align: left;
}

.img-holder .info-holder h3,
.img-holder .info-holder h3 span,
.img-holder .info-holder h2,
.img-holder .info-holder h2 span,
.img-holder .info-holder i {
    color: #fff;
}

.img-holder .info-holder p {
    color: rgba(255, 255, 255, .82);
}

.img-holder .bottom-view {
    color: rgba(255, 255, 255, .62);
}

/* --- Kurum logosu: büyütüldü, iofrm'nin gizli-spacer deseni yerine
       doğrudan görünür <img> kullanılıyor. --- */
.website-logo,
.website-logo-inside {
    z-index: 1000;
}

.website-logo .logo,
.website-logo-inside .logo {
    background-image: none;
}

.website-logo .logo img.logo-size,
.website-logo-inside .logo img.logo-size {
    opacity: 1 !important;
    width: 230px;
    max-width: 60vw;
    height: auto;
}

@media (max-width: 992px) {
    .website-logo .logo img.logo-size {
        width: 180px;
    }
}

/* --- Sağ panel: beyaz form --- */
.form-holder .form-content {
    background-color: #fff;
}

.form-content .form-group,
.form-content h3,
.form-content p,
.form-content label {
    color: #12212e;
}

.form-content p.form-subtitle {
    color: #5b6b7c;
}

.form-content .page-links a {
    color: #12212e;
}

.form-content .page-links a:after {
    background-color: rgba(0, 58, 112, .18);
}

.form-content .page-links a.active:after,
.form-content .page-links a:hover:after,
.form-content .page-links a:focus:after {
    background-color: #003A70;
}

.form-content input,
.form-content .dropdown-toggle.btn-default {
    padding: 12px 16px;
    border: 1px solid #d7dee6;
    background-color: #fff;
    color: #12212e;
    border-radius: 9px;
}

.form-content input:hover,
.form-content .dropdown-toggle.btn-default:hover {
    border-color: #a9b6c3;
}

.form-content input:focus,
.form-content .dropdown-toggle.btn-default:focus {
    border-color: #003A70;
    background-color: #fff;
    color: #12212e;
    box-shadow: 0 0 0 3px rgba(0, 58, 112, .15);
}

.form-content input[type=checkbox]:not(:checked) + label,
.form-content input[type=checkbox]:checked + label,
.form-content input[type=radio]:not(:checked) + label,
.form-content input[type=radio]:checked + label {
    color: #12212e;
    font-weight: 600;
}

.form-content input[type=checkbox]:checked + label:before,
.form-content input[type=radio]:checked + label:before {
    background: #003A70;
    border: 0;
}

.form-content input[type=checkbox]:not(:checked) + label:before,
.form-content input[type=radio]:not(:checked) + label:before {
    background: transparent;
    border: 2px solid #d7dee6;
}

.form-content input[type=checkbox]:checked + label:after,
.form-content input[type=radio]:checked + label:after {
    color: #fff;
}

/* --- Ana buton --- */
.form-content .form-button .ibtn {
    background-color: #003A70;
    color: #fff;
    border: 0;
    box-shadow: 0 1px 2px rgba(0, 58, 112, .25);
}

.form-content .form-button .ibtn:hover,
.form-content .form-button .ibtn:focus {
    background-color: #00294f;
    box-shadow: 0 6px 16px -4px rgba(0, 58, 112, .38);
}

.form-content .form-button a:not(.btn) {
    color: #003A70;
    font-weight: 600;
}

.form-content .form-button a:not(.btn):hover {
    color: #00294f;
}

.form-content .other-links {
    margin-top: 24px;
}

.form-content .other-links span {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 13px;
    color: #5b6b7c;
}

.form-content .other-links a {
    font-size: 13px;
    font-weight: 600;
    color: #003A70;
}

.form-content .other-links a:hover {
    color: #00294f;
    text-decoration: underline;
}

/* --- Giriş türü seçici (Personel / Veli) — her iki giriş sayfasının üstünde ---
   Segmentli düğme: etkin olan sayfa dolu, diğeri bağlantı. Etkin öğe <span>
   olarak render edilir (kendine giden bağlantı erişilebilirlik gürültüsüdür),
   bu yüzden kurallar <a> değil sınıf üzerinden yazılmıştır. */
.form-content .login-switch {
    display: flex;
    gap: 6px;
    margin-bottom: 28px;
    padding: 5px;
    background: #f2f6fa;
    border: 1px solid #d7dee6;
    border-radius: 10px;
}

.form-content .login-switch-btn {
    flex: 1 1 0;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    color: #5b6b7c;
    border-radius: 7px;
    transition: background .15s ease, color .15s ease;
}

.form-content a.login-switch-btn:hover,
.form-content a.login-switch-btn:focus-visible {
    color: #003A70;
    background: #e4ecf4;
    text-decoration: none;
}

.form-content .login-switch-btn.is-active {
    color: #fff;
    background: #003A70;
    box-shadow: 0 1px 3px rgba(0, 58, 112, .3);
    cursor: default;
}

/* WCAG 2.2 AA — klavye odağı görünür kalmalı. */
.form-content a.login-switch-btn:focus-visible {
    outline: 2px solid #003A70;
    outline-offset: 2px;
}

/* --- "Bağlantı gönderildi" onay durumu (şifremi unuttum) --- */
.form-content .form-sent .tick-holder .tick-icon {
    background-color: #003A70;
}

.form-content .form-sent .info-holder a {
    color: #003A70;
}

small.error-message {
    color: #b3261e;
}