/**
 * MobileHeaven — Fejléc + mobilmenü
 *
 * MEGJEGYZÉS: a Blocksy a fejlécet a Testreszabó (Customizer) → Header
 * builderrel állítja össze, ezért a pontos class-nevek a te beállításodtól
 * (logó típusa, menü elrendezés, ikonok) függően kissé eltérhetnek.
 * Az itt használt osztálynevek (ct-*) a Blocksy jelenlegi, dokumentált
 * konvencióját követik. Ha valamelyik szelektor nem "fog", nyisd meg a
 * böngésző fejlesztői eszközét (jobb klikk → Vizsgálat) a fejlécen,
 * és küldd el nekem a pontos class-t — egy percben pontosítom.
 */

/* ---------- fejléc konténer ---------- */
.ct-header{
  background:rgba(255,255,255,.85) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--mh-line);
  box-shadow:none !important;
}

.ct-header .site-logo img,
.ct-header .site-logo a{
  transition:opacity var(--mh-transition);
}
.ct-header .site-logo a:hover{
  opacity:.7;
}

/* ---------- fő navigáció ---------- */
.ct-header-menu-item > a,
.ct-header .item-link{
  font-weight:600;
  font-size:14.5px;
  color:var(--mh-text) !important;
  letter-spacing:-.005em;
}
.ct-header-menu-item > a:hover{
  color:var(--mh-muted) !important;
}

/* aktuális oldal jelölése finoman, nem rikítóan */
.ct-header-menu-item.current-menu-item > a{
  border-bottom:2px solid var(--mh-text);
  padding-bottom:4px;
}

/* ---------- fejléc ikonok (kosár, keresés, fiók) ---------- */
.ct-header-icon,
.ct-header .ct-icon-cart{
  border-radius:var(--mh-radius-sm);
  transition:background var(--mh-transition);
}
.ct-header-icon:hover{
  background:var(--mh-bg-soft);
}

/* kosár darabszám badge */
.ct-cart-count,
.cart-counter{
  background:var(--mh-text) !important;
  color:#fff !important;
  border-radius:999px;
  font-weight:700;
}

/* ---------- mobilmenü (hamburger panel) ---------- */
.ct-panel,
.ct-header .ct-toggle{
  border-radius:0;
}

.ct-panel{
  background:#fff !important;
}

.ct-panel .ct-panel-content a{
  font-weight:600;
  font-size:16px;
  padding:16px 20px;
  border-bottom:1px solid var(--mh-line);
  color:var(--mh-text);
}

/* hamburger ikon animáció finomítása */
.ct-toggle span{
  background:var(--mh-text) !important;
  transition:transform var(--mh-transition), opacity var(--mh-transition);
}

/* ---------- kiemelt "Kosár" / CTA gomb a fejlécben, ha van ---------- */
.ct-header .button,
.ct-header .wp-block-button__link{
  background:var(--mh-text);
  color:#fff;
  border-radius:999px;
  padding:10px 22px;
  font-weight:700;
  font-size:14px;
}
.ct-header .button:hover{
  background:#000;
  transform:translateY(-1px);
}

/* ---------- reszponzív finomhangolás ---------- */
@media (max-width: 768px){
  .ct-header{
    padding-top:6px;
    padding-bottom:6px;
  }
  .ct-panel .ct-panel-content a{
    font-size:15px;
    padding:14px 18px;
  }
}