/* zamanli · marka katmanı · ortak bileşenler (ux-enhancements.js'in çalışma anında eklediği parçalar dahil)
   Seçiciler :root ile başlar: sayfa <style>'ını ve sonradan eklenen <style>'ları özgüllükle geçer. */

:root .i, :root .ik { width: 1.15em; height: 1.15em; flex: none; vertical-align: -0.2em; }
:root .ik { margin-inline-end: .4em; }
:root .i-buyuk { width: 44px; height: 44px; }

/* Odak görünürlüğü */
:root :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--vurgu); outline-offset: 2px;
}

/* Alt gezinme (mobil) */
:root .bottom-nav {
  height: 60px; background: rgba(255,255,255,.96); border-top: 1px solid var(--cizgi);
  backdrop-filter: saturate(1.2) blur(8px);
}
:root .bottom-nav-item {
  color: var(--yazi-3); font-family: var(--font); font-size: 11px; font-weight: 600;
  gap: 3px; padding: 6px 10px; min-width: 56px;
}
:root .bottom-nav-item.active { color: var(--vurgu); }
:root .bottom-nav-item:active { background: var(--yuzey-2); transform: none; }
:root .bottom-nav-icon { font-size: 0; line-height: 0; }
:root .bottom-nav-icon svg { width: 22px; height: 22px; }
:root .bottom-nav-label { letter-spacing: 0; }

/* Kırıntı yolu */
:root .breadcrumb {
  background: transparent; font-family: var(--font); font-size: 13px; color: var(--yazi-3);
  padding: 10px 16px; gap: 6px;
}
:root .breadcrumb-link { color: var(--yazi-2); text-decoration: none; }
:root .breadcrumb-link:hover { color: var(--vurgu); text-decoration: underline; }
:root .breadcrumb-sep { color: var(--slate-300); }
:root .breadcrumb-current { color: var(--yazi-3); }

/* Bildirim balonu */
:root .toast {
  font-family: var(--font); border: 1px solid var(--cizgi); border-radius: var(--yaricap-kart);
  box-shadow: 0 12px 32px rgba(20,32,25,.12);
}
:root .toast-message { color: var(--yazi-1); }
:root .toast-success .toast-icon { background: var(--vurgu-acik); color: var(--vurgu-koyu); }
:root .toast-error .toast-icon { background: var(--hata-zemin); color: var(--hata); }
:root .toast-warning .toast-icon { background: var(--uyari-zemin); color: var(--uyari); }
:root .toast-info .toast-icon { background: var(--yuzey-2); color: var(--yazi-2); }

@media (prefers-reduced-motion: reduce) {
  :root *, :root *::before, :root *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}

/* ---------- çerez bandı (cookie-consent.js; bütün sayfalar) — telefonda ince alt şerit ---------- */
:root #cookie-consent-banner { background: var(--koyu); color: var(--koyu-yazi); padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); box-shadow: none; border-top: 1px solid var(--cizgi); font-family: var(--font); }
:root #cookie-consent-banner .cookie-consent-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; max-width: 1120px; margin: 0 auto; }
:root #cookie-consent-banner .cookie-consent-icon { display: none; }
:root #cookie-consent-banner .cookie-consent-text { flex: 1 1 320px; font-size: 13px; line-height: 1.45; }
:root #cookie-consent-banner .cookie-consent-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; width: auto; align-items: center; }
:root #cookie-consent-banner .cookie-consent-btn { width: auto; min-height: 44px; padding: 0 16px; border-radius: var(--yaricap-hap); font: 600 14px/1 var(--font); }
:root #cookie-consent-banner .cookie-consent-btn-primary { background: var(--vurgu); color: var(--yuzey); border: 0; }
:root #cookie-consent-banner .cookie-consent-btn-secondary { background: transparent; color: var(--koyu-yazi); border: 1px solid currentColor; }
:root #cookie-consent-banner .cookie-consent-link { color: var(--koyu-yazi); text-decoration: underline; font-size: 13px; padding: 12px 4px; }
@media (max-width: 480px) {
  :root #cookie-consent-banner .cookie-consent-text { font-size: 12.5px; }
  :root #cookie-consent-banner .cookie-consent-actions { width: 100%; }
  :root #cookie-consent-banner .cookie-consent-btn { flex: 1 1 0; }
}