/* DS Hamburger Menü – Front CSS v1.1.0 */
/* Değişkenler: Elementor renklerinden bağımsız, panelden gelir */
.ds-hmb{
  --ds-hmb-accent:#111827;
  --ds-hmb-bg:#ffffff;
  --ds-hmb-text:#0f172a;
  --ds-hmb-breakpoint:1024px;
  position:relative; z-index:20;
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;
}
.ds-hmb * { box-sizing:border-box; }

/* Toggle button */
.ds-hmb-toggle{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.5rem .75rem; border-radius:999px;
  border:1px solid #e5e7eb; background:#fff; color:var(--ds-hmb-accent);
  line-height:1; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.ds-hmb-toggle:hover{ background:#f8fafc; }
.ds-hmb-icon i{ font-size:1.125rem; line-height:1; display:inline-block; }
.ds-hmb-label{ font-weight:600; font-size:.95rem; }

/* Hide toggle on wide screens (breakpoint panelden) */
@media (min-width: calc(var(--ds-hmb-breakpoint))){
  .ds-hmb-toggle{ display:none; }
}

/* Overlay */
.ds-hmb-overlay{ position:fixed; inset:0; background:rgba(15,23,42,.5); backdrop-filter:saturate(160%) blur(2px); z-index:9998; }
.ds-hmb-overlay[hidden]{ display:none; }

/* Drawer */
.ds-hmb-drawer{
  position:fixed; inset:0 auto 0 0; width:min(86vw, 360px);
  background:var(--ds-hmb-bg); color:var(--ds-hmb-text);
  transform:translateX(-102%); transition:transform .28s cubic-bezier(.2,.8,.2,1);
  z-index:9999; display:flex; flex-direction:column; outline:0;
  box-shadow:4px 0 24px rgba(0,0,0,.12);
}
.ds-hmb-drawer.is-open{ transform:translateX(0); }

.ds-hmb-topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px; border-bottom:1px solid #e5e7eb;
}
.ds-hmb-logo{ max-height:28px; width:auto; object-fit:contain; }
.ds-hmb-close{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:10px; border:1px solid #e5e7eb;
  background:#fff; color:var(--ds-hmb-text); cursor:pointer;
}
.ds-hmb-close i{ font-size:1.1rem; line-height:1; }
.ds-hmb-close:hover{ background:#f1f5f9; }

.ds-hmb-nav{ padding:6px 8px 12px; overflow:auto; -webkit-overflow-scrolling:touch; }
.ds-hmb-menu, .ds-hmb-menu ul{ list-style:none; margin:0; padding:0; }
.ds-hmb-menu > li{ border-bottom:1px dashed #e5e7eb; position:relative; }

.ds-hmb-link{
  display:block; padding:14px 12px; text-decoration:none; color:var(--ds-hmb-text); font-weight:600;
}
.ds-hmb-link:hover{ background:#f8fafc; }

/* Submenu toggle: hizalama düzgün (sağa sabit, dikey ortalı) */
.menu-item-has-children > .ds-hmb-link{ padding-right:48px; }
.ds-hmb-subtoggle{
  position:absolute; right:8px; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:8px; background:#ffffff; border:1px solid #e5e7eb; color:#334155;
  display:inline-flex; align-items:center; justify-content:center;
}
.ds-hmb-subtoggle i{ font-size:.95rem; line-height:1; }
.ds-hmb-subtoggle[aria-expanded="true"] i{ transform:rotate(180deg); }

.sub-menu{ display:none; padding-left:10px; }
.sub-menu .ds-hmb-link{ font-weight:500; padding:12px 12px; }
.sub-menu .menu-item-has-children > .ds-hmb-link{ padding-right:44px; }
.sub-menu .sub-menu{ padding-left:8px; border-left:2px solid #e5e7eb; }

/* Not */
.ds-hmb-note{ padding:12px; color:#475569; font-size:.9rem; }
