/* OkHesap - özgün üst bar / header katmanı (header.php içindeki satır içi stillerden sonra yüklenir) */

/* ---------- Üst şerit ---------- */
.topbar { background: #052e24 !important; border-bottom: 0 !important; padding: 6px 0 !important; }
.topbar .topbar-contact, .topbar .topbar-dropdown-btn { color: #a7f3d0 !important; }
.topbar .topbar-contact:hover, .topbar .topbar-dropdown-btn:hover { color: #fff !important; background: rgba(255,255,255,.08) !important; }
.topbar .topbar-contact i, .topbar .topbar-dropdown-btn i { color: #fbbf24 !important; }

/* ---------- Ana başlık ---------- */
header.frontend-header div.header-top {
  background: #0a1311 !important;
  border-bottom: 1px solid rgba(16,185,129,.18) !important;
  padding: 14px 24px !important;
}
.frontend-header { box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; }

/* Arama: hap şeklinde, odakta zümrüt parıltı, amber düğme */
.header-search-container { max-width: 520px !important; }
.header-search-box {
  background: #0f1d19 !important; border: 1px solid rgba(16,185,129,.28) !important;
  border-radius: 999px !important; padding: 0 6px 0 20px !important; height: 46px !important;
}
.header-search-box:hover { background: #12241f !important; border-color: rgba(16,185,129,.5) !important; }
.header-search-box:focus-within { border-color: #10b981 !important; box-shadow: 0 0 0 4px rgba(16,185,129,.16) !important; }
.header-search-input { color: #e8f3ef !important; }
.header-search-btn {
  background: linear-gradient(135deg, #f59e0b, #fbbf24) !important; color: #1a1203 !important;
  width: 36px !important; height: 36px !important; border-radius: 50% !important; border: 0 !important;
  display: inline-grid !important; place-items: center !important; flex: none;
}
.header-search-btn:hover { filter: brightness(1.08); }

/* Giriş / kayıt */
.btn-register {
  background: linear-gradient(135deg, #f59e0b, #fbbf24) !important; color: #1a1203 !important;
  border: 0 !important; border-radius: 999px !important; font-weight: 800 !important;
  box-shadow: 0 6px 18px rgba(245,158,11,.25) !important;
}
.btn-register i, .btn-register span { color: #1a1203 !important; }
.btn-login {
  background: transparent !important; color: #6ee7b7 !important; border: 1.5px solid #10b981 !important;
  border-radius: 999px !important; font-weight: 700 !important; box-shadow: none !important;
}
.btn-login i, .btn-login span { color: #6ee7b7 !important; }
.btn-login:hover { background: rgba(16,185,129,.14) !important; }
.theme-toggle-btn { border-radius: 50% !important; }

/* ---------- Gezinme çubuğu: hap şeklinde sekmeler ---------- */
.header-nav { background: #0d1815 !important; padding: 8px 32px !important; gap: 8px !important; border-bottom: 1px solid rgba(16,185,129,.12); }
.header-nav > div { gap: 6px !important; }
.header-nav .nav-item { color: #cfe9e0 !important; padding: 8px 14px !important; border-radius: 999px !important; font-weight: 600 !important; }
.header-nav .nav-item span { font-size: 14px !important; font-weight: 600 !important; }
.header-nav .nav-item:hover { background: rgba(16,185,129,.14) !important; color: #6ee7b7 !important; }
.header-nav > div > .nav-item:first-child { background: rgba(16,185,129,.16) !important; color: #6ee7b7 !important; }

/* ---------- Açık tema ---------- */
[data-theme="light"] .topbar { background: #065f46 !important; }
[data-theme="light"] header.frontend-header div.header-top { background: #ffffff !important; border-bottom: 1px solid #d7ebe3 !important; }
[data-theme="light"] .frontend-header { box-shadow: 0 8px 24px rgba(5,46,36,.10) !important; }
[data-theme="light"] .header-search-box { background: #f3faf7 !important; border-color: #bfe3d4 !important; }
[data-theme="light"] .header-search-box:hover { background: #ecf7f2 !important; }
[data-theme="light"] .header-search-input { color: #0b1f1a !important; }
[data-theme="light"] .header-nav { background: #f6faf8 !important; border-bottom: 1px solid #d7ebe3; }
[data-theme="light"] .header-nav .nav-item { color: #19413a !important; }
[data-theme="light"] .header-nav .nav-item:hover, [data-theme="light"] .header-nav > div > .nav-item:first-child { background: #d9f3e8 !important; color: #047857 !important; }
[data-theme="light"] .btn-login { color: #047857 !important; border-color: #059669 !important; }
[data-theme="light"] .btn-login i, [data-theme="light"] .btn-login span { color: #047857 !important; }

@media (max-width: 960px) {
  header.frontend-header div.header-top { padding: 10px 14px !important; }
}