/* İçtihat · gezinme geçiş katmanı, 29.09.2026
   Sıra: mevcut sayfa CSS'leri, ustbar.css, mobil.css, dugme.css, menu.css.
   HTML/JS sözleşmesi korunur. data-durum yalnız katalog sunumu içindir.
   aria-disabled ve aria-busy davranışı uygulama tarafından yönetilmelidir. */

/* Üst bar: yalnız renk, kenar, odak ve durum. Mevcut grid, display,
   hidden, panel yüksekliği, breakpoint ve ikon değişimi aynen kalır. */
:root .ustbar.ustbar--yeni {
  --m-focus: #9dd6ff;
  --m-hover: #252e3b;
  --m-active: #343e4e;
  --m-text: #faf8f3;
  --m-disabled: #b6bbc3;
}
:root .ustbar.ustbar--yeni .ustbar-panel {
  --m-focus: var(--d-focus, #185c8f);
  --m-hover: var(--d-wash, #f4ede4);
  --m-active: #e8ddcf;
  --m-text: var(--d-ink, #16233a);
  --m-disabled: var(--d-disabled-text, #5c6066);
}
:root .ustbar.ustbar--yeni .ustbar-sag > a {
  border-radius: var(--d-radius, 6px);
}
:root .ustbar.ustbar--yeni .ustbar-sag > :is(.ustbar-giris, .ustbar-hesap) {
  color: #faf8f3;
  border-color: #8b95a4;
}
:root .ustbar.ustbar--yeni .ustbar-sag > .ustbar-paket {
  color: #101720;
  background: #a8874b;
  border-color: #a8874b;
}
:root .ustbar.ustbar--yeni .ustbar-sag > .ustbar-paket:is(:hover, [data-durum="hover"]) {
  background: #bea16a;
  border-color: #bea16a;
}
:root .ustbar.ustbar--yeni .ustbar-sag > .ustbar-paket:is(:active, [data-durum="active"]) {
  background: #cbb079;
  border-color: #cbb079;
}
:root .ustbar.ustbar--yeni :is(.ustbar-giris, .ustbar-hesap, .ustbar-hizli, .ustbar-menu-dugme):is(:hover, [data-durum="hover"]) {
  color: #fff;
  background: var(--m-hover);
}
:root .ustbar.ustbar--yeni :is(.ustbar-giris, .ustbar-hesap, .ustbar-hizli, .ustbar-menu-dugme):is(:active, [data-durum="active"]),
:root .ustbar.ustbar--yeni .ustbar-menu-dugme[aria-expanded="true"] {
  color: #fff;
  background: var(--m-active);
}
:root .ustbar.ustbar--yeni nav.ustbar-menu a:is(:hover, [data-durum="hover"]),
:root .ustbar.ustbar--yeni .ustbar-arama > button:is(:hover, [data-durum="hover"]) {
  color: var(--m-text);
  background: var(--m-hover);
}
:root .ustbar.ustbar--yeni nav.ustbar-menu a:is(:active, [data-durum="active"]),
:root .ustbar.ustbar--yeni .ustbar-arama > button:is(:active, [data-durum="active"]) {
  color: var(--m-text);
  background: var(--m-active);
}
:root .ustbar.ustbar--yeni :is(a, button, input):is(:focus-visible, [data-durum="focus"]) {
  outline: 3px solid var(--m-focus);
  outline-offset: 3px;
}
:root .ustbar.ustbar--yeni nav.ustbar-menu a:is(:focus-visible, [data-durum="focus"]) {
  outline-offset: -4px;
}
:root .ustbar.ustbar--yeni .ustbar-arama:focus-within {
  outline: 3px solid var(--m-focus);
  outline-offset: 3px;
}
:root .ustbar.ustbar--yeni .ustbar-arama > input:focus-visible {
  outline-offset: -4px;
}
:root:root:root .ustbar.ustbar--yeni :is(a, button):is(:disabled, [aria-disabled="true"], [data-durum="disabled"]):where(:not([aria-busy="true"]):not([data-durum="loading"])) {
  color: var(--m-disabled);
  border-color: #8b95a4;
  background: var(--m-hover);
  cursor: not-allowed;
  opacity: 1;
}
:root .ustbar.ustbar--yeni :is(a, button):is([aria-busy="true"], [data-durum="loading"]) {
  cursor: progress;
  text-decoration: underline dotted;
  text-underline-offset: .3em;
}
/* Canlı üst bar ile aynı eşik. Yalnız renk değişkenleri güncellenir. */
@media (min-width: 64rem) {
  :root .ustbar.ustbar--yeni .ustbar-panel {
    --m-focus: #9dd6ff;
    --m-hover: #252e3b;
    --m-active: #343e4e;
    --m-text: #faf8f3;
    --m-disabled: #b6bbc3;
  }
}

/* Alt gezinme: beş eşit hedef ve destek için ayrı 44px alan.
   320px: (320 - 4 - 58 - 4*4)/5 = 48.4px hedef genişliği.
   Mevcut 900px görünürlük eşiğine ve kısa ekran davranışına dokunulmaz. */
:root .alt-sekme {
  background: var(--d-paper, #fffdf8);
  border-top-color: var(--d-line, #8b8074);
}
:root .alt-sekme > a {
  box-sizing: border-box;
  min-width: 44px;
  min-height: 56px;
  height: var(--sekme-yuksek, 56px);
  gap: 2px;
  padding: 2px;
  color: var(--d-muted, #555f6c);
  border-top: 3px solid transparent;
  font-family: var(--d-font, var(--sans, system-ui, sans-serif));
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
}
:root .alt-sekme > a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 24px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  white-space: normal;
}
:root .alt-sekme > a > svg {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  stroke-width: 1.8;
}
:root .alt-sekme > a[aria-current="page"] {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  border-top-color: currentColor;
  font-weight: 700;
}
:root .alt-sekme > a[aria-current="page"] > svg { stroke-width: 2.2; }
:root .alt-sekme > a:is(:hover, [data-durum="hover"]) {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  text-decoration: none;
}
:root .alt-sekme > a:is(:active, [data-durum="active"]) {
  color: var(--d-primary-active, #511c18);
  background: #e8ddcf;
}
:root .alt-sekme > a:is(:focus-visible, [data-durum="focus"]) {
  outline: 3px solid var(--d-focus, #185c8f);
  outline-offset: -4px;
}
@media (max-width: 900px) {
  :root .alt-sekme {
    grid-template-columns: repeat(5, minmax(44px, 1fr));
    grid-auto-flow: row;
    gap: 4px;
    padding-inline: max(4px, env(safe-area-inset-left, 0px)) calc(58px + env(safe-area-inset-right, 0px));
  }
  :root:root:root body .destek-dugme {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    right: calc(8px + env(safe-area-inset-right, 0px));
    bottom: calc(6px + env(safe-area-inset-bottom, 0px));
  }
  :root body .destek-panel {
    bottom: calc(var(--sekme-tam, 56px) + 8px);
  }
  /* Eski dört öğeli mobile-tabs, beş öğeli genel alt çubuk da varken
     sayfa içi gezinme olur. Hiçbir bağlantı gizlenmez veya çoğaltılmaz. */
  @supports selector(body:has(.alt-sekme)) {
    :root body:has(.alt-sekme) .mobile-tabs {
      position: static;
      inset: auto;
      padding: 0;
      margin-block: 16px;
      box-shadow: none;
      border: 1px solid var(--d-line, #8b8074);
      border-radius: var(--d-radius, 6px);
    }
  }
}
@media (max-width: 359px) {
  :root .alt-sekme > a > span { font-size: 11px; }
  /* Paketler/Mevzuat'ın kalın sistem fontunda hedef dışına taşmaması için
     dar ekranda etiket ağırlığı sabit. Seçim çizgi, zemin ve ikonla sürer. */
  :root .alt-sekme > a[aria-current="page"] { font-weight: 500; }
}
/* Klavye veya yatay kısa ekran: canlı alt çubuk akışa geçtiğinde
   destek de akışa katılır, sayfa üzerindeki başka hedefleri örtmez. */
@media (max-width: 900px) and (max-height: 420px) {
  :root:root:root body .destek-dugme {
    position: static;
    display: flex;
    margin: 8px 8px 8px auto;
  }
}

/* Destek panelinin küçük yardımcı kontrolleri de 44px hedefe katılır.
   Dosya label'ının klavyeyle çalışması erişilebilir input/JS gerektirir. */
:root body :is(.destek-kapat, .destek-ek-sil, .destek-ek-sec),
:root body .destek-sekme > button {
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  font-family: var(--d-font, var(--sans, system-ui, sans-serif));
  touch-action: manipulation;
}
:root body :is(.destek-kapat, .destek-ek-sil) {
  width: 44px;
  height: 44px;
  padding: 0;
}
:root body .destek-kapat { border-radius: var(--d-radius, 6px); }
:root body .destek-ek-sec {
  color: var(--d-ink, #16233a);
  border-color: var(--d-line, #8b8074);
  border-radius: var(--d-radius, 6px);
}
:root body .destek-sekme > button {
  color: var(--d-muted, #555f6c);
  border-bottom-width: 3px;
}
:root body .destek-sekme > button[aria-selected="true"] {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  border-bottom-color: currentColor;
  font-weight: 700;
}
:root body :is(.destek-ek-sec, .destek-ek-sil):is(:hover, [data-durum="hover"]),
:root body .destek-sekme > button:is(:hover, [data-durum="hover"]) {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  border-color: var(--d-primary, #7b2d26);
}
:root body :is(.destek-ek-sec, .destek-ek-sil):is(:active, [data-durum="active"]),
:root body .destek-sekme > button:is(:active, [data-durum="active"]) {
  color: var(--d-primary-active, #511c18);
  background: #e8ddcf;
}
:root body .destek-kapat:is(:hover, [data-durum="hover"]) { background: #293a54; }
:root body .destek-kapat:is(:active, [data-durum="active"]) { background: #354968; }
:root body :is(.destek-kapat, .destek-ek-sec, .destek-ek-sil):is(:focus-visible, [data-durum="focus"]),
:root body .destek-sekme > button:is(:focus-visible, [data-durum="focus"]) {
  outline: 3px solid var(--d-focus, #185c8f);
  outline-offset: 3px;
}
:root body .destek-kapat:is(:focus-visible, [data-durum="focus"]) { outline-color: #9dd6ff; }
:root body :is(.destek-ek-sec, .destek-ek-sil):is(:disabled, [aria-disabled="true"], [data-durum="disabled"]),
:root body .destek-sekme > button:is(:disabled, [aria-disabled="true"], [data-durum="disabled"]) {
  color: var(--d-disabled-text, #5c6066);
  background: var(--d-disabled-bg, #e9e6e0);
  border-color: var(--d-line, #8b8074);
  cursor: not-allowed;
}
:root body .destek-kapat:is(:disabled, [aria-disabled="true"], [data-durum="disabled"]) {
  color: #b6bbc3;
  background: #252e3b;
  cursor: not-allowed;
}
:root body :is(.destek-kapat, .destek-ek-sec, .destek-ek-sil):is([aria-busy="true"], [data-durum="loading"]),
:root body .destek-sekme > button:is([aria-busy="true"], [data-durum="loading"]) {
  cursor: progress;
  border-style: dashed;
}

/* Sayfalama: eski PHP çıktısı ve iç sayfa .pagination birlikte çalışır. */
:root :is(.sayfalama, .page-numbers) {
  gap: 8px;
  font-family: var(--d-font, var(--sans, system-ui, sans-serif));
}
:root :is(.sayfalama, .pagination) :is(a, button),
:root .sayfalama > span {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid var(--d-line, #8b8074);
  border-radius: var(--d-radius, 6px);
  background: var(--d-paper, #fffdf8);
  color: var(--d-ink, #16233a);
  font: 600 14px/1.4 var(--d-font, var(--sans, system-ui, sans-serif));
  font-variant-numeric: tabular-nums;
  text-decoration: none;
  touch-action: manipulation;
}
:root .sayfalama > span:not(.simdi):not([aria-current="page"]) {
  min-width: 24px;
  padding-inline: 4px;
  border-color: transparent;
  background: transparent;
  color: var(--d-muted, #555f6c);
}
:root:root :is(.sayfalama, .pagination) :is(a, button):is(:hover, [data-durum="hover"]):where(:not([aria-current="page"])) {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  border-color: var(--d-primary, #7b2d26);
  text-decoration: none;
}
:root:root :is(.sayfalama, .pagination) :is(a, button):is(:active, [data-durum="active"]):where(:not([aria-current="page"])) {
  color: var(--d-primary-active, #511c18);
  background: #e8ddcf;
}
:root:root :is(.sayfalama, .pagination) :is(.simdi, [aria-current="page"]) {
  color: var(--d-on-primary, #fff);
  background: var(--d-primary, #7b2d26);
  border-color: var(--d-primary, #7b2d26);
  font-weight: 700;
}

/* Sekmelerde seçim renk + çizgi + kalınlık ile aktarılır.
   Mevcut kaydırma, sabitleme ve masaüstü görünürlük kuralları korunur. */
:root :is(.result-tabs, .mobile-tabs) {
  border-color: var(--d-line, #8b8074);
  background: var(--d-paper, #fffdf8);
}
:root :is(.result-tabs, .mobile-tabs) > :is(a, button) {
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  color: var(--d-muted, #555f6c);
  font-family: var(--d-font, var(--sans, system-ui, sans-serif));
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  touch-action: manipulation;
}
:root .result-tabs > :is(a, button) {
  padding-inline: 10px;
  min-height: 52px;
}
:root .mobile-tabs > :is(a, button) { padding-inline: 4px; }
:root :is(.result-tabs, .mobile-tabs) > :is(a, button):is(:hover, [data-durum="hover"]) {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
}
:root :is(.result-tabs, .mobile-tabs) > :is(a, button):is(:active, [data-durum="active"]) {
  color: var(--d-primary-active, #511c18);
  background: #e8ddcf;
}
:root :is(.result-tabs, .mobile-tabs) > :is(a, button):is([aria-current="page"], [aria-selected="true"]) {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  font-weight: 700;
}
:root .result-tabs > :is(a, button):is([aria-current="page"], [aria-selected="true"]) {
  border-bottom: 3px solid var(--d-primary, #7b2d26);
}
:root .mobile-tabs > :is(a, button):is([aria-current="page"], [aria-selected="true"]) {
  border-top: 3px solid var(--d-primary, #7b2d26);
}
:root .result-tabs .tab-count {
  background: #e8ddcf;
  color: var(--d-ink, #16233a);
  font-size: 14px;
  line-height: 1.4;
}

/* Yerleşime müdahale etmeden tüm mevcut summary'lere ortak erişim.
   Spesifik kahraman selector'ı eski hero kurallarının odak rengini geçer. */
:root body details > summary {
  min-width: 44px;
  min-height: 44px;
  cursor: pointer;
  touch-action: manipulation;
}
:root body :is(.filter-disclosure, .emsal-daire-kume, .m-disclosure) {
  border-color: var(--d-line, #8b8074);
  border-radius: var(--d-radius, 6px);
  background: var(--d-paper, #fffdf8);
}
:root body :is(.filter-disclosure, .emsal-daire-kume, .m-disclosure) > summary {
  color: var(--d-ink, #16233a);
  border-radius: var(--d-radius, 6px);
  font-family: var(--d-font, var(--sans, system-ui, sans-serif));
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: 0;
}
:root body .filter-disclosure > summary { min-height: 52px; }
:root body .emsal-daire-kume > summary { min-height: 48px; }
:root body .katla > summary { min-height: 48px; }
:root body :is(.filter-disclosure, .emsal-daire-kume, .m-disclosure) > summary:is(:hover, [data-durum="hover"]) {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
}
:root body :is(.filter-disclosure, .emsal-daire-kume, .m-disclosure)[open] > summary {
  color: var(--d-primary, #7b2d26);
  background: var(--d-wash, #f4ede4);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}
:root body :is(.filter-disclosure, .emsal-daire-kume, .m-disclosure) > summary:is(:active, [data-durum="active"]) {
  color: var(--d-primary-active, #511c18);
  background: #e8ddcf;
}

/* Ortak görünür odak: kaydırılabilir sekmelerde içeride çizilir. */
:root :is(.sayfalama, .pagination) :is(a, button):is(:focus-visible, [data-durum="focus"]),
:root :is(body, .ic-stage.ic-hero-search) details > summary:is(:focus-visible, [data-durum="focus"]) {
  outline: 3px solid var(--d-focus, #185c8f);
  outline-offset: 3px;
}
:root :is(.result-tabs, .mobile-tabs) > :is(a, button):is(:focus-visible, [data-durum="focus"]) {
  outline: 3px solid var(--d-focus, #185c8f);
  outline-offset: -4px;
}
:root:root :is(.alt-sekme, .sayfalama, .pagination, .result-tabs, .mobile-tabs) :is(a, button):is(:disabled, [aria-disabled="true"], [data-durum="disabled"]):where(:not([aria-busy="true"]):not([data-durum="loading"])),
:root:root body details > summary:is([aria-disabled="true"], [data-durum="disabled"]):where(:not([aria-busy="true"]):not([data-durum="loading"])) {
  color: var(--d-disabled-text, #5c6066);
  background: var(--d-disabled-bg, #e9e6e0);
  border-color: var(--d-line, #8b8074);
  cursor: not-allowed;
  opacity: 1;
}
:root :is(.alt-sekme, .sayfalama, .pagination, .result-tabs, .mobile-tabs) :is(a, button):is([aria-busy="true"], [data-durum="loading"]),
:root body details > summary:is([aria-busy="true"], [data-durum="loading"]) {
  cursor: progress;
  text-decoration: underline dotted;
  text-underline-offset: .3em;
}

@media (forced-colors: active) {
  :root .ustbar.ustbar--yeni :is(a, button, input):is(:focus-visible, [data-durum="focus"]),
  :root .ustbar.ustbar--yeni .ustbar-arama:focus-within,
  :root body :is(.destek-kapat, .destek-ek-sec, .destek-ek-sil):is(:focus-visible, [data-durum="focus"]),
  :root body .destek-sekme > button:is(:focus-visible, [data-durum="focus"]),
  :root :is(.alt-sekme, .sayfalama, .pagination, .result-tabs, .mobile-tabs) :is(a, button):is(:focus-visible, [data-durum="focus"]),
  :root :is(body, .ic-stage.ic-hero-search) details > summary:is(:focus-visible, [data-durum="focus"]) {
    outline-color: Highlight;
  }
  :root :is(.alt-sekme, .sayfalama, .pagination, .result-tabs, .mobile-tabs) [aria-current="page"] {
    border-color: Highlight;
    text-decoration: underline;
  }
}