/* Üveges szerkezet: mindkét témában ugyanez, a színeket a témafájl adja a változókon át */
html { background-color: var(--lap); }
body { background: transparent; }
body { color: var(--szoveg); }
a { color: var(--zold-elenk); }

/* Fejléc: lebegő üveges sáv */
.fejlec { background: transparent; box-shadow: none; padding: 10px 12px 0; }
.fejlec-sor {
  background: var(--glass-bg); -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); border-radius: 22px; min-height: 62px;
  padding-left: 14px; padding-right: 10px;
}
@media (min-width: 900px) { .fejlec-sor { min-height: 72px; padding-left: 22px; padding-right: 16px; } }
@media (max-width: 480px) { .fejlec-sor { padding-left: 10px; padding-right: 8px; } }
.marka-szoveg small { color: var(--halvany); }
.menu a:hover { color: var(--neon); }
@media (max-width: 899px) {
  .menu.nyitva {
    left: 12px; right: 12px; top: calc(100% + 6px); border-radius: 22px; border: 1px solid var(--glass-border);
    background: var(--menu-bg); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); box-shadow: var(--menu-shadow);
  }
}

/* Nyitó rész */
.nyito-cim::first-line { color: var(--akcent); font-weight: 800; }
.most-panel {
  background: var(--glass-bg); -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); border-radius: 24px; padding: 16px 22px;
}
@media (min-width: 900px) { .most-panel { padding: 20px 28px; } .most-nyitva { border-top-color: var(--panel-line); } }
.most-nyitva .pont { background: var(--neon); }

/* Ügyeletes kártya: mély zöld üveg lime fénnyel */
.ugyelet {
  position: relative; background: var(--glass-deep); color: #f1efe6;
  -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%);
  border: 1px solid var(--deep-border); box-shadow: var(--deep-shadow);
}
.ugyelet::before { content: ""; position: absolute; right: -110px; top: -130px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--lime-rgb), 0.28), transparent 65%); filter: blur(24px); pointer-events: none; }
.ugyelet > * { position: relative; }
.ugyelet a { color: #f1efe6; }
.ugyelet .cimke { box-shadow: none; }
.ugyelet .cimke.kesobb { background: rgba(241, 239, 230, 0.16); color: #f1efe6; box-shadow: none; }
.ugyelet .cimke.unnep { box-shadow: none; }
.ugyelet .cim { color: #b9cfc3; }
.ugyelet .gomb.lime { border-color: transparent; box-shadow: none; }
.ugyelet .gomb.korvonal { background: rgba(241, 239, 230, 0.1); border-color: rgba(241, 239, 230, 0.28); color: #f1efe6; }
.ugyelet .gomb.korvonal:hover { color: var(--lime); }
.ugyelet .visszaszamlalo { background: rgba(241, 239, 230, 0.16); color: #f1efe6; }
.ugyelet .forras-sor, .ugyelet .hibas-adat { color: #b9cfc3; }
.ugyelet .hibas-adat a { color: #b9cfc3; text-decoration: underline; }
.ugyelet-mellek { background: rgba(0, 0, 0, 0.2); }
.ugyelet-mellek .hold { stroke: #d6efc7; }
.ugyelet-terkep { background: rgba(4, 26, 18, 0.5); }
.terkep-hely { background: none; }

/* Segélyhívók és üveges panelek */
.segely.orvosi-szam, .segely.mento { background: var(--glass-bg); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: var(--glass-shadow); }
.segely.orvosi-szam { border-color: var(--segely1); }
.segely.mento { border-color: var(--segely2); }
.panel, .visszajelzes, .forrasok, .kozerdeku {
  background: var(--glass-bg); -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
  border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow);
}
.info-racs { border-top-color: var(--panel-line); }
.info-kartya { background: var(--alt-bg); }
.ellatas { background: var(--ellatas-bg); }
.ellatas.felnott { background: var(--felnott-bg); }
.ellatas.gyermek { background: var(--gyermek-bg); }
.harmonika { border-color: var(--panel-line); background: var(--faq-bg); }
.harmonika details { background: transparent; }
.harmonika details + details { border-top-color: var(--panel-line); }
.harmonika summary:hover, .harmonika details[open] summary { background: var(--faq-hover); }
.valasz { background: var(--valasz-bg); }
.unnep-jelzes { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.nyelv-ajanlo { background: var(--toast-bg); border: 1px solid var(--glass-border); }

/* Lista és keresés */
.kozel, .kereso, .szurok { background: var(--chip-bg); }
.kartya { background: var(--card-bg); border: 1px solid var(--glass-border); border-radius: 24px; box-shadow: var(--card-shadow); }
.beosztas li { background: var(--row-bg); }

/* Lábléc: üveges kártya */
.lab { background: var(--glass-bg); color: var(--szoveg); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); border-radius: 28px; margin: 44px 12px 12px; -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
@media (min-width: 1264px) { .lab { margin-left: auto; margin-right: auto; max-width: 1240px; } }
.lab, .lab p, .lab a, .lab-marka { color: var(--szoveg); }
.lab a:hover { color: var(--neon); }
.lab-jogi, .lab-jogi p { color: var(--halvany); }
.lab-jogi strong { color: var(--szoveg); }
.lab-jogi { border-top-color: var(--panel-line); }
.lab-marka .lab-jel { box-shadow: none; }

/* Jogi aloldalak */
.aloldal .vissza { color: var(--zold-elenk); }
.aloldal .adatok { background: var(--glass-bg); border: 1px solid var(--glass-border); }

/* Vissza az oldal tetejére: üveges gomb */
.fel-gomb {
  background: var(--fab-bg); color: var(--akcent); border: 1px solid var(--glass-border);
  -webkit-backdrop-filter: blur(16px) saturate(170%); backdrop-filter: blur(16px) saturate(170%);
  box-shadow: inset 0 1px 0 var(--fab-fenyes), 0 10px 26px -10px rgba(0, 0, 0, 0.45);
}
.fel-gomb:hover { background: var(--fab-hover); color: var(--akcent); }

.kozerdeku-cimke { background: var(--alt-bg); border-color: var(--panel-line); color: var(--akcent); }
.kozerdeku-adatok > div { background: var(--alt-bg); }
.kozerdeku-adatok dt { color: var(--halvany); }
.kozerdeku-adatok dd, .kozerdeku-szoveg, .kozerdeku h2 { color: var(--szoveg); }
.kozerdeku .apro { color: var(--halvany); }
.kozerdeku .gomb.lime { box-shadow: none; }