/* Site header tasarım şablonları — renkler panelden CSS değişkenleri ile gelir */

.site-header { position: relative; z-index: 1000; }
.site-header .hdr-logo,
.site-header .header_logo { max-height: 52px; width: auto; max-width: 220px; object-fit: contain; }
.site-header a { text-decoration: none; }

/* Duyuru */
.header0.hdr-duyuru,
.hdr-duyuru { background: var(--hdr-duyuru-bg, #d62828) !important; color: var(--hdr-duyuru-text, #fff) !important; text-align: center; padding: 8px 12px; font-size: var(--hdr-duyuru-font, 14px); }
.hdr-duyuru * { color: var(--hdr-duyuru-text, #fff) !important; }
.hdr-duyuru--gizli:empty { display: none !important; }

/* Üst bar */
.hdr-hayrat-ust,
.hdr-hk-ust { background: var(--hdr-ust-bar-bg, #f0f0f0) !important; color: var(--hdr-ust-bar-text, #777) !important; }
.hdr-hayrat-ust-links a,
.hdr-merhem-yardimci a { color: var(--hdr-ust-bar-text, #777) !important; font-size: var(--hdr-ust-bar-font, 12px); }
.hdr-hayrat-ust-links { font-size: var(--hdr-ust-bar-font, 12px); }
.hdr-merhem-yardimci { font-size: var(--hdr-ust-bar-font, 13px); }
.hdr-uv-ust { background: var(--hdr-main-bg, #fff) !important; border-bottom: 1px solid rgba(0,0,0,.06); }

/* Ana header */
.hdr-tasarim-klasik .header1,
.hdr-vuslat-main,
.hdr-misder-main,
.hdr-yetim-main,
.hdr-merhem-ust,
.hdr-hayrat-main,
.hdr-hk-kart,
.hdr-uv-ust { background: var(--hdr-main-bg, #fff) !important; color: var(--hdr-main-text, #333) !important; }
.hdr-tasarim-hayirkapisi { background: var(--hdr-sayfa-zemin, #ececec) !important; }
.hdr-hk-kart { background: var(--hdr-kart-bg, #fff) !important; }

/* Menü linkleri */
.site-header .vg-nav-wrapper li,
.site-header .vg-nav-wrapper > li,
.site-header .vg-nav-wrapper .dropdown { background-color: var(--hdr-menu-item-bg, #1a7e5f) !important; }
.site-header .vg-nav-wrapper > li > a { color: var(--hdr-menu-link, #333) !important; font-size: var(--hdr-menu-font, 14px) !important; }
.site-header .vg-nav-wrapper > li > a:hover { color: var(--hdr-menu-link-hover, #0d6e6e) !important; }
.site-header .menu_alt_kirilim,
.site-header .menu_alt_kirilim a,
.site-header .dropdown-mega-container,
.site-header .mega_menu_cerceve { background-color: var(--hdr-menu-dropdown-bg, #0f4a4a) !important; color: var(--hdr-menu-dropdown-text, #fff) !important; }
.site-header .menu_alt_kirilim a { color: var(--hdr-menu-dropdown-text, #fff) !important; font-size: var(--hdr-menu-dropdown-font, 13px) !important; }
.site-header .menu_logo { background-color: var(--hdr-menu-mobil-bg, #0f4a4a) !important; }
.site-header .vg-nav-hamburger { --vg-hamburger-line-color: var(--hdr-hamburger-renk, #333); }
.hdr-tasarim-klasik .header_cell:nth-child(2),
.hdr-tasarim-klasik .header_cell:nth-child(4) { background: var(--hdr-menu-mobil-bg, #0f4a4a) !important; }
.site-header.hdr-tasarim-klasik #header1 .header_cell:nth-child(2),
.site-header.hdr-tasarim-klasik #header1 .header_cell:nth-child(4) { background: var(--hdr-alt-nav-bg, #0f4a4a) !important; }
.site-header.hdr-tasarim-klasik #header1 .header_cell_menu { background: var(--hdr-alt-nav-bg, #0f4a4a) !important; }
.hdr-tasarim-klasik .header_mobil_sosyal_satir { background: var(--hdr-menu-mobil-bg, #0f4a4a) !important; }
.hdr-tasarim-klasik .header_mobil_sosyal_lnk { color: var(--hdr-menu-mobil-text, #fff) !important; }

/* Alt navigasyon */
.hdr-merhem-alt,
.hdr-uv-alt,
.hdr-tasarim-klasik .header1 { background: var(--hdr-alt-nav-bg, #0f4a4a) !important; }
.hdr-merhem-alt .vg-nav-wrapper > li > a,
.hdr-uv-alt .vg-nav-wrapper > li > a,
.hdr-tasarim-klasik .vg-nav-wrapper > li > a { color: var(--hdr-alt-nav-text, #fff) !important; font-size: var(--hdr-alt-nav-font, 14px) !important; }
.hdr-misder-alt-cizgi { background: var(--hdr-alt-cizgi, #2d7a3e) !important; height: 3px; }

/* Bağış butonu */
.hdr-bagis-vuslat,
.hdr-bagis-misder,
.hdr-bagis-yetim,
.hdr-bagis-merhem,
.hdr-bagis-hayrat,
.hdr-hk-bagis,
.hdr-bagis-uv,
.hdr-tasarim-klasik .bagis_yap_yeni,
.header_mobil_bagis_pill { background: var(--hdr-bagis-bg, #e85d4c) !important; color: var(--hdr-bagis-text, #fff) !important; border-color: var(--hdr-bagis-bg, #e85d4c) !important; font-size: var(--hdr-bagis-font, 14px) !important; }
.hdr-tasarim-klasik .bagis_yap_yeni span,
.header_mobil_bagis_metin { color: var(--hdr-bagis-text, #fff) !important; font-size: var(--hdr-bagis-font, 14px) !important; }
.hdr-bagis-vuslat,
.hdr-bagis-misder,
.hdr-bagis-yetim,
.hdr-bagis-merhem,
.hdr-bagis-hayrat,
.hdr-hk-bagis,
.hdr-bagis-uv { font-size: var(--hdr-bagis-font, 14px) !important; }
.hdr-tasarim-klasik .bagis_yap_yeni:hover { background: var(--hdr-bagis-hover-bg, #fff) !important; border-color: var(--hdr-bagis-hover-text, #00a651) !important; }
.hdr-tasarim-klasik .bagis_yap_yeni:hover span { color: var(--hdr-bagis-hover-text, #00a651) !important; }
.hdr-bagis-uv { background: transparent !important; border: 2px solid var(--hdr-bagis-text, #fff) !important; color: var(--hdr-bagis-text, #fff) !important; }

/* Giriş */
.hdr-login-vuslat,
.hdr-login-ikon,
.hdr-login-uv { color: var(--hdr-login-text, #0d6e6e) !important; background: var(--hdr-login-bg, transparent) !important; }
.hdr-login-misder,
.hdr-login-hayrat,
.hdr-hk-login { background: var(--hdr-login-bg, #2d7a3e) !important; color: var(--hdr-login-text, #fff) !important; padding: 8px 16px; border-radius: 999px; font-size: var(--hdr-login-font, 13px); font-weight: 600; }
.hdr-login-vuslat,
.hdr-login-ikon,
.hdr-login-uv { font-size: var(--hdr-login-font, 13px) !important; }
.hdr-login-hayrat { background: var(--hdr-login-bg, #e8f5e9) !important; color: var(--hdr-login-text, #1b5e20) !important; }
.hdr-hk-login { background: var(--hdr-login-bg, #888) !important; }

/* Hesap numaraları */
.hdr-hesap-yetim,
.hdr-hk-hesap,
.hdr-tasarim-klasik .hdr-hesap,
.hdr-tasarim-klasik .btn-primary { background: var(--hdr-hesap-bg, #0d6efd) !important; color: var(--hdr-hesap-text, #fff) !important; border-color: var(--hdr-hesap-bg, #0d6efd) !important; font-size: var(--hdr-hesap-font, 12px) !important; }
.hdr-hk-hesap { font-size: var(--hdr-hesap-font, 12px) !important; }

/* Sepet */
.hdr-sepet,
.hdr-sepet-misder,
.hdr-sepet-uv { color: var(--hdr-sepet-text, #444) !important; }
.hdr-sepet-badge,
.header_mobil_sepet_badge { background: var(--hdr-sepet-badge-bg, #fff) !important; color: var(--hdr-sepet-badge-text, #333) !important; }
.hdr-hk-sepet { background: var(--hdr-sepet-bg, #1b4332) !important; color: var(--hdr-sepet-text, #fff) !important; font-size: var(--hdr-sepet-font, 13px) !important; }
.hdr-sepet,
.hdr-sepet-misder,
.hdr-sepet-uv,
.hdr-tasarim-klasik .hdr-sepet-klasik { font-size: var(--hdr-sepet-font, 13px) !important; }
.hdr-tasarim-klasik .hdr-sepet-klasik {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 6px 10px;
    border-radius: 4px;
    background: var(--hdr-sepet-bg, #198754) !important;
    color: var(--hdr-sepet-text, #fff) !important;
    border: 1px solid var(--hdr-sepet-bg, #198754) !important;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none !important;
}
.hdr-tasarim-klasik .hdr-sepet-klasik i { font-size: 1em; }

/* Arama */
.hdr-arama-kutu,
.hdr-hayrat-arama {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--hdr-arama-bg, #f3f3f3) !important;
    color: var(--hdr-arama-text, #333) !important;
    font-size: var(--hdr-arama-font, 13px) !important;
    border: 1px solid var(--hdr-arama-border, #ddd) !important;
    border-radius: 999px;
    padding: 6px 12px;
    margin: 0;
    min-width: 0;
    box-sizing: border-box;
}
.hdr-arama-kutu i,
.hdr-hayrat-arama i { color: var(--hdr-arama-ikon, #555) !important; flex-shrink: 0; }
.hdr-arama-kutu input,
.hdr-hayrat-arama input {
    border: 0;
    background: transparent;
    outline: none;
    width: 100%;
    min-width: 0;
    color: var(--hdr-arama-text, #333) !important;
    font-size: var(--hdr-arama-font, 13px) !important;
}
.hdr-arama-kutu input::placeholder,
.hdr-hayrat-arama input::placeholder { color: var(--hdr-arama-text, #333); opacity: .55; }
.hdr-arama { color: var(--hdr-arama-ikon, var(--hdr-ikon, #555)) !important; font-size: var(--hdr-arama-font, 18px) !important; text-decoration: none !important; }

/* Sosyal */
.hdr-sosyal a,
.hdr-uv-sosyal a,
.hdr-merhem-sosyal a { color: var(--hdr-sosyal-icon, #555) !important; }
.hdr-hk-sosyal a { background: var(--hdr-sosyal-icon-bg, #fff) !important; color: var(--hdr-sosyal-icon, #333) !important; }

/* Layout — şablon yapıları */
.hdr-sepet { position: relative; display: inline-flex; align-items: center; }
.hdr-sepet-badge,
.header_mobil_sepet_badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; font-size: 11px; font-weight: 700; margin-left: 4px; }

.hdr-tasarim-klasik .bagis_yap_yeni .btn_cerceve { float: left; border: 1px white solid; background-color: white; padding: 6px; border-radius: 28px; margin-right: 7px; transition: all 0.3s ease; }
.hdr-tasarim-klasik .bagis_yap_yeni { border: 1px solid var(--hdr-bagis-text, #fff); padding: 9px; border-radius: 34px; height: 58px; width: 158px; transition: all 0.3s ease; display: inline-block; }
.hdr-tasarim-klasik .bagis_yap_yeni span { font-weight: 500; margin-top: 8px; display: block; transition: all 0.3s ease; }

.hdr-tasarim-vuslat .hdr-vuslat-main { box-shadow: 0 1px 8px rgba(0,0,0,.06); }
.hdr-vuslat-inner { display: flex; align-items: center; gap: 16px; padding: 12px 0; flex-wrap: wrap; }
.hdr-tasarim-vuslat .hdr-nav-wrap { flex: 1 1 auto; min-width: 0; }
.hdr-tasarim-vuslat .vg-nav-wrapper > li > a { font-weight: 500; }
.hdr-vuslat-sag { display: flex; align-items: center; gap: 14px; margin-left: auto; flex-shrink: 0; }
.hdr-bagis-vuslat { padding: 10px 18px; border-radius: 999px; font-weight: 600; }
.hdr-bagis-vuslat i { margin-right: 6px; }
.hdr-login-vuslat { font-weight: 600; }

.hdr-misder-inner { display: flex; align-items: center; gap: 20px; padding: 14px 0; flex-wrap: wrap; }
.hdr-misder-logo { flex-shrink: 0; }
.hdr-misder-menu { flex: 1 1 auto; min-width: 0; }
.hdr-misder-sag { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.hdr-tasarim-misder .vg-nav-wrapper > li > a { text-transform: uppercase; letter-spacing: .03em; }

.hdr-yetim-inner { display: flex; align-items: center; gap: 16px; padding: 10px 0; flex-wrap: wrap; }
.hdr-tasarim-yetim .vg-nav-wrapper > li > a { text-transform: uppercase; font-weight: 700; letter-spacing: .04em; }
.hdr-yetim-sag { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.hdr-hesap-yetim { padding: 10px 14px; border-radius: 4px; font-weight: 700; }
.hdr-bagis-yetim { padding: 10px 16px; border-radius: 4px; font-weight: 700; }

.hdr-merhem-ust-inner { display: flex; align-items: center; gap: 20px; padding: 12px 0; flex-wrap: wrap; }
.hdr-merhem-yardimci { gap: 10px; align-items: center; display: flex; }
.hdr-merhem-yardimci span { opacity: .5; }
.hdr-merhem-sag { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.hdr-bagis-merhem { padding: 10px 20px; border-radius: 999px; font-weight: 700; }
.hdr-merhem-alt-inner { display: flex; align-items: center; padding: 10px 0; }
.hdr-merhem-nav { flex: 1; }
.hdr-merhem-sosyal { display: flex; gap: 12px; font-size: 16px; }

.hdr-hayrat-ust-links { display: flex; justify-content: center; gap: 24px; padding: 8px 0; font-size: var(--hdr-ust-bar-font, 12px); }
.hdr-hayrat-inner { display: flex; align-items: center; gap: 16px; padding: 14px 0; flex-wrap: wrap; }
.hdr-hayrat-menu { flex: 1; min-width: 0; }
.hdr-hayrat-sag { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-wrap: wrap; }
.hdr-hayrat-arama { min-width: 220px; }
.hdr-bagis-hayrat { padding: 8px 18px; border-radius: 999px; font-weight: 600; }

.hdr-tasarim-hayirkapisi { padding-bottom: 16px; }
.hdr-hk-ust-inner { display: flex; align-items: center; justify-content: space-between; }
.hdr-hk-ust-sag { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hdr-hk-sosyal { display: flex; gap: 6px; }
.hdr-hk-sosyal a { width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
.hdr-hk-hesap,
.hdr-hk-login { padding: 7px 12px; border-radius: 4px; }
.hdr-hk-kart { display: flex; align-items: center; gap: 20px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.08); padding: 16px 24px; margin-top: 8px; flex-wrap: wrap; }
.hdr-hk-menu { flex: 1; min-width: 0; }
.hdr-tasarim-hayirkapisi .vg-nav-wrapper > li > a { font-weight: 600; }
.hdr-hk-sag { display: flex; align-items: center; gap: 10px; }
.hdr-hk-sepet { padding: 10px 16px; border-radius: 8px; font-weight: 600; }
.hdr-hk-bagis { padding: 10px 18px; border-radius: 8px; font-weight: 600; }

.hdr-uv-ust-inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; }
.hdr-uv-sosyal { display: flex; gap: 14px; align-items: center; font-size: 16px; }
.hdr-uv-alt-inner { display: flex; align-items: center; padding: 10px 0; }
.hdr-uv-nav { flex: 1; }
.hdr-uv-sag { display: flex; align-items: center; gap: 14px; }
.hdr-bagis-uv { padding: 8px 18px; border-radius: 999px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }

@media (max-width: 991.98px) {
    .hdr-misder-menu, .hdr-hayrat-menu, .hdr-hk-menu, .hdr-uv-nav, .hdr-merhem-nav { width: 100%; }
    .hdr-hayrat-arama { display: none !important; }
    .hdr-merhem-yardimci { display: none !important; }
    .hdr-vuslat-inner, .hdr-misder-inner, .hdr-yetim-inner, .hdr-hayrat-inner, .hdr-hk-kart, .hdr-uv-alt-inner { flex-wrap: wrap; }
}