/* ══════════════════════════════════════════════════════
   Erişilebilirlik (Accessibility) Widget CSS
   ══════════════════════════════════════════════════════ */

/* ── CSS Variables ── */
:root {
    --a11y-font-size: ;
    --a11y-line-height: ;
    --a11y-letter-spacing: ;
    --a11y-filter: none;
}

/* ── Filter uygulama ── */
/* Filter JS tarafından body'nin doğrudan çocuklarına inline style olarak uygulanır.
   body'ye direkt filter uygulamak position:fixed elemanları kırar (CSS spec).
   CSS değişkeni fallback olarak tutulur. */

/* ── Typography Levels ── */
/* Font Size — JS tarafından uygulanır (accessibility_menu.js applyFontSize metodu).
   Her elementin mevcut computed font-size'ına yüzdesel artış eklenir.
   Bu, CSS *-selector ile em compounding sorununu tamamen ortadan kaldırır. */

/* Line Height — sadece metin içeren elemanlara uygula, layout bozulmasını önle */
#a11y-body-root.a11y-line-height-1 p,
#a11y-body-root.a11y-line-height-1 span,
#a11y-body-root.a11y-line-height-1 a,
#a11y-body-root.a11y-line-height-1 li,
#a11y-body-root.a11y-line-height-1 h1,
#a11y-body-root.a11y-line-height-1 h2,
#a11y-body-root.a11y-line-height-1 h3,
#a11y-body-root.a11y-line-height-1 h4,
#a11y-body-root.a11y-line-height-1 h5,
#a11y-body-root.a11y-line-height-1 h6,
#a11y-body-root.a11y-line-height-1 td,
#a11y-body-root.a11y-line-height-1 th,
#a11y-body-root.a11y-line-height-1 label,
#a11y-body-root.a11y-line-height-1 blockquote {
    line-height: 1.8 !important;
}

#a11y-body-root.a11y-line-height-2 p,
#a11y-body-root.a11y-line-height-2 span,
#a11y-body-root.a11y-line-height-2 a,
#a11y-body-root.a11y-line-height-2 li,
#a11y-body-root.a11y-line-height-2 h1,
#a11y-body-root.a11y-line-height-2 h2,
#a11y-body-root.a11y-line-height-2 h3,
#a11y-body-root.a11y-line-height-2 h4,
#a11y-body-root.a11y-line-height-2 h5,
#a11y-body-root.a11y-line-height-2 h6,
#a11y-body-root.a11y-line-height-2 td,
#a11y-body-root.a11y-line-height-2 th,
#a11y-body-root.a11y-line-height-2 label,
#a11y-body-root.a11y-line-height-2 blockquote {
    line-height: 2.2 !important;
}

#a11y-body-root.a11y-line-height-3 p,
#a11y-body-root.a11y-line-height-3 span,
#a11y-body-root.a11y-line-height-3 a,
#a11y-body-root.a11y-line-height-3 li,
#a11y-body-root.a11y-line-height-3 h1,
#a11y-body-root.a11y-line-height-3 h2,
#a11y-body-root.a11y-line-height-3 h3,
#a11y-body-root.a11y-line-height-3 h4,
#a11y-body-root.a11y-line-height-3 h5,
#a11y-body-root.a11y-line-height-3 h6,
#a11y-body-root.a11y-line-height-3 td,
#a11y-body-root.a11y-line-height-3 th,
#a11y-body-root.a11y-line-height-3 label,
#a11y-body-root.a11y-line-height-3 blockquote {
    line-height: 2.8 !important;
}

/* Letter Spacing — sadece metin içeren elemanlara uygula */
#a11y-body-root.a11y-letter-spacing-1 p,
#a11y-body-root.a11y-letter-spacing-1 span,
#a11y-body-root.a11y-letter-spacing-1 a,
#a11y-body-root.a11y-letter-spacing-1 li,
#a11y-body-root.a11y-letter-spacing-1 h1,
#a11y-body-root.a11y-letter-spacing-1 h2,
#a11y-body-root.a11y-letter-spacing-1 h3,
#a11y-body-root.a11y-letter-spacing-1 h4,
#a11y-body-root.a11y-letter-spacing-1 h5,
#a11y-body-root.a11y-letter-spacing-1 h6,
#a11y-body-root.a11y-letter-spacing-1 td,
#a11y-body-root.a11y-letter-spacing-1 th,
#a11y-body-root.a11y-letter-spacing-1 label,
#a11y-body-root.a11y-letter-spacing-1 button,
#a11y-body-root.a11y-letter-spacing-1 input {
    letter-spacing: 1px !important;
}

#a11y-body-root.a11y-letter-spacing-2 p,
#a11y-body-root.a11y-letter-spacing-2 span,
#a11y-body-root.a11y-letter-spacing-2 a,
#a11y-body-root.a11y-letter-spacing-2 li,
#a11y-body-root.a11y-letter-spacing-2 h1,
#a11y-body-root.a11y-letter-spacing-2 h2,
#a11y-body-root.a11y-letter-spacing-2 h3,
#a11y-body-root.a11y-letter-spacing-2 h4,
#a11y-body-root.a11y-letter-spacing-2 h5,
#a11y-body-root.a11y-letter-spacing-2 h6,
#a11y-body-root.a11y-letter-spacing-2 td,
#a11y-body-root.a11y-letter-spacing-2 th,
#a11y-body-root.a11y-letter-spacing-2 label,
#a11y-body-root.a11y-letter-spacing-2 button,
#a11y-body-root.a11y-letter-spacing-2 input {
    letter-spacing: 2px !important;
}

#a11y-body-root.a11y-letter-spacing-3 p,
#a11y-body-root.a11y-letter-spacing-3 span,
#a11y-body-root.a11y-letter-spacing-3 a,
#a11y-body-root.a11y-letter-spacing-3 li,
#a11y-body-root.a11y-letter-spacing-3 h1,
#a11y-body-root.a11y-letter-spacing-3 h2,
#a11y-body-root.a11y-letter-spacing-3 h3,
#a11y-body-root.a11y-letter-spacing-3 h4,
#a11y-body-root.a11y-letter-spacing-3 h5,
#a11y-body-root.a11y-letter-spacing-3 h6,
#a11y-body-root.a11y-letter-spacing-3 td,
#a11y-body-root.a11y-letter-spacing-3 th,
#a11y-body-root.a11y-letter-spacing-3 label,
#a11y-body-root.a11y-letter-spacing-3 button,
#a11y-body-root.a11y-letter-spacing-3 input {
    letter-spacing: 3px !important;
}

/* ── Erişilebilirlik Aktifken Taşma Koruması ── */
/*
   Temel Kural: Herhangi bir erişilebilirlik özelliği aktifken
   (font-size, line-height, letter-spacing, font-type)
   sabit yükseklikli tüm container'lar ve metin alanları
   içeriğe göre uzamalı (height: auto), asla taşmamalı.
   NOT: Sadece bilinen metin container'ları hedeflenir, layout bozulmasını önlemek için.
*/

/* ── Tüm sabit yükseklikli ana kartlar ── */
#a11y-body-root[class*="a11y-font-size-"] .news-type,
#a11y-body-root[class*="a11y-line-height-"] .news-type,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-type,
#a11y-body-root[class*="a11y-font-"] .news-type {
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    /* Kartın kendisinin line-height'ını koru (orijinal: 14px).
       İçerideki metin elementleri kendi line-height'larını alacak. */
    line-height: 14px !important;
}

/* Resim alanı (news-face) — orijinal yüksekliğini koru, sabit tut */
#a11y-body-root[class*="a11y-font-size-"] .news-type .news-face,
#a11y-body-root[class*="a11y-line-height-"] .news-type .news-face,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-type .news-face,
#a11y-body-root[class*="a11y-font-"] .news-type .news-face {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    height: 155px !important;
    overflow: hidden !important;
}

/* Metin alanı (news-title) içeriğe göre uzasın */
#a11y-body-root[class*="a11y-font-size-"] .news-type .news-title,
#a11y-body-root[class*="a11y-line-height-"] .news-type .news-title,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-type .news-title,
#a11y-body-root[class*="a11y-font-"] .news-type .news-title {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow: visible !important;
    padding: 6px 8px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    display: flex !important;
    align-items: flex-start !important;
}

/* news-title içindeki h5 — tüm metin göstersin, satır sınırı yok */
#a11y-body-root[class*="a11y-font-size-"] .news-type .news-title h5,
#a11y-body-root[class*="a11y-line-height-"] .news-type .news-title h5,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-type .news-title h5,
#a11y-body-root[class*="a11y-font-"] .news-type .news-title h5 {
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    margin: 0 !important;
}

/* Haber satırları (news-top, news-bottom) — kartlar uzadığında yanyana kalsın */
#a11y-body-root[class*="a11y-font-size-"] .news-top,
#a11y-body-root[class*="a11y-font-size-"] .news-bottom,
#a11y-body-root[class*="a11y-line-height-"] .news-top,
#a11y-body-root[class*="a11y-line-height-"] .news-bottom,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-top,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-bottom,
#a11y-body-root[class*="a11y-font-"] .news-top,
#a11y-body-root[class*="a11y-font-"] .news-bottom {
    flex-wrap: nowrap !important;
    align-items: stretch !important;
}

/* ── Hızlı erişim kartları ── */
#a11y-body-root[class*="a11y-font-size-"] .fast-links .fast-links-inner .link-type,
#a11y-body-root[class*="a11y-line-height-"] .fast-links .fast-links-inner .link-type,
#a11y-body-root[class*="a11y-letter-spacing-"] .fast-links .fast-links-inner .link-type,
#a11y-body-root[class*="a11y-font-"] .fast-links .fast-links-inner .link-type {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

#a11y-body-root[class*="a11y-font-size-"] .fast-links .fast-links-inner .link-type .link-title,
#a11y-body-root[class*="a11y-line-height-"] .fast-links .fast-links-inner .link-type .link-title,
#a11y-body-root[class*="a11y-letter-spacing-"] .fast-links .fast-links-inner .link-type .link-title,
#a11y-body-root[class*="a11y-font-"] .fast-links .fast-links-inner .link-type .link-title {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* ── Slider metin alanları ── */
#a11y-body-root[class*="a11y-font-size-"] .homeSlider-right-inner,
#a11y-body-root[class*="a11y-line-height-"] .homeSlider-right-inner,
#a11y-body-root[class*="a11y-font-"] .homeSlider-right-inner {
    height: auto !important;
    overflow: visible !important;
}

#a11y-body-root[class*="a11y-font-size-"] .homeSlider-right-inner .right-inner-text,
#a11y-body-root[class*="a11y-line-height-"] .homeSlider-right-inner .right-inner-text,
#a11y-body-root[class*="a11y-font-"] .homeSlider-right-inner .right-inner-text {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

#a11y-body-root[class*="a11y-font-size-"] .homeSlider-right-inner .right-inner-text p,
#a11y-body-root[class*="a11y-line-height-"] .homeSlider-right-inner .right-inner-text p,
#a11y-body-root[class*="a11y-font-"] .homeSlider-right-inner .right-inner-text p {
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
}

/* ── Duyuru kartları (swiper-slide) ── */
#a11y-body-root[class*="a11y-font-size-"] .announcements .swiper-slide,
#a11y-body-root[class*="a11y-line-height-"] .announcements .swiper-slide,
#a11y-body-root[class*="a11y-letter-spacing-"] .announcements .swiper-slide,
#a11y-body-root[class*="a11y-font-"] .announcements .swiper-slide {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

#a11y-body-root[class*="a11y-font-size-"] .announcements .swiper-slide h5,
#a11y-body-root[class*="a11y-line-height-"] .announcements .swiper-slide h5,
#a11y-body-root[class*="a11y-letter-spacing-"] .announcements .swiper-slide h5,
#a11y-body-root[class*="a11y-font-"] .announcements .swiper-slide h5 {
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    height: auto !important;
}

/* Duyuru slide içindeki a linklerini de taşmadan koru */
#a11y-body-root[class*="a11y-font-size-"] .announcements .swiper-slide a,
#a11y-body-root[class*="a11y-line-height-"] .announcements .swiper-slide a,
#a11y-body-root[class*="a11y-letter-spacing-"] .announcements .swiper-slide a,
#a11y-body-root[class*="a11y-font-"] .announcements .swiper-slide a {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* Duyurular slider — yüksekliği içeriğe göre ayarla */
#a11y-body-root[class*="a11y-font-size-"] .announcements .annoSlider,
#a11y-body-root[class*="a11y-line-height-"] .announcements .annoSlider,
#a11y-body-root[class*="a11y-letter-spacing-"] .announcements .annoSlider,
#a11y-body-root[class*="a11y-font-"] .announcements .annoSlider {
    height: auto !important;
    overflow: visible !important;
}

#a11y-body-root[class*="a11y-font-size-"] .announcements .swiper-wrapper,
#a11y-body-root[class*="a11y-line-height-"] .announcements .swiper-wrapper,
#a11y-body-root[class*="a11y-letter-spacing-"] .announcements .swiper-wrapper,
#a11y-body-root[class*="a11y-font-"] .announcements .swiper-wrapper {
    flex-direction: column !important;
    transform: none !important;
}

/* ── İstatistik kutuları ── */
#a11y-body-root[class*="a11y-font-size-"] .stat-item,
#a11y-body-root[class*="a11y-line-height-"] .stat-item,
#a11y-body-root[class*="a11y-letter-spacing-"] .stat-item,
#a11y-body-root[class*="a11y-font-"] .stat-item {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* ── SIT (Uluslararası) alan kartları ── */
#a11y-body-root[class*="a11y-font-size-"] .container-sit .small-box,
#a11y-body-root[class*="a11y-line-height-"] .container-sit .small-box,
#a11y-body-root[class*="a11y-font-"] .container-sit .small-box {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

#a11y-body-root[class*="a11y-font-size-"] .container-sit .small-box .title,
#a11y-body-root[class*="a11y-line-height-"] .container-sit .small-box .title,
#a11y-body-root[class*="a11y-font-"] .container-sit .small-box .title {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* ── Story butonları ── */
#a11y-body-root[class*="a11y-font-size-"] .story-button,
#a11y-body-root[class*="a11y-line-height-"] .story-button,
#a11y-body-root[class*="a11y-font-"] .story-button {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* ── Genel: Sabit px yükseklikli kartlar ── */
#a11y-body-root[class*="a11y-font-size-"] .card-container,
#a11y-body-root[class*="a11y-font-size-"] .event-type,
#a11y-body-root[class*="a11y-font-size-"] .modal-content,
#a11y-body-root[class*="a11y-font-"] .card-container,
#a11y-body-root[class*="a11y-font-"] .event-type,
#a11y-body-root[class*="a11y-font-"] .modal-content,
#a11y-body-root[class*="a11y-line-height-"] .card-container,
#a11y-body-root[class*="a11y-line-height-"] .event-type,
#a11y-body-root[class*="a11y-line-height-"] .modal-content,
#a11y-body-root[class*="a11y-letter-spacing-"] .card-container,
#a11y-body-root[class*="a11y-letter-spacing-"] .event-type,
#a11y-body-root[class*="a11y-letter-spacing-"] .modal-content {
    height: auto !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* News announcements flex container */
#a11y-body-root[class*="a11y-font-size-"] .news-announcements-inner,
#a11y-body-root[class*="a11y-line-height-"] .news-announcements-inner,
#a11y-body-root[class*="a11y-letter-spacing-"] .news-announcements-inner,
#a11y-body-root[class*="a11y-font-"] .news-announcements-inner {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

/* ── Menu Elements Protection ── */
/* Dialog ve trigger buton elementlerini tüm erişilebilirlik 
   override'larından koruyoruz. */
#a11y-dialog,
#a11y-dialog *,
.a11y-trigger-button,
.a11y-trigger-button * {
    filter: none !important;
}

/* Dialog ve trigger buton'a line-height, letter-spacing override'larını engelle */
#a11y-dialog h1,
#a11y-dialog h2,
#a11y-dialog h3,
#a11y-dialog p,
#a11y-dialog span,
#a11y-dialog a,
#a11y-dialog button,
#a11y-dialog label,
.a11y-trigger-button {
    line-height: normal !important;
    letter-spacing: normal !important;
}

/* Dialog'un sabit boyut ve konumunu koru */
#a11y-dialog {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 440px !important;
    background: #f9f9f9 !important;
    color: initial !important;
    border-color: initial !important;
}


/* ── Büyük İmleç ── */
body.a11y-big-cursor,
body.a11y-big-cursor * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M13.64 21.97a.99.99 0 0 1-1.33-.47l-2.18-4.74l-2.51 2.02c-.17.14-.38.22-.62.22a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1c.24 0 .47.09.64.23l.01-.01l11.49 9.64a1.001 1.001 0 0 1-.44 1.75l-3.16.62l2.2 4.73c.26.5.02 1.09-.48 1.32z'/%3E%3C/svg%3E") 4 4, auto !important;
}

/* ── Resimleri Gizle ── */
body.a11y-hide-images img,
body.a11y-hide-images svg:not(.a11y-widget-icon),
body.a11y-hide-images video,
body.a11y-hide-images [style*="background-image"] {
    opacity: 0.05 !important;
}

/* Erişilebilirlik widget içindeki ikonları koru */
#a11y-dialog img,
#a11y-dialog svg,
#a11y-dialog i,
.a11y-trigger-button img,
.a11y-trigger-button svg,
.a11y-trigger-button i {
    opacity: 1 !important;
}

/* ── Animasyonları Durdur ── */
body.a11y-stop-animations *,
body.a11y-stop-animations *::before,
body.a11y-stop-animations *::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
}

/* ── Bağlantıları Vurgula ── */
body.a11y-highlight-links a,
body.a11y-highlight-links button,
body.a11y-highlight-links [role="button"],
body.a11y-highlight-links [role="link"] {
    outline: 3px solid #e12228 !important;
    outline-offset: 2px !important;
    text-decoration: underline !important;
}

/* Widget içindekileri hariç tut */
#a11y-dialog a,
#a11y-dialog button,
.a11y-trigger-button {
    outline: none !important;
    text-decoration: none !important;
}

/* ── Okuma Profili ── */
body.a11y-reading-profile * {
    max-width: 70ch !important;
}

body.a11y-reading-profile #a11y-dialog * {
    max-width: none !important;
}

/* ── Odak Vurgusu ── */
body.a11y-focus-highlight *:focus {
    outline: 4px solid #e12228 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px rgba(225, 34, 40, 0.25) !important;
}

/* ── Monokrom ── */
body.a11y-monochrome .boxed {
    filter: grayscale(100%) !important;
}

/* ── Font Tipleri ── */
#a11y-body-root.a11y-font-dyslexia,
#a11y-body-root.a11y-font-dyslexia * {
    font-family: 'OpenDyslexic', 'Comic Sans MS', cursive, sans-serif !important;
}

#a11y-body-root.a11y-font-readable,
#a11y-body-root.a11y-font-readable * {
    font-family: 'Verdana', 'Geneva', 'Tahoma', sans-serif !important;
    word-spacing: 3px !important;
}

#a11y-body-root.a11y-font-bionic,
#a11y-body-root.a11y-font-bionic * {
    font-weight: 500 !important;
}

/* Widget fontlarını koru */
#a11y-dialog,
#a11y-dialog * {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    word-spacing: normal !important;
}

/* ── Metin Hizalama ── */
#a11y-body-root.a11y-text-left,
#a11y-body-root.a11y-text-left * {
    text-align: left !important;
}

#a11y-body-root.a11y-text-center,
#a11y-body-root.a11y-text-center * {
    text-align: center !important;
}

#a11y-body-root.a11y-text-right,
#a11y-body-root.a11y-text-right * {
    text-align: right !important;
}

/* Widget hizalamasını koru */
#a11y-dialog * {
    text-align: unset !important;
}

/* ── Kontrast Modları ── */
#a11y-body-root.a11y-contrast-invert .boxed {
    filter: invert(1) hue-rotate(180deg) !important;
}

#a11y-body-root.a11y-contrast-invert .boxed img,
#a11y-body-root.a11y-contrast-invert .boxed video {
    filter: invert(1) hue-rotate(180deg) !important;
}

#a11y-body-root.a11y-contrast-dark .boxed,
#a11y-body-root.a11y-contrast-dark .boxed *,
#a11y-body-root.a11y-contrast-dark .boxed div,
#a11y-body-root.a11y-contrast-dark .boxed section,
#a11y-body-root.a11y-contrast-dark .boxed header,
#a11y-body-root.a11y-contrast-dark .boxed footer,
#a11y-body-root.a11y-contrast-dark .boxed article,
#a11y-body-root.a11y-contrast-dark .boxed aside,
#a11y-body-root.a11y-contrast-dark .boxed nav {
    background-color: #1a1a2e !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.a11y-contrast-dark .boxed a {
    color: #4db8ff !important;
}

body.a11y-contrast-dark .a11y-trigger-button {
    background-color: #e12228 !important;
    color: #fff !important;
    border: none !important;
}

body.a11y-contrast-light .boxed,
body.a11y-contrast-light .boxed *,
body.a11y-contrast-light .boxed div,
body.a11y-contrast-light .boxed section,
body.a11y-contrast-light .boxed header,
body.a11y-contrast-light .boxed footer {
    background-color: #fffff0 !important;
    color: #111 !important;
    border-color: #ddd !important;
}

body.a11y-contrast-light .boxed a {
    color: #004080 !important;
}

body.a11y-contrast-light .a11y-trigger-button {
    background-color: #e12228 !important;
    color: #fff !important;
    border: none !important;
}


/* ── Trigger Button — csgb.gov.tr referans sitesi ile birebir aynı ── */
.a11y-trigger-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    z-index: 2147483646 !important;
    box-sizing: border-box !important;
    outline: none !important;
    /* csgb.gov.tr: mavi arka plan, kenarlıksız, yuvarlak */
    background-color: #e12228 !important;
    border: none !important;
    width: 60px !important;
    height: 60px !important;
    bottom: 30px !important;
    right: 30px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    cursor: pointer !important;
}

.a11y-trigger-button:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45) !important;
}

/* SVG ikonu — sarı fill */
.a11y-trigger-button svg {
    width: 40px !important;
    height: 40px !important;
    fill: #FFD700 !important;
    stroke: none !important;
}

.a11y-trigger-button:focus-visible {
    outline: 3px solid #ffffff !important;
    outline-offset: 3px !important;
}

/* Kontrast modlarında buton rengini koru */
body.a11y-contrast-dark .a11y-trigger-button,
body.a11y-contrast-light .a11y-trigger-button {
    background-color: #e12228 !important;
    border: none !important;
}

/* ── Screen Reader Only (sr-only) ── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ── Panel Scrollbar ── */
#a11y-dialog main::-webkit-scrollbar {
    width: 6px;
}

#a11y-dialog main::-webkit-scrollbar-track {
    background: transparent;
}

#a11y-dialog main::-webkit-scrollbar-thumb {
    background-color: rgba(225, 34, 40, 0.3);
    border-radius: 3px;
}

#a11y-dialog main::-webkit-scrollbar-thumb:hover {
    background-color: rgba(225, 34, 40, 0.5);
}

/* ── Profile Card Hover ── */
.a11y-profile-card:hover {
    border-color: #d1d5db !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ── Responsive ── */
@media (max-width: 480px) {
    #a11y-dialog {
        max-width: 100% !important;
        border-radius: 0 !important;
    }
}

/* ── Specific Fixes for Accessibility Tools ── */

/* Line Height not working in specific areas (e.g. stats, sit-area, etc.) */
/* Adding .stat-number, .stat-label, .title to the line-height rules */

#a11y-body-root.a11y-line-height-1 .stat-number,
#a11y-body-root.a11y-line-height-1 .stat-label,
#a11y-body-root.a11y-line-height-1 .container-sit .title,
#a11y-body-root.a11y-line-height-1 .fast-links .link-title,
#a11y-body-root.a11y-line-height-1 .right-inner-text h2,
#a11y-body-root.a11y-line-height-1 .right-inner-text p {
    line-height: 1.8 !important;
}

#a11y-body-root.a11y-line-height-2 .stat-number,
#a11y-body-root.a11y-line-height-2 .stat-label,
#a11y-body-root.a11y-line-height-2 .container-sit .title,
#a11y-body-root.a11y-line-height-2 .fast-links .link-title,
#a11y-body-root.a11y-line-height-2 .right-inner-text h2,
#a11y-body-root.a11y-line-height-2 .right-inner-text p {
    line-height: 2.2 !important;
}

#a11y-body-root.a11y-line-height-3 .stat-number,
#a11y-body-root.a11y-line-height-3 .stat-label,
#a11y-body-root.a11y-line-height-3 .container-sit .title,
#a11y-body-root.a11y-line-height-3 .fast-links .link-title,
#a11y-body-root.a11y-line-height-3 .right-inner-text h2,
#a11y-body-root.a11y-line-height-3 .right-inner-text p {
    line-height: 2.8 !important;
}

/* Ensure these areas also grow to fit the increased line height */
.sit-area,
.fast-links,
.stats-section,
.stat-item {
    height: auto !important;
    min-height: fit-content !important;
    overflow: visible !important;
}

/* Fix for the specific XPath provided (likely the International Students / SIT area) */
.container-sit,
.left-box,
.right-box,
.small-box {
    height: auto !important;
    min-height: fit-content !important;
    overflow: visible !important;
}

.container-sit .right-box .small-box a {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 180px;
    /* Base height */
}

.container-sit .right-box .small-box .title {
    height: auto !important;
    margin-top: 5px !important;
    overflow: visible !important;
}

/* ── Layout Expansion per A11y Settings ── */

/* Fix for /html/body/div[4]/div[6]/div[1] and surrounding areas */
/* This specifically targets the SIT/International Students area and Quick Access boxes */

.sit-area,
.container-sit,
.left-box,
.right-box,
.small-box,
#a11y-body-root[class*="a11y-line-height-"] .sit-area,
#a11y-body-root[class*="a11y-line-height-"] .container-sit,
#a11y-body-root[class*="a11y-line-height-"] .left-box,
#a11y-body-root[class*="a11y-line-height-"] .right-box,
#a11y-body-root[class*="a11y-line-height-"] .small-box,
#a11y-body-root[class*="a11y-line-height-"] .fast-links,
#a11y-body-root[class*="a11y-line-height-"] .fast-links-inner,
#a11y-body-root[class*="a11y-line-height-"] .link-type {
    height: auto !important;
    min-height: fit-content !important;
    overflow: visible !important;
}

/* Ensure the title inside SIT boxes doesn't overflow */
.container-sit .right-box .small-box .title,
#a11y-body-root[class*="a11y-line-height-"] .container-sit .right-box .small-box .title {
    height: auto !important;
    min-height: fit-content !important;
    max-height: none !important;
    position: relative !important;
    bottom: 0 !important;
    padding: 10px !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Quick Access Link Title */
.fast-links .link-title,
#a11y-body-root[class*="a11y-line-height-"] .fast-links .link-title {
    height: auto !important;
    min-height: fit-content !important;
    overflow: visible !important;
    white-space: normal !important;
    line-height: normal !important;
    /* Reset to allow accessibility override to handle it */
}

/* ── Duyuru Detay Sayfası İyileştirmeleri (Post Content) ── */
.blog-single .post-content div[style*="word-wrap: break-word;"],
.blog-single .post-content .title,
.blog-single .post-content p,
.blog-single .post-content span,
.blog-single .post-content li,
.post-content * {
    height: auto !important;
    overflow: visible !important;
    max-height: none !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* Base protection for all cards/divs when line-height is active */
#a11y-body-root[class*="a11y-line-height-"] div[class*="type"],
#a11y-body-root[class*="a11y-line-height-"] div[class*="card"],
#a11y-body-root[class*="a11y-line-height-"] div[class*="inner"] {
    height: auto !important;
    overflow: visible !important;
}

/* Specifically for the SIT area images to not break layout when height is auto */
.container-sit img {
    max-height: 100%;
    object-fit: cover;
}

/* ── HomeSlider Read-More Butonu: Satır Aralığı Aktifken Görünürlük Düzeltmesi ── */
/* Sorun: .homeSlider-right-inner (height:25vh) ve .right-inner-text (height:170px)
   sabit yükseklikleri satır aralığı artınca "Devamını Oku" butonunu gizliyor. */

#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-right {
    height: auto !important;
    min-height: 220px !important;
    overflow: visible !important;
}

#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-right-inner {
    height: auto !important;
    min-height: 220px !important;
    position: relative !important;
    left: auto !important;
    overflow: visible !important;
}

/* Aktif olmayan slide'ları gizli tut (position:absolute kaldırıldığından) */
#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-right-inner:not(.homeSliderActive) {
    display: none !important;
}

#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-right-inner .right-inner-text {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-right-inner .right-inner-text div {
    max-height: none !important;
    overflow: visible !important;
}

#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-right-inner a div {
    height: auto !important;
    min-height: 45px !important;
}

#a11y-body-root[class*="a11y-line-height-"] .homeSlider .homeSlider-center {
    height: auto !important;
    min-height: 220px !important;
}