/* GSÜ OBS erişilebilirlik düzeltmeleri (WCAG 2.1 AA).
   Metronic 5 (theme6, m-) ve Metronic 6.0.4 (v604, kt-) layout'larında theme.custom.css'ten sonra yüklenir. */

/* ---------- Odak çerçevesi (2.4.7) ----------
   Temalar outline'ı sınıf seçicileriyle !important kaldırıyor. :not(#obs-a11y) seçiciye id özgüllüğü verir,
   böylece temanın sınıf tabanlı !important kurallarını yener. :focus-visible fareyle tıklamada görünmez.
   Kalınlık 1px (3px ve 2px, temanın kenarlıklarıyla birlikte çok kalın görünüyordu); kontrast modlarında 3px
   (obs.a11y.menu.css). Beyaz hale çerçeveyi koyu zeminde de seçilir kılar. Form alanları aşağıda ayrı. */
html:not(#obs-a11y) :focus-visible {
    outline: 1px solid #a30200 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #fff !important;
    transition: none !important;
}

/* Taşmayı kesen menü ve liste kapsayıcılarında çerçeve içeri alınır */
html:not(#obs-a11y) .m-menu__link:focus-visible,
html:not(#obs-a11y) .kt-menu__link:focus-visible,
html:not(#obs-a11y) .m-nav__link:focus-visible,
html:not(#obs-a11y) .kt-nav__link:focus-visible,
html:not(#obs-a11y) .kt-notification__item:focus-visible,
html:not(#obs-a11y) .dropdown-item:focus-visible,
html:not(#obs-a11y) [role="main"]:focus-visible {
    outline-offset: -2px !important;
}

/* Form alanları: dışarıda halka yerine alanın kendi kenarlığı kırmızı ve 1px gölgeyle 2px görünür. Fareyle ve klavyeyle
   aynı (:focus); temanın soluk odak kenarlığı bazı sayfalarda odağı hiç göstermiyordu. :where özgüllüğü genel kuralla
   eşitler, sonra geldiği için kazanır; kontrast modları (daha özgül) kendi rengini verir. */
html:not(#obs-a11y) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="file"]), textarea, select):focus,
html:not(#obs-a11y) :where(.select2-container--focus, .select2-container--open) .select2-selection,
html:not(#obs-a11y) :where(.custom-file-input:focus-visible ~ .custom-file-label) {
    outline: none !important;
    border-color: #a30200 !important;
    box-shadow: 0 0 0 1px #a30200 !important;
    transition: none !important;
}

/* Görünmez (opacity:0) gerçek girdiyi süsleyen kutuya çerçeve */
html:not(#obs-a11y) .m-checkbox > input:focus-visible ~ span,
html:not(#obs-a11y) .m-radio > input:focus-visible ~ span,
html:not(#obs-a11y) .kt-checkbox > input:focus-visible ~ span,
html:not(#obs-a11y) .kt-radio > input:focus-visible ~ span,
html:not(#obs-a11y) .m-switch input:focus-visible ~ span,
html:not(#obs-a11y) .kt-switch input:focus-visible ~ span,
html:not(#obs-a11y) .custom-control-input:focus-visible ~ .custom-control-label::before {
    outline: 1px solid #a30200 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 2px #fff !important;
    transition: none !important;
}

/* ---------- İçeriğe geç (2.4.1) ---------- */
.a11y-skip {
    position: absolute;
    left: 8px;
    top: -200px;
    z-index: 100000;
    padding: 10px 16px;
    border-radius: 4px;
    background: #a30200;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
}

    .a11y-skip:focus {
        top: 8px;
    }

/* Sabit başlık hedefi örtmesin (2.4.11) */
[role="main"] {
    scroll-margin-top: 80px;
}

/* ---------- Kontrast (1.4.3) ----------
   Tema renkleri beyaz metinle 1.7–3.6:1 veriyor. Ton korunarak beyaz zeminde ≥5:1 olacak şekilde koyulaştırıldı.
   Hover tonları ≥6.9:1, %10 açık zemin üstündeki metinler için de bu tonlar kullanılır. */

/* Rozetler: Metronic 5 */
.m-badge.m-badge--success { background-color: #217b69; }
.m-badge.m-badge--info { background-color: #0871c2; }
.m-badge.m-badge--brand { background-color: #0075ac; }
.m-badge.m-badge--danger { background-color: #d0133c; }
.m-badge.m-badge--metal { background-color: #686b96; }

/* Rozetler: Metronic 6 */
.kt-badge.kt-badge--success { background-color: #217b69; }
.kt-badge.kt-badge--info { background-color: #0871c2; }
.kt-badge.kt-badge--brand { background-color: #0075ac; }
.kt-badge.kt-badge--danger { background-color: #d0133c; }
.kt-badge.kt-badge--unified-success { color: #1a6355; }
.kt-badge.kt-badge--unified-info { color: #065c9e; }
.kt-badge.kt-badge--unified-brand { color: #005d89; }
.kt-badge.kt-badge--unified-danger { color: #a90f31; }
.kt-badge.kt-badge--unified-warning { color: #956500; }

/* Rozetler: Bootstrap */
.badge-success { background-color: #217b69; }
.badge-info { background-color: #0871c2; }
.badge-danger { background-color: #d0133c; }

/* Dolu zemin yardımcı sınıfları (ör. panodaki ders kodu rozetleri, beyaz metin) */
.m--bg-success, .kt-bg-success { background-color: #217b69 !important; }
.m--bg-info, .kt-bg-info { background-color: #0871c2 !important; }
.m--bg-brand, .kt-bg-brand { background-color: #0075ac !important; }
.m--bg-danger, .kt-bg-danger { background-color: #d0133c !important; }
.m--bg-metal, .kt-bg-metal { background-color: #686b96 !important; }
/* Sarı zemin koyulaştırılmaz, üzerindeki metin koyu yapılır (Metronic warning rozetindeki gibi) */
.m--bg-warning, .kt-bg-warning { color: #111 !important; }

/* Gri bilgi kutusu: açık gri zemin üstünde beyaz metin (1.4:1); metin koyulaştırılır */
.alert.alert-metal:not(.m-alert--outline) { color: #3f4047; }

/* Etkin sekmeler */
.nav.nav-pills.nav-pills--brand .nav-link.active, .nav.nav-pills.nav-pills--brand .nav-item.show .nav-link { background-color: #0075ac; }
.nav.nav-pills.nav-pills--success .nav-link.active, .nav.nav-pills.nav-pills--success .nav-item.show .nav-link { background-color: #217b69; }
.nav.nav-pills.nav-pills--info .nav-link.active, .nav.nav-pills.nav-pills--info .nav-item.show .nav-link { background-color: #0871c2; }
.nav.nav-pills.nav-pills--danger .nav-link.active, .nav.nav-pills.nav-pills--danger .nav-item.show .nav-link { background-color: #d0133c; }
.m-tabs-line.m-tabs-line--brand a.m-tabs__link.active, .m-tabs-line.m-tabs-line--brand a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--brand.nav.nav-tabs .nav-link:hover { color: #0075ac; border-bottom-color: #0075ac; }
.m-tabs-line.m-tabs-line--success a.m-tabs__link.active, .m-tabs-line.m-tabs-line--success a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--success.nav.nav-tabs .nav-link:hover { color: #217b69; border-bottom-color: #217b69; }

/* Düğmeler (iki temada da beyaz metin, dolu zemin) */
.btn-success { background-color: #217b69; border-color: #217b69; }
.btn-info { background-color: #0871c2; border-color: #0871c2; }
.btn-brand { background-color: #0075ac; border-color: #0075ac; }
.btn-danger { background-color: #d0133c; border-color: #d0133c; }

.btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { background-color: #1a6355; border-color: #1a6355; }
.btn-info:hover, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { background-color: #065c9e; border-color: #065c9e; }
.btn-brand:hover, .btn-brand:focus, .btn-brand:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .show > .btn-brand.dropdown-toggle { background-color: #005d89; border-color: #005d89; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { background-color: #a90f31; border-color: #a90f31; }

.btn-outline-success { color: #217b69; border-color: #217b69; }
.btn-outline-info { color: #0871c2; border-color: #0871c2; }
.btn-outline-brand { color: #0075ac; border-color: #0075ac; }
.btn-outline-danger { color: #d0133c; border-color: #d0133c; }
.btn-outline-success:hover, .btn-outline-success:not(:disabled):not(.disabled):active { background-color: #217b69; border-color: #217b69; color: #fff; }
.btn-outline-info:hover, .btn-outline-info:not(:disabled):not(.disabled):active { background-color: #0871c2; border-color: #0871c2; color: #fff; }
.btn-outline-brand:hover, .btn-outline-brand:not(:disabled):not(.disabled):active { background-color: #0075ac; border-color: #0075ac; color: #fff; }
.btn-outline-danger:hover, .btn-outline-danger:not(:disabled):not(.disabled):active { background-color: #d0133c; border-color: #d0133c; color: #fff; }

/* Metronic 6 açık zeminli etiket düğmeleri */
.btn-label-success { color: #1a6355; }
.btn-label-info { color: #065c9e; }
.btn-label-brand { color: #005d89; }
.btn-label-danger { color: #a90f31; }
.btn-label-warning { color: #956500; }
.btn.btn-label-success:hover, .btn.btn-label-success:focus, .btn.btn-label-success.active { background-color: #217b69; color: #fff; }
.btn.btn-label-info:hover, .btn.btn-label-info:focus, .btn.btn-label-info.active { background-color: #0871c2; color: #fff; }
.btn.btn-label-brand:hover, .btn.btn-label-brand:focus, .btn.btn-label-brand.active { background-color: #0075ac; color: #fff; }
.btn.btn-label-danger:hover, .btn.btn-label-danger:focus, .btn.btn-label-danger.active { background-color: #d0133c; color: #fff; }

/* Metin renkleri */
.m--font-success, .kt-font-success, .text-success { color: #217b69 !important; }
.m--font-info, .kt-font-info, .text-info { color: #0871c2 !important; }
.m--font-brand, .kt-font-brand { color: #0075ac !important; }
.m--font-danger, .kt-font-danger, .text-danger { color: #d0133c !important; }
.m--font-warning, .kt-font-warning, .text-warning { color: #956500 !important; }
.m--font-metal { color: #686b96 !important; }
.kt-label-font-color-1 { color: #686d8a !important; }
.kt-label-font-color-2 { color: #6b6e82 !important; }

/* Renkli bağlantılar. Metronic 5'te .m-link tabanı da #22b9ff (2.2:1); varyantlar .m-link.m-link--* ile yazılmış */
.m-link, .m-link.m-link--brand, .kt-link--brand { color: #0075ac; }
.m-link.m-link--success { color: #217b69; }
.m-link.m-link--info { color: #0871c2; }
.m-link.m-link--danger { color: #d0133c; }
.m-link.m-link--warning { color: #956500; }
.m-link:hover, .m-link.m-link--brand:hover, .kt-link--brand:hover { color: #005d89; }
.m-link.m-link--success:hover { color: #1a6355; }
.m-link.m-link--info:hover { color: #065c9e; }
.m-link.m-link--danger:hover { color: #a90f31; }

/* Accent (camgöbeği #00c5dc, beyaz metinle 2.1:1) */
.m-badge.m-badge--accent { background-color: #007a88; }
.m--bg-accent { background-color: #007a88 !important; }
.m--font-accent { color: #007a88 !important; }
.btn-accent { background-color: #007a88; border-color: #007a88; }
.btn-accent:hover, .btn-accent:focus, .btn-accent:not(:disabled):not(.disabled):active { background-color: #005f6a; border-color: #005f6a; }

/* Altbilgi telif satırı (#a9a9aa 2.3:1, v604 #74788d 4.4:1) */
.m-footer .m-footer__copyright { color: #6f6f71; }
.m-footer .m-footer__copyright .m-link { color: #0075ac; }
.kt-footer .kt-footer__copyright, .kt-footer .kt-footer__copyright .kt-link { color: #6b6e82; }
.kt-footer__copyright .kt-link:hover { color: #005d89; }

/* Metronic 6 üst menü (metin #8a88a2 3.4:1, üzerine gelince #22b9ff 2.2:1) */
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link > .kt-menu__hor-arrow { color: #6b6e82; }
.kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover > .kt-menu__link > .kt-menu__link-text,
.kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link > .kt-menu__link-text { color: #0075ac; }

/* Metronic 6 mor alt başlıktaki (#564fc1, theme.custom.css) breadcrumb bağlantıları (#959cb6 2.3:1) */
.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-link,
.kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs .kt-subheader__breadcrumbs-home { color: #fff; }

/* Doğrulama hata metni (theme.custom.css #f44336, 3.7:1) */
.field-validation-error { color: #c62828; }

/* Metronic 6 "clean" düğmeler (metin ve ikon #93a2dd 2.5:1, üzerine gelince #22b9ff 2.2:1) */
.btn.btn-clean, .btn.btn-clean i { color: #5b6aa8; }
.btn.btn-clean.active, .btn.btn-clean:active, .btn.btn-clean:hover, .show > .btn.btn-clean,
.btn.btn-clean.active i, .btn.btn-clean:active i, .btn.btn-clean:hover i, .show > .btn.btn-clean i { color: #3d5afe; }

/* Metronic 6 giriş sayfalarının üst satırı (metin #74788d 4.4:1, bağlantı #5d78ff 3.8:1) */
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-label { color: #6b6e82; }
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-link { color: #3d5afe; }