/* avaz-overrides.css — Avaz farkları, < 8 KB (docs/STYLE_TOKENS.md). Sıra: bootstrap → basamak → circle →
   avaz-colors → fonts → BU DOSYA → home.css (yalnız ana sayfa, SONRA gelir → +1 sınıf özgüllük). */

/* 1) Tema index.html satır içi stilleri (colors.css dışında kalan 3 kural) */
.navs>li>a { font-size: 14px; }
section#top-bar .tb-links>li { font-size: 14px; }
/* tema #999: beyaz metin 2.85:1 ✗ → #6f6f6f 5.02:1 AA (pasif dil sekmesi) */
.lang-link a { background: #6f6f6f; }

/* 2) Altın hairline'lar: temanın #d9d9d9/#dedede/#e8eef1 gri çizgileri → --avaz-border */
#content .sidebar h3,
#content .sidebar ul li a,
#content .sidebar .sidebar-list .sidebar-item { border-bottom-color: var(--avaz-border); }
.kurul-item, .image-item,
#content .sidebar .sidebar-list .sidebar-item img { border-color: var(--avaz-border); }
/* blog/üye/etkinlik kartlarında tema bordürü transparent; hairline ile kart sınırı belirir */
#content .blog-list .blog-item, .uye-item,
#content .etkinlik-list .etkinlik-item { border-color: var(--avaz-border); }
/* colors.css footer h4'e 3px primary alt çizgi (!important) verir → 1px altın */
footer .footer-links h4 { border-bottom: 1px solid var(--avaz-gold) !important; }
#title .title-top { box-shadow: inset 0 -1px 0 var(--avaz-border); } /* border yerine: 50px yükseklik korunur */

/* 3) Kontrast → avaz-colors.css sonundaki "Erişilebilirlik / kontrast" bölümüne taşındı (8 KB sınırı) */

/* 4) Klavye odağı: tema *:focus{outline:none!important} → :focus-visible */
:focus-visible { outline: 2px solid var(--avaz-turquoise) !important; outline-offset: 2px !important; }
/* gri topbar zemininde turkuaz halka 2,69:1 (< 3:1 grafik eşiği) → siyah halka 16,66:1 */
section#top-bar :focus-visible { outline-color: var(--avaz-black) !important; }
/* tema <a> inline: kutusu 0×0 kalıyordu, halka ikonu sarmıyordu */
section#top-bar .search-bar>a { display: inline-block; }
/* koyu/turkuaz zeminde turkuaz halka kaybolur (1.5:1) → beyaz halka */
#title :focus-visible, footer :focus-visible,
.middle__area .ah-tab :focus-visible, .shortcut__area :focus-visible { outline-color: #fff !important; }

/* 5) Hareket azaltma (Swiper autoplay'i JS kapatır) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* 6) Dil sekmesi ×5: li aralığı 20→6px (5×27+4×6=159px, tema 2 sekme 74px) */
section#top-bar .tb-phones>li.lang-link { margin-right: 6px; }
section#top-bar .tb-phones>li.lang-link:last-child { margin-right: 20px; }
/* mobil: tema zaten %20 (5 sekme = tam satır); son sekmenin sağ çizgisi kalksın */
.lang-link-mobile { width: 20%; }
.lang-link-mobile:last-child { border-right: 0; }

/* 7) Görsel slotları (REFERENCE_ANALYSIS §4): oran sabit → CLS yok */
/* tema: padding-bottom 10 + border 1 → oran içerik kutusuna uygulanır (BS3 border-box) */
.blog-item>img { aspect-ratio: 400 / 250; object-fit: cover; width: 100%; height: auto; box-sizing: content-box; }
.kurul-img img { aspect-ratio: 300 / 240; object-fit: cover; width: 100%; height: auto; }
.uye-img img { aspect-ratio: 100 / 80; object-fit: cover; width: 100%; height: auto; }
.etkinlik-item img { aspect-ratio: 150 / 100; object-fit: cover; height: auto; }
.sidebar-item img { aspect-ratio: 70 / 55; object-fit: cover; height: auto; box-sizing: content-box; } /* tema: 70+2px bordür = 72×57 */
.image-item img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; height: auto; }
.tab__items .img img { aspect-ratio: 3 / 2; object-fit: cover; height: auto; }

/* 8) Kiril (ru/kk/ky): başlık satır aralığı 1.25; nav harf aralığı 0 */
:is(:lang(ru), :lang(kk), :lang(ky), .cyrillic) :is(h1, h2, h3, h4) { line-height: 1.25; }
:is(:lang(ru), :lang(kk), :lang(ky), .cyrillic) .navs>li>a { letter-spacing: 0; }
/* kk/ky başlığı 2 satıra düşüyor: alt çizgi hizası + uzun kelime kırpılması */
footer .footer-links h4 { min-height: 3em; overflow-wrap: anywhere; }
/* 320 px: «МУЛЬТИМЕДИА» tek parça 146,8 px, sütun 130 px → belge 322 px'e taşıyordu (yalnız Kiril) */
@media (max-width: 359px) {
  .cyrillic footer .footer-links h4 { font-size: 14px; } /* 146,8 → 120,8 px: bölünmeden sığar */
}

/* 9) animate.css yerine fadeIn (logo) + fadeInLeft (mobil menü), 300 ms */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } }
.animated { animation-duration: 0.3s; animation-fill-mode: both; }
.animated.fadeIn { animation-name: fadeIn; }
.fadeInLeft { animation-name: fadeInLeft; animation-duration: 0.3s; animation-fill-mode: both; }

/* 10) Tema yapımcı logosu (footer) ve hero kartındaki bootstrap-icons filigranı (font yok → tofu) Avaz'da yok */
.dernekweb { display: none; }
.creative-slider-wrapper .main-slider .slide-content::before { content: none !important; display: none !important; }

/* 11) Kabuk — tema satır içi <style>/JS kuralları (vendor CSS'te yok) */
.navs .sub-menu:focus-within>ul { display: block; border: 1px solid #dedede; border-top: 0; }
dialog#search { position: fixed; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: rgba(0,0,0,.8); color: #fff; z-index: 102537; }
dialog#search::backdrop { background: transparent; }
section#top-bar .tb-links>li>a>i.fa-x-twitter, section#top-bar .tb-links>li>a>i.fa-tiktok { background: #000 !important; }
.sticky-sidebar .sidebars-fixed { position: sticky; top: 20px; }
/* tema h6.sub-title → <p class="sub-title"> (başlık değil tarih satırı): h6 tipografisi eşitlenir */
#title p.sub-title { margin: 10px 0; font-weight: 500; }
#title .breadcrumb li.share-popover { position: relative; }
#title .share-popover .popover { display: none; top: 100%; left: auto; right: 0; width: 296px; margin-top: 10px; text-align: left; }
#title .share-popover:focus-within .popover, #title .share-popover:hover .popover { display: block; }
#title .share-popover .popover.bottom>.arrow { left: auto; right: 24px; margin-left: 0; }
.share-buttons a.x { background: #000 !important; }
.share-buttons a.email { background: #555 !important; }
.cookie-alert { position: fixed; bottom: 30px; left: 30px; background: #fff; color: #1c1c1c; width: 320px; border-radius: 10px; box-shadow: 0 8px 30px rgba(0,0,0,.2); z-index: 1453; text-align: left; display: none; }
.cookie-alert-content { padding: 20px 20px 10px; }
.cookie-alert-content strong { font-size: 17px; display: block; margin-bottom: 8px; }
.cookie-alert-content p { margin: 0; font-size: 15px; color: #333; }
.cookie-alert .btn { display: block; width: 100%; padding: 14px; font-size: 15px; font-weight: bold; background-color: var(--avaz-turquoise-dark); color: #fff; text-align: center; border: none; border-radius: 0 0 10px 10px; }
footer .footer-bottom .footer-menu-bottom { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; padding: 0 15px; }
footer .footer-bottom .legal-links { margin: 0; }
footer .footer-bottom .legal-links a { color: rgba(255,255,255,.7); }
/* 12) Harita adresi boşken 3. sütun basılmaz; kart yarım kalmasın diye form sütunu büyür (ContactBand). */
.press-announcement-wrapper>.form-sutunu:last-child { flex-grow: 1; }

/* 13) Dokunmatik hedefler (WCAG 2.5.5/2.5.8) — YALNIZ pointer:coarse; masaüstü ölçüleri değişmez */
@media (pointer: coarse) {
  .share-buttons a { width: 44px; height: 44px; padding-top: 11px; }
  .main-pagination li a { min-width: 44px; padding: 11px 16px; }
  .form-control, .btn { min-height: 44px; }
  input[type="checkbox"], input[type="radio"] { width: 24px; height: 24px; }
  footer .footer-links ul li a { padding: 12px 0; margin-bottom: 0; }
  /* satır içi <a>: dikey dolgu satır kutusunu büyütmez, yalnız tıklama alanını */
  #title .title-top .breadcrumb a { padding: 12px 0; }
}