/* ============================================================
   HEADER + MEGA MENU — 8pt · Manrope · marka renkleri
   theme.css'ten SONRA yuklenir. Benzersiz siniflar (hm-*).
   ============================================================ */

.hm-header{font-family:var(--font);position:relative;z-index:100;}
.hm-header .container{max-width:1320px;margin:0 auto;padding-left:var(--s2);padding-right:var(--s2);}
.hm-header ul{list-style:none;margin:0;padding:0;}
.hm-header li{list-style:none;}
.hm-header a{text-decoration:none;}

/* --- UST SERIT --- */
.hm-topbar{background:var(--c-bg);border-bottom:1px solid var(--c-border);font-size:13px;}
.hm-topbar-inner{display:flex;justify-content:space-between;align-items:center;height:40px;}
.hm-topbar-left,.hm-topbar-right{display:flex;align-items:center;gap:var(--s3);}
.hm-topbar a{display:inline-flex;align-items:center;gap:6px;color:var(--c-muted);font-weight:500;transition:color .15s;white-space:nowrap;}
.hm-topbar a:hover{color:var(--c-orange);}
.hm-topbar a i{font-size:15px;opacity:.7;}
.hm-topbar a:hover i{opacity:1;}
.hm-lang{position:relative;}
.hm-lang>a{display:flex;align-items:center;gap:6px;}
.hm-lang>a img{width:18px;height:auto;border-radius:2px;}
.hm-lang-drop{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-sm);padding:var(--s1);min-width:120px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:none;z-index:50;}
.hm-lang:hover .hm-lang-drop{display:block;}
.hm-lang-drop li a{display:flex;align-items:center;gap:8px;padding:6px 8px;}

/* --- ANA HEADER --- */
.hm-main{background:#fff;}
.hm-main-wrap{display:flex;align-items:center;gap:var(--s4);height:96px;}
.hm-logo{flex:none;}
.hm-logo img{height:52px;width:auto;display:block;}

/* Arama: 4px ic bosluk -> buton yuzen pill, kesik hissi biter */
.hm-search{flex:1;display:flex;align-items:center;background:#fff;border:1.5px solid var(--c-border);border-radius:var(--r-pill);height:56px;max-width:640px;padding:4px;transition:border-color .15s;}
.hm-search:focus-within{border-color:var(--c-orange);}
.hm-search input[type=text]{flex:1;border:0;outline:0;padding:0 var(--s2) 0 var(--s3);font-family:var(--font);font-size:15px;color:var(--c-text);background:transparent;height:100%;}
.hm-search input::placeholder{color:#9aa0a6;}
.hm-search button{flex:none;width:48px;height:48px;border:0;background:var(--c-orange)!important;color:#fff!important;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);margin:0;transition:background .15s;}
.hm-search button:hover{background:var(--c-orange-d)!important;}

.hm-actions{display:flex;align-items:center;gap:var(--s3);flex:none;margin-left:auto;}
.hm-action{display:flex;align-items:center;gap:var(--s1);color:var(--c-slate);font-weight:600;font-size:14px;position:relative;white-space:nowrap;}
.hm-action:hover{color:var(--c-orange);}
.hm-action-ic{position:relative;font-size:26px;line-height:1;display:inline-flex;}
.hm-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;background:var(--c-orange);color:#fff;font-size:11px;font-weight:700;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;}
.hm-login{display:inline-flex;align-items:center;background:var(--c-orange);color:#fff!important;font-weight:700;font-size:15px;padding:0 var(--s3);height:52px;border-radius:var(--r-pill);transition:background .15s;white-space:nowrap;}
.hm-login:hover{background:var(--c-orange-d);color:#fff!important;}
.hm-action .cart-dropdown-wrap{position:absolute;top:100%;right:0;}

/* --- NAV BAR --- */
/* !important: tema sticky (.stick) durumunda arka plani beyaza ceviriyordu, sabitliyoruz */
.hm-nav,
.hm-nav.sticky-bar.stick,
.hm-nav.stick,
.hm-nav.sticky,
.hm-nav.is-sticky{background:var(--c-slate)!important;}
.hm-nav .container{position:relative;}
.hm-nav-wrap{display:flex;align-items:stretch;gap:var(--s2);height:64px;}

.hm-all{position:relative;flex:none;display:flex;align-items:center;}
.hm-all-btn{display:inline-flex;align-items:center;gap:var(--s1);background:var(--c-orange);color:#fff!important;border:0;font-family:var(--font);font-weight:700;font-size:15px;padding:0 var(--s3);height:48px;border-radius:var(--r-sm);cursor:pointer;transition:background .15s;white-space:nowrap;}
.hm-all-btn:hover{background:var(--c-orange-d);color:#fff!important;}
.hm-all-btn i{font-size:20px;}
.hm-all-drop{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border-radius:var(--r-md);padding:var(--s1) 0;min-width:260px;box-shadow:0 12px 32px rgba(0,0,0,.14);display:none;z-index:70;}
.hm-all:hover .hm-all-drop{display:block;}
.hm-all-drop li a{display:block;padding:10px var(--s3);color:var(--c-slate);font-weight:600;font-size:14px;}
.hm-all-drop li a:hover{background:var(--c-bg);color:var(--c-orange);}

.hm-menu{flex:1;display:flex;align-items:stretch;min-width:0;}
.hm-menu>ul{display:flex;align-items:stretch;gap:2px;}
.hm-menu>ul>li{display:flex;align-items:center;}
.hm-has-mega{position:static;}
.hm-has-drop{position:relative;}
.hm-menu>ul>li>a{display:flex;align-items:center;gap:6px;color:#fff;font-weight:600;font-size:15px;padding:0 var(--s2);height:64px;transition:color .15s;white-space:nowrap;}
/* HOVER: metin turuncu + ok yukari + turuncu */
.hm-menu>ul>li>a:hover{color:var(--c-orange);}
.hm-menu>ul>li>a i{font-size:12px;transition:transform .2s,color .2s;}
.hm-has-mega:hover>a i,.hm-has-drop:hover>a i{transform:rotate(180deg);color:var(--c-orange);}

/* --- MEGA PANEL (icerige gore daralmis sutunlar, sola yasli) --- */
.hm-mega{position:absolute;top:100%;left:var(--s2);right:var(--s2);background:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 20px 48px rgba(0,0,0,.16);padding:var(--s4);display:none;z-index:60;}
.hm-has-mega:hover>.hm-mega{display:flex;gap:var(--s6);}
.hm-mega-cols{display:flex;flex-wrap:wrap;gap:var(--s6);flex:1;align-content:flex-start;}
.hm-mega-col{min-width:190px;}
.hm-mega-col h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--c-orange);margin:0 0 var(--s2);}
.hm-mega-col h4.mt{margin-top:var(--s3);}
.hm-mega-col ul li{margin-bottom:var(--s1);}
.hm-mega-col ul li a{color:var(--c-slate);font-weight:600;font-size:15px;transition:color .15s;}
.hm-mega-col ul li a:hover{color:var(--c-orange);}

/* Sag promo panel */
.hm-mega-promo{flex:none;width:280px;display:flex;flex-direction:column;background:var(--c-bg);border-radius:var(--r-md);overflow:hidden;transition:box-shadow .15s;}
.hm-mega-promo:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);}
.hm-promo-img{display:block;height:150px;background:#dfe3e8 center/cover no-repeat;}
.hm-promo-txt{padding:var(--s2);display:flex;flex-direction:column;gap:6px;}
.hm-promo-txt b{color:var(--c-slate);font-size:16px;}
.hm-promo-txt small{color:var(--c-muted);font-size:13px;line-height:1.4;}
.hm-promo-btn{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s1);color:var(--c-orange);font-weight:700;font-size:14px;}

/* --- KURUMSAL standart dropdown --- */
.hm-menu .hm-sub{position:absolute;top:100%;left:0;background:#fff;border-radius:var(--r-md);padding:var(--s1) 0;min-width:240px;box-shadow:0 12px 32px rgba(0,0,0,.14);display:none;z-index:60;}
.hm-has-drop:hover>.hm-sub{display:block;}
.hm-menu .hm-sub li a{display:block;padding:9px var(--s3);color:var(--c-slate);font-weight:600;font-size:14px;white-space:nowrap;}
.hm-menu .hm-sub li a:hover{background:var(--c-bg);color:var(--c-orange);}

/* --- WHATSAPP (nav yuksekligine tam oturur) --- */
.hm-wa{flex:none;display:inline-flex;align-items:center;gap:var(--s1);background:var(--c-wa);color:#fff!important;font-weight:700;font-size:15px;padding:0 var(--s3);height:48px;border-radius:var(--r-sm);align-self:center;transition:background .15s;white-space:nowrap;}
.hm-wa:hover{background:var(--c-wa-d);color:#fff!important;}
.hm-wa i{font-size:20px;}

/* Orta ekran (<=1200): WhatsApp temiz yuvarlak ikon olur, kare hissi biter */
@media (max-width:1200px){
  .hm-wa-txt{display:none;}
  .hm-wa{padding:0;width:48px;height:48px;border-radius:var(--r-pill);justify-content:center;align-self:center;margin-left:var(--s1);}
  .hm-wa i{font-size:22px;}
  .hm-menu>ul>li>a{padding:0 12px;font-size:14px;}
}

/* --- MOBIL HEADER --- */
.hm-mobile{background:#fff;border-bottom:1px solid var(--c-border);padding:var(--s2);}
.hm-mobile-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);}
.hm-logo-m img{height:40px;width:auto;}
.hm-actions-m{display:flex;align-items:center;gap:var(--s3);}
.hm-actions-m a{position:relative;color:var(--c-slate);font-size:26px;display:inline-flex;}
.hm-search-m{display:flex;align-items:center;margin-top:var(--s2);border:1.5px solid var(--c-border);border-radius:var(--r-pill);height:52px;padding:4px;}
.hm-search-m input[type=text]{flex:1;border:0;outline:0;padding:0 var(--s2);font-family:var(--font);font-size:15px;background:transparent;height:100%;}
.hm-search-m button{flex:none;width:44px;height:44px;border:0;background:var(--c-orange);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);}
.burger-icon{width:28px;height:20px;position:relative;cursor:pointer;flex:none;}
.burger-icon span{position:absolute;left:0;width:100%;height:2.5px;background:var(--c-slate);border-radius:2px;}
.burger-icon-top{top:0;} .burger-icon-mid{top:8px;} .burger-icon-bottom{top:16px;}

@media (max-width:991px){ .hm-topbar,.hm-main,.hm-nav{display:none!important;} }