/* Panel > Header Tasarımı — alternatif şablon stilleri (CSS değişkenleri header_ozellestirme'den gelir) */

.site-header {
  --hdr-duyuru-bg: #d62828;
  --hdr-duyuru-text: #ffffff;
  --hdr-ust-bar-bg: #f0f0f0;
  --hdr-ust-bar-text: #777777;
  --hdr-main-bg: #ffffff;
  --hdr-main-text: #333333;
  --hdr-sayfa-zemin: #ececec;
  --hdr-kart-bg: #ffffff;
  --hdr-menu-link: #333333;
  --hdr-menu-link-hover: #0d6e6e;
  --hdr-menu-item-bg: #1a7e5f;
  --hdr-menu-dropdown-bg: #0f4a4a;
  --hdr-menu-dropdown-text: #ffffff;
  --hdr-menu-mobil-bg: #0f4a4a;
  --hdr-menu-mobil-text: #ffffff;
  --hdr-hamburger-renk: #333333;
  --hdr-arama-bg: #f3f3f3;
  --hdr-arama-text: #333333;
  --hdr-arama-ikon: #555555;
  --hdr-arama-border: #dddddd;
  --hdr-arama-font: 13px;
  --hdr-alt-nav-bg: #0f4a4a;
  --hdr-alt-nav-text: #ffffff;
  --hdr-alt-cizgi: #2d7a3e;
  --hdr-bagis-bg: #e85d4c;
  --hdr-bagis-text: #ffffff;
  --hdr-bagis-hover-bg: #ffffff;
  --hdr-bagis-hover-text: #00a651;
  --hdr-login-bg: transparent;
  --hdr-login-text: #0d6e6e;
  --hdr-hesap-bg: #0d6efd;
  --hdr-hesap-text: #ffffff;
  --hdr-sepet-bg: #1b4332;
  --hdr-sepet-text: #ffffff;
  --hdr-sepet-badge-bg: #ffffff;
  --hdr-sepet-badge-text: #333333;
  --hdr-ikon: #555555;
  --hdr-sosyal-icon: #555555;
  --hdr-sosyal-icon-bg: #ffffff;
  --hdr-duyuru-font: 14px;
  --hdr-ust-bar-font: 12px;
  --hdr-menu-font: 14px;
  --hdr-menu-dropdown-font: 13px;
  --hdr-alt-nav-font: 14px;
  --hdr-bagis-font: 14px;
  --hdr-hesap-font: 12px;
  --hdr-sepet-font: 13px;
  --hdr-login-font: 13px;
}

.header0.hdr-duyuru {
  background: var(--hdr-duyuru-bg);
  color: var(--hdr-duyuru-text);
  font-size: var(--hdr-duyuru-font);
  text-align: center;
  padding: 8px 12px;
  line-height: 1.4;
}
.header0.hdr-duyuru a { color: inherit; }
.hdr-duyuru--gizli { display: none !important; }
.hdr-duyuru--yesil { background: var(--hdr-duyuru-bg); }
.hdr-duyuru--kirmizi { background: var(--hdr-duyuru-bg); }

/* Alternatif tasarımlarda klasik fixed header kurallarını gevşet */
.site-header:not(.hdr-tasarim-klasik) .header1,
.site-header:not(.hdr-tasarim-klasik) #header1 {
  position: relative !important;
  height: auto !important;
  top: auto !important;
  background-color: var(--hdr-main-bg) !important;
  color: var(--hdr-main-text);
  z-index: 100;
}
.site-header:not(.hdr-tasarim-klasik) {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--hdr-main-bg);
}
.site-header:not(.hdr-tasarim-klasik) .hdr-nav-wrap .vg-nav-wrapper > li > a,
.site-header:not(.hdr-tasarim-klasik) .hdr-nav-wrap a {
  color: var(--hdr-menu-link);
  font-size: var(--hdr-menu-font);
  text-decoration: none;
}
.site-header:not(.hdr-tasarim-klasik) .hdr-nav-wrap .vg-nav-wrapper > li > a:hover {
  color: var(--hdr-menu-link-hover);
}
.site-header:not(.hdr-tasarim-klasik) .vg-nav .dropdown ul,
.site-header:not(.hdr-tasarim-klasik) .dropdown-mega-container {
  background: var(--hdr-menu-dropdown-bg);
  color: var(--hdr-menu-dropdown-text);
  font-size: var(--hdr-menu-dropdown-font);
}
.site-header:not(.hdr-tasarim-klasik) .vg-nav .dropdown ul a {
  color: var(--hdr-menu-dropdown-text);
}

.hdr-logo {
  max-height: 56px;
  width: auto;
  display: block;
}
.hdr-bagis,
.hdr-login,
.hdr-hesap,
.hdr-sepet,
.hdr-arama {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  white-space: nowrap;
  transition: .2s ease;
}
.hdr-bagis {
  background: var(--hdr-bagis-bg);
  color: var(--hdr-bagis-text) !important;
  font-size: var(--hdr-bagis-font);
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 8px;
}
.hdr-bagis:hover {
  background: var(--hdr-bagis-hover-bg);
  color: var(--hdr-bagis-hover-text) !important;
}
.hdr-login {
  background: var(--hdr-login-bg);
  color: var(--hdr-login-text) !important;
  font-size: var(--hdr-login-font);
}
.hdr-hesap {
  background: var(--hdr-hesap-bg);
  color: var(--hdr-hesap-text) !important;
  font-size: var(--hdr-hesap-font);
  padding: 8px 12px;
  border-radius: 6px;
}
.hdr-sepet {
  position: relative;
  background: var(--hdr-sepet-bg);
  color: var(--hdr-sepet-text) !important;
  font-size: var(--hdr-sepet-font);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
}
.hdr-sepet-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 10px;
  background: var(--hdr-sepet-badge-bg);
  color: var(--hdr-sepet-badge-text);
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  font-weight: 700;
}
.hdr-arama { color: var(--hdr-arama-ikon) !important; font-size: 18px; }
.hdr-sosyal { display: flex; align-items: center; gap: 10px; }
.hdr-sosyal a {
  color: var(--hdr-sosyal-icon) !important;
  background: var(--hdr-sosyal-icon-bg);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* —— Vuslat —— */
.hdr-tasarim-vuslat .hdr-vuslat-main { background: var(--hdr-main-bg) !important; }
.hdr-tasarim-vuslat .hdr-vuslat-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 72px;
  padding: 10px 0;
}
.hdr-tasarim-vuslat .hdr-nav-wrap { order: 1; flex: 1; }
.hdr-tasarim-vuslat .hdr-logo { order: 0; max-height: 48px; }
.hdr-tasarim-vuslat .hdr-vuslat-sag {
  order: 2;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
.hdr-tasarim-vuslat .hdr-bagis-vuslat { border-radius: 24px; }

/* —— Misder —— */
.hdr-tasarim-misder .hdr-misder-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 78px;
  padding: 12px 0;
}
.hdr-tasarim-misder .hdr-misder-menu { flex: 1; }
.hdr-tasarim-misder .hdr-misder-sag {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hdr-tasarim-misder .btn-yesil,
.hdr-tasarim-misder .hdr-bagis-misder,
.hdr-tasarim-misder .hdr-login-misder {
  background: var(--hdr-menu-item-bg);
  color: #fff !important;
  border-radius: 20px;
  padding: 8px 14px;
}
.hdr-tasarim-misder .hdr-misder-alt-cizgi {
  height: 3px;
  background: var(--hdr-alt-cizgi);
}

/* —— Yetim —— */
.hdr-tasarim-yetim .hdr-yetim-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 78px;
  padding: 12px 0;
}
.hdr-tasarim-yetim .hdr-nav-wrap { flex: 1; }
.hdr-tasarim-yetim .hdr-yetim-sag {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.hdr-tasarim-yetim .hdr-hesap-yetim {
  background: #222;
  color: #fff !important;
  padding: 10px 14px;
  font-size: var(--hdr-hesap-font);
  font-weight: 700;
  text-decoration: none;
}
.hdr-tasarim-yetim .hdr-bagis-yetim { border-radius: 0; font-weight: 700; }

/* —— Merhem —— */
.hdr-tasarim-merhem .hdr-merhem-ust {
  background: var(--hdr-main-bg);
  border-bottom: 1px solid #eee;
}
.hdr-tasarim-merhem .hdr-merhem-ust-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 70px;
  padding: 10px 0;
}
.hdr-tasarim-merhem .hdr-merhem-yardimci {
  gap: 8px;
  color: var(--hdr-ust-bar-text);
  font-size: var(--hdr-ust-bar-font);
  margin-left: auto;
}
.hdr-tasarim-merhem .hdr-merhem-yardimci a {
  color: var(--hdr-ust-bar-text);
  text-decoration: none;
}
.hdr-tasarim-merhem .hdr-merhem-sag {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 16px;
}
.hdr-tasarim-merhem .hdr-merhem-alt {
  background: var(--hdr-alt-nav-bg) !important;
}
.hdr-tasarim-merhem .hdr-merhem-alt-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
}
.hdr-tasarim-merhem .hdr-merhem-nav .vg-nav-wrapper > li > a {
  color: var(--hdr-alt-nav-text) !important;
  font-size: var(--hdr-alt-nav-font);
}
.hdr-tasarim-merhem .hdr-merhem-sosyal a {
  background: transparent;
  color: var(--hdr-alt-nav-text) !important;
}
.hdr-tasarim-merhem .hdr-bagis-merhem { border-radius: 24px; }

/* —— Hayrat —— */
.hdr-tasarim-hayrat .hdr-hayrat-ust {
  background: var(--hdr-ust-bar-bg);
  color: var(--hdr-ust-bar-text);
  font-size: var(--hdr-ust-bar-font);
  padding: 6px 0;
}
.hdr-tasarim-hayrat .hdr-hayrat-ust-links {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
}
.hdr-tasarim-hayrat .hdr-hayrat-ust-links a {
  color: var(--hdr-ust-bar-text);
  text-decoration: none;
}
.hdr-tasarim-hayrat .hdr-hayrat-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 78px;
  padding: 10px 0;
}
.hdr-tasarim-hayrat .hdr-hayrat-menu { flex: 1; }
.hdr-tasarim-hayrat .hdr-hayrat-sag {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hdr-tasarim-hayrat .hdr-hayrat-arama {
  align-items: center;
  gap: 8px;
  background: var(--hdr-arama-bg);
  border: 1px solid var(--hdr-arama-border);
  border-radius: 20px;
  padding: 6px 12px;
  color: var(--hdr-arama-ikon);
}
.hdr-tasarim-hayrat .hdr-hayrat-arama input {
  border: 0;
  background: transparent;
  outline: none;
  color: var(--hdr-arama-text);
  font-size: var(--hdr-arama-font);
  min-width: 180px;
}

/* —— Hayır Kapısı —— */
.hdr-tasarim-hayirkapisi {
  background: var(--hdr-sayfa-zemin);
  padding-bottom: 12px;
}
.hdr-tasarim-hayirkapisi .hdr-hk-ust {
  background: var(--hdr-ust-bar-bg);
  font-size: var(--hdr-ust-bar-font);
}
.hdr-tasarim-hayirkapisi .hdr-hk-ust-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
.hdr-tasarim-hayirkapisi .hdr-hk-ust-sag {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
.hdr-tasarim-hayirkapisi .hdr-hk-hesap,
.hdr-tasarim-hayirkapisi .hdr-hk-login {
  color: var(--hdr-ust-bar-text) !important;
  text-decoration: none;
  font-size: var(--hdr-ust-bar-font);
}
.hdr-tasarim-hayirkapisi .hdr-hk-main { background: transparent !important; padding-top: 10px; }
.hdr-tasarim-hayirkapisi .hdr-hk-kart {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--hdr-kart-bg);
  border-radius: 12px;
  padding: 12px 18px;
  box-shadow: 0 4px 18px rgba(0,0,0,.06);
}
.hdr-tasarim-hayirkapisi .hdr-hk-menu { flex: 1; }
.hdr-tasarim-hayirkapisi .hdr-hk-sag {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hdr-tasarim-hayirkapisi .hdr-hk-sepet {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--hdr-sepet-text) !important;
  background: var(--hdr-sepet-bg);
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-size: var(--hdr-sepet-font);
}

/* —— Umut Var —— */
.hdr-tasarim-umutvar .hdr-uv-ust {
  background: var(--hdr-main-bg);
  border-bottom: 1px solid #eee;
}
.hdr-tasarim-umutvar .hdr-uv-ust-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  padding: 10px 0;
}
.hdr-tasarim-umutvar .hdr-uv-alt {
  background: var(--hdr-alt-nav-bg) !important;
}
.hdr-tasarim-umutvar .hdr-uv-alt-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 48px;
}
.hdr-tasarim-umutvar .hdr-uv-nav { flex: 1; }
.hdr-tasarim-umutvar .hdr-uv-nav .vg-nav-wrapper > li > a {
  color: var(--hdr-alt-nav-text) !important;
  font-size: var(--hdr-alt-nav-font);
}
.hdr-tasarim-umutvar .hdr-uv-sag {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hdr-tasarim-umutvar .hdr-uv-sosyal a {
  background: transparent;
  color: var(--hdr-sosyal-icon) !important;
}

/* Klasik: banka hesap kutusu (mevcut markup) */
.hdr-tasarim-klasik .header_banka_hesaplarimiz {
  background: var(--hdr-hesap-bg, #0d6efd);
  color: var(--hdr-hesap-text, #fff);
  font-size: var(--hdr-hesap-font, 12px);
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 600;
  white-space: nowrap;
}

@media (max-width: 991.98px) {
  .hdr-tasarim-vuslat .hdr-vuslat-inner,
  .hdr-tasarim-misder .hdr-misder-inner,
  .hdr-tasarim-yetim .hdr-yetim-inner,
  .hdr-tasarim-hayrat .hdr-hayrat-inner,
  .hdr-tasarim-hayirkapisi .hdr-hk-kart,
  .hdr-tasarim-merhem .hdr-merhem-ust-inner,
  .hdr-tasarim-umutvar .hdr-uv-alt-inner {
    flex-wrap: wrap;
  }
  .hdr-tasarim-vuslat .hdr-vuslat-sag .hdr-login-vuslat,
  .hdr-tasarim-misder .hdr-login-misder,
  .hdr-tasarim-hayrat .hdr-hayrat-arama {
    display: none !important;
  }
}