/* Smúz Café — mobil- és szűkített menü.
   A csomagokban 980 px alatt egyszerűen eltűnt a menü (.nav .links{display:none}),
   mobilmenü nélkül. Itt fix töréspont helyett SZÉLESSÉG-ŐR dönt (lásd smz-menu.js),
   ezért minden szabály osztályhoz kötött, nem media query-hez. */

#hdr .nav { position: relative; z-index: 2; }

/* A .smz-links láthatóságát MI vezéreljük — felül kell írni az oldal saját
   @media(max-width:980px){.nav .links{display:none}} szabályát. */
#hdr .nav .smz-links { display: flex !important; }
#hdr.smz-szuk .nav .smz-links { display: none !important; }

/* 1. lépcső: tömörebb menü, mielőtt hamburgerre váltanánk */
#hdr.smz-tomor .nav { gap: 18px !important; }
#hdr.smz-tomor .nav .smz-links { gap: 15px !important; }
#hdr.smz-tomor .nav .smz-links a { font-size: 11.5px !important; letter-spacing: .09em !important; }
#hdr.smz-tomor .nav .cta { padding: 11px 17px !important; font-size: 11.5px !important; }

/* aktív oldal jelölése */
#hdr .nav .smz-links a[aria-current="page"] { position: relative; }
#hdr .nav .smz-links a[aria-current="page"]::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -7px;
  height: 2px; background: #F4643D; border-radius: 2px;
}

/* ---------------- nyelvváltó a fejlécben ---------------- */
.smz-nyelv {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 34px; padding: 0 11px;
  border: 1.5px solid rgba(38, 25, 15, .22); border-radius: 999px;
  font: 700 11.5px/1 'Manrope', sans-serif; letter-spacing: .12em;
  color: inherit; text-decoration: none !important;
  transition: background .2s, border-color .2s, color .2s;
}
.smz-nyelv:hover, .smz-nyelv:focus-visible {
  background: #F4643D; border-color: #F4643D; color: #fff;
}
/* A fejléc a hero fölött világos szövegű, görgetés után sötét — a keret kövesse. */
#hdr:not(.scrolled) .smz-nyelv { border-color: rgba(255, 255, 255, .5); color: #fff; }
#hdr.smz-nyitva .smz-nyelv { display: none; }

/* ---------------- hamburger ---------------- */
.smz-burger {
  display: none; width: 44px; height: 44px; padding: 0; margin: 0;
  border: 0; background: transparent !important; cursor: pointer;
  align-items: center; justify-content: center; flex-direction: column; gap: 6px;
  -webkit-appearance: none; appearance: none; border-radius: 999px;
}
#hdr.smz-szuk .smz-burger { display: inline-flex !important; }
.smz-burger:focus-visible { outline: 2px solid #F4643D; outline-offset: 2px; }
.smz-burger-vonal {
  display: block; width: 24px; height: 2px; border-radius: 2px;
  background: #fff; transition: transform .28s ease, opacity .2s ease, background .35s;
}
#hdr.scrolled .smz-burger-vonal { background: #26190f; }
/* A panel VILÁGOS, ezért nyitott állapotban a hamburger sötét legyen. */
#hdr.smz-nyitva .smz-burger-vonal { background: #26190f !important; }
#hdr.smz-nyitva .smz-burger-vonal:nth-child(1) { transform: translateY(4px) rotate(45deg); }
#hdr.smz-nyitva .smz-burger-vonal:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }

/* ---------------- teljes képernyős panel ----------------
   A LÁTHATÓSÁG OSZTÁLYTÓL FÜGG, nem animációtól: ha a téma vagy egy
   akadálymentesítő widget kilövi az átmeneteket, a panel akkor is megjelenik. */
.smz-panel {
  display: none; position: fixed; inset: 0; z-index: 1;
  background: #F7E6D4; color: #26190f;
  overflow-y: auto; -webkit-overflow-scrolling: touch;
}
#hdr.smz-nyitva .smz-panel { display: block; }
.smz-panel-belso {
  min-height: 100%; box-sizing: border-box;
  display: flex; flex-direction: column; justify-content: space-between;
  gap: 40px; padding: 108px 26px 44px; max-width: 720px; margin: 0 auto;
}

/* Nagy, világos szedésű, balra zárt lista — számozás és elválasztó vonalak
   nélkül, a megküldött referencia szerint. */
.smz-p-nav { display: flex; flex-direction: column; gap: 4px; }
.smz-p-link {
  display: block;
  font-family: 'Instrument Serif', Georgia, serif;
  font-size: clamp(30px, 8.5vw, 44px); line-height: 1.24; font-weight: 400;
  color: #26190f !important; text-decoration: none !important;
  padding: 7px 0;
  overflow-wrap: break-word; min-width: 0;
  transition: color .2s;
}
.smz-p-link:hover, .smz-p-link:focus-visible { color: #F4643D !important; }
.smz-p-link[aria-current="page"] { color: #F4643D !important; }

.smz-p-alj { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; }
.smz-p-cta {
  display: inline-flex; align-items: center; justify-content: center;
  background: #F4643D !important; color: #fff !important;
  font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; text-decoration: none !important;
  padding: 16px 30px; border-radius: 999px; text-align: center;
}
.smz-p-cta:hover, .smz-p-cta:focus-visible { background: #527548 !important; color: #fff !important; }

.smz-p-info { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.smz-p-info li {
  font-family: 'Manrope', sans-serif; font-size: 13.5px; line-height: 1.6;
  color: rgba(38, 25, 15, .68);
  min-width: 0; overflow-wrap: anywhere;
}
.smz-p-info a { color: rgba(38, 25, 15, .68) !important; text-decoration: none !important; }
.smz-p-info a:hover { color: #F4643D !important; }

.smz-p-soc { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.smz-p-soc a {
  font-family: 'Manrope', sans-serif; font-size: 11.5px; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: rgba(38, 25, 15, .62) !important; text-decoration: none !important;
}
.smz-p-soc a:hover { color: #F4643D !important; }

/* nyelvváltó pirula — a referencián itt volt a pénznemválasztó */
.smz-nyelv-pill {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1.5px solid rgba(38, 25, 15, .28); border-radius: 10px;
  padding: 9px 16px;
  font: 700 12px/1 'Manrope', sans-serif; letter-spacing: .14em;
  color: #26190f !important; text-decoration: none !important; background: #fff;
}
.smz-nyelv-pill::after { content: '\2197'; font-size: 11px; opacity: .5; }
.smz-nyelv-pill:hover { border-color: #F4643D; color: #F4643D !important; }

.smz-p-jogi { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.smz-p-jogi a {
  font-family: 'Manrope', sans-serif; font-size: 11px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(38, 25, 15, .45) !important; text-decoration: none !important;
}
.smz-p-jogi a:hover { color: #F4643D !important; }

/* iOS-biztos háttérzárolás: a body fixálódik, a görgetés pozícióját a JS állítja vissza */
body.smz-zarolt { position: fixed; width: 100%; left: 0; right: 0; overflow: hidden; }

@media (prefers-reduced-motion: reduce) {
  .smz-burger-vonal { transition: none; }
}

/* Nagyon keskeny telefonon a fejléc CTA-ja kikerül — a panelben ott van. */
@media (max-width: 430px) {
  #hdr.smz-szuk .nav .cta { display: none !important; }
}