/* OkHesap - ortak tema katmanı (admin.css'den sonra yüklenir) */

/* Logo: koyu temada beyaz yazılı, açık temada lacivert yazılı sürüm */
.okh-logo { display: block; height: auto; max-width: 100%; }
.okh-logo.okh-logo--light { display: none !important; }
[data-theme="light"] .okh-logo.okh-logo--dark { display: none !important; }
[data-theme="light"] .okh-logo.okh-logo--light { display: block !important; }
.okh-logo--header { height: 46px; width: auto; transition: transform .2s ease, opacity .2s ease; }
.logo-section a:hover .okh-logo--header { opacity: .92; transform: translateY(-1px); }
.okh-logo--mobile { height: 30px; width: auto; }
@media (max-width: 768px) { .okh-logo--header { height: 36px; } }
.top-logo-img.okh-logo { height: 34px; width: auto; }

/* Genel iyileştirmeler */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
/* Gizli açılır menü panelleri sayfayı yatayda kaydırmasın (sticky bozulmaz) */
body { overflow-x: clip; }
/* Uzun breadcrumb mobilde sayfayı genişletmesin: kendi içinde kaydırılır */
.breadcrumb-nav { overflow-x: auto; scrollbar-width: none; }
.breadcrumb-nav::-webkit-scrollbar { display: none; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
::selection { background: rgba(14, 165, 233, .35); color: inherit; }

/* Klavye odağı: erişilebilir, marka renkli halka */
:focus-visible { outline: 2px solid var(--primary-solid, #0ea5e9); outline-offset: 2px; border-radius: 4px; }
input:focus, select:focus, textarea:focus {
    border-color: var(--primary-solid, #0ea5e9) !important;
    box-shadow: 0 0 0 3px var(--ring, rgba(14, 165, 233, .35)) !important;
    outline: none;
}
input::placeholder, textarea::placeholder { color: var(--text-muted, #94a3b8); opacity: .75; }

/* İnce kaydırma çubukları */
* { scrollbar-width: thin; scrollbar-color: #2b3d63 transparent; }
[data-theme="light"] * { scrollbar-color: #b6c4d8 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #2b3d63; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #b6c4d8; background-clip: content-box; }
::-webkit-scrollbar-track { background: transparent; }

/* Düğme ve kartlarda yumuşak geçişler */
.btn, button, .card, .panel-card, .metric { transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease; }
.btn-primary { background: var(--primary); color: #fff; box-shadow: 0 4px 14px rgba(2, 132, 199, .32); }
.btn-primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.btn-primary:active { transform: translateY(0); }

/* Amber vurgu: öne çıkan etiketler / rozetler */
.okh-accent { color: var(--accent, #f59e0b); }
.okh-badge-accent { background: rgba(245, 158, 11, .14); color: #fbbf24; border: 1px solid rgba(245, 158, 11, .35); border-radius: 999px; padding: 2px 10px; font-size: 12px; font-weight: 600; }
[data-theme="light"] .okh-badge-accent { color: #b45309; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* SEO metin bloklarındaki bağlantılar */
.seo-content a, .okh-epl-seo a { color: var(--primary-solid, #0ea5e9); text-decoration: underline; text-underline-offset: 2px; }

/* Görsel olarak gizli ama ekran okuyucu/arama motoru için okunabilir başlık */
.okh-sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
