/* Mimoza mega menü v2.1 — WebFX tipi, Mimoza renkleri (sarı / koyu / krem). */

/* ---------- Üst düzey tetikleyiciler ---------- */
html body.mzd .mz-nav__list.mzm-list { list-style: none; margin: 0; padding: 0; }
html body.mzd .mz-nav__list > li.mzm-item { position: static; padding: 0; }
html body.mzd .mzm-trigger {
  display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 12px;
  border: 0; border-radius: 10px; background: transparent; cursor: pointer;
  color: var(--mzd-ink); font: 700 14.5px/1.2 var(--mzd-body); white-space: nowrap;
}
html body.mzd .mzm-trigger .mzm-ico { width: 16px; height: 16px; transition: transform .18s ease; }
html body.mzd .mzm-trigger:hover,
html body.mzd .mzm-item.is-open > .mzm-trigger,
html body.mzd .mzm-item.is-current > .mzm-trigger { background: var(--mzd-yellow-soft); }
html body.mzd .mzm-item.is-open > .mzm-trigger .mzm-ico { transform: rotate(180deg); }

/* ---------- Panel içeriği (ortak) ---------- */
html body.mzd .mzm-col { background: var(--mzd-cream); border: 1px solid var(--mzd-line); border-radius: 16px; padding: 16px 16px 10px; min-width: 0; }
html body.mzd .mzm-col__head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin: 0 0 8px;
  font: 700 16px/1.25 var(--mzd-display); color: var(--mzd-ink); letter-spacing: -.01em;
}
html body.mzd .mzm-col__ico { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--mzd-yellow); color: var(--mzd-ink); }
html body.mzd .mzm-col__ico .mzm-ico { width: 18px; height: 18px; }
html body.mzd .mzm-links { list-style: none; margin: 0; padding: 0; }
html body.mzd .mzm-links li { margin: 0; padding: 0; }
html body.mzd .mzm-links a {
  display: block; margin: 0 -8px; padding: 7px 8px; border-radius: 10px;
  color: var(--mzd-ink-3); font: 600 14px/1.35 var(--mzd-body); text-decoration: none;
}
html body.mzd .mzm-links a:hover { background: var(--mzd-yellow-soft); color: var(--mzd-ink); }
html body.mzd .mzm-links a[aria-current="page"] { background: var(--mzd-ink); color: var(--mzd-on-dark); }

html body.mzd .mzm-feature {
  display: flex; flex-direction: column; gap: 8px; padding: 20px; border-radius: 16px;
  background: var(--mzd-ink); color: var(--mzd-on-dark); min-width: 0;
}
html body.mzd .mzm-feature__eyebrow { color: var(--mzd-yellow); font: 800 11.5px/1 var(--mzd-body); letter-spacing: .08em; text-transform: uppercase; }
html body.mzd .mzm-feature__title { font: 700 21px/1.2 var(--mzd-display); letter-spacing: -.015em; color: var(--mzd-on-dark); }
html body.mzd .mzm-feature__stat { font: 800 46px/1 var(--mzd-display); color: var(--mzd-yellow); letter-spacing: -.03em; }
html body.mzd .mzm-feature__statlabel { font: 700 15px/1.3 var(--mzd-body); color: var(--mzd-on-dark); }
html body.mzd .mzm-feature__text { font: 500 14px/1.5 var(--mzd-body); color: var(--mzd-on-dark-muted); }
html body.mzd .mzm-feature__btn {
  margin-top: auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 16px;
  border-radius: 999px; background: var(--mzd-yellow); color: var(--mzd-ink); font: 800 14px/1 var(--mzd-body); text-decoration: none;
}
html body.mzd .mzm-feature__btn:hover { background: #FFD45C; color: var(--mzd-ink); }
html body.mzd .mzm-feature__btn .mzm-ico { width: 16px; height: 16px; }

html body.mzd .mzm-foot {
  grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px;
  padding: 12px 4px 0; border-top: 1px solid var(--mzd-line); font: 600 13.5px/1.4 var(--mzd-body); color: var(--mzd-muted);
}
html body.mzd .mzm-foot a { color: var(--mzd-ink); font-weight: 800; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
html body.mzd .mzm-foot a:hover { text-decoration: underline; text-underline-offset: 3px; }
html body.mzd .mzm-foot .mzm-ico { width: 16px; height: 16px; }

/* ---------- Masaüstü: açılır panel ---------- */
@media (min-width: 901px) {
  html body.mzd .mz-header__inner { position: relative; }
  html body.mzd .mz-nav__list.mzm-list { display: flex; flex-wrap: nowrap; align-items: center; gap: 2px; }
  html body.mzd .mzm-panel {
    position: absolute; left: 0; right: 0; top: 100%; z-index: 90; padding-top: 8px;
    opacity: 0; visibility: hidden; transform: translateY(-6px); pointer-events: none;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s;
  }
  html body.mzd .mzm-item.is-open > .mzm-panel {
    opacity: 1; visibility: visible; transform: none; pointer-events: auto;
    transition: opacity .16s ease, transform .16s ease, visibility 0s;
  }
  html body.mzd .mzm-panel__inner {
    display: grid; grid-template-columns: repeat(var(--mzm-cols, 3), minmax(0, 1fr)) minmax(230px, .95fr); gap: 14px;
    max-height: calc(100vh - 150px); overflow: auto;
    padding: 20px; background: var(--mzd-white); border: 1px solid var(--mzd-line); border-top: 4px solid var(--mzd-yellow);
    border-radius: 22px; box-shadow: 0 34px 90px -34px rgba(23, 21, 15, .45);
  }
}
/* Logo ve menü yan yana sığsın */
@media (min-width: 901px) {
  html body.mzd .mz-header__brand { flex: 0 0 auto; min-width: 0; }
  html body.mzd .mz-nav { min-width: 0; }
}
@media (min-width: 901px) and (max-width: 1440px) {
  html body.mzd .mzm-trigger { padding: 0 9px; font-size: 14px; }
  html body.mzd .mz-header__logo span { font-size: 19px; }
}
@media (min-width: 901px) and (max-width: 1340px) {
  html body.mzd .mz-header__logo span { display: none; }
}
/* Dar masaüstü: menü sığsın */
@media (min-width: 901px) and (max-width: 1200px) {
  html body.mzd .mzm-trigger { padding: 0 8px; font-size: 13.5px; }
  html body.mzd .mz-nav__cta { padding-inline: 14px; font-size: 13.5px; }
  html body.mzd .mzm-panel__inner { grid-template-columns: repeat(var(--mzm-cols, 3), minmax(0, 1fr)); }
  html body.mzd .mzm-feature { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; }
  html body.mzd .mzm-feature__btn { margin: 0 0 0 auto; }
}
@media (min-width: 901px) and (max-width: 1020px) {
  html body.mzd .mzm-trigger { padding: 0 6px; font-size: 13px; gap: 2px; }
  html body.mzd .mz-nav__cta { padding-inline: 12px; font-size: 13px; }
}

/* ---------- Mobil: akordeon ---------- */
@media (max-width: 900px) {
  html body.mzd .mz-nav.is-open { max-height: calc(100vh - 110px); overflow-y: auto; -webkit-overflow-scrolling: touch; }
  html body.mzd .mz-nav__list.mzm-list { display: flex; flex-direction: column; gap: 4px; width: 100%; }
  html body.mzd .mzm-trigger { width: 100%; justify-content: space-between; min-height: 50px; padding: 0 12px; font-size: 16px; }
  html body.mzd .mzm-panel { display: none; padding: 4px 0 10px; }
  html body.mzd .mzm-item.is-open > .mzm-panel { display: block; }
  html body.mzd .mzm-panel__inner { display: grid; grid-template-columns: 1fr; gap: 10px; }
  html body.mzd .mzm-col { padding: 12px 14px 6px; }
  html body.mzd .mzm-links a { padding: 10px 8px; font-size: 15px; }
  html body.mzd .mzm-feature { padding: 16px; }
  html body.mzd .mzm-feature__title { font-size: 18px; }
  html body.mzd .mzm-foot { padding-top: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  html body.mzd .mzm-panel, html body.mzd .mzm-item.is-open > .mzm-panel, html body.mzd .mzm-trigger .mzm-ico { transition: none; transform: none; }
}

/* Arapça (sağdan sola) */
html[dir="rtl"] body.mzd .mzm-links a { text-align: right; }
