:root{
  /* Világos téma (alap) */
  --bg:#f8f8f8;
  --card:#ffffff;
  --text:#111111;
  --muted:#666666;
  --primary:#001777;        /* gombok, linkek */
  --danger:#822;
  --accent:#f5a300;
  --border:#dddddd;
  --shadow:0 0 16px rgba(0,0,0,.08);
  --radius:16px;
  --radius-sm:8px;
  --gap:16px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

[data-theme="dark"]{
  /* Sötét téma – CSAK SZÍNEK; layout változatlan */
  --bg:#121417;
  --card:#1a1d21;
  --text:#f2f2f2;
  --muted:#a7b0ba;
  --primary:#6aa0ff;
  --danger:#ff6b6b;
  --accent:#ffe45b;
  --border:#2a2f36;
  --shadow:0 0 16px rgba(0,0,0,.35);
}



/* Alap elemek */
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font)}
a{color:var(--primary);text-decoration:none}

/* Kártyák, dobozok – ha használtok ilyet a publikus oldalon */
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}

/* Gombok (ha van publikus gomb-stílus) */
.btn{appearance:none;border:0;border-radius:8px;padding:10px 18px;cursor:pointer;background:var(--primary);color:#fff}
.btn.danger{background:var(--danger)}
.btn.ghost{background:transparent;border:1px solid var(--primary);color:var(--primary)}

/* Inputok */
input,select,textarea{background:#fff;color:#111;border:1px solid var(--border);border-radius:8px;padding:10px}
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea{background:#1f2328;color:#f2f2f2;border-color:var(--border)}

/* Tábla (ha kell a publikus oldalon is) */
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:8px;text-align:left}
.table th{background:rgba(0,0,0,.04)}
[data-theme="dark"] .table th{background:rgba(255,255,255,.05)}

.boltinfo-box {
  background: var(--card);
  color: var(--text);
  border-radius: 16px;
  margin: 30px auto 16px auto;
  max-width: 560px;
  padding: 18px 26px;
  box-shadow: 0 0 16px #0008;
  font-size: 1.12em;
}

.boltinfo-flex {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}
.site-logo {
  max-height: 64px;
  display: block;
}
@media (max-width: 600px) {
  .boltinfo-flex { flex-direction: column; gap: 10px; }
}

#meretPopup {
  display: none;
  position: fixed;
  left: 0; top: 0; width: 100vw; height: 100vh;
  z-index: 9999;
  background: rgba(0,0,0,0.70);
  align-items: center; justify-content: center;
}
#meretPopup .meret-modal {
  background: var(--card);
  color: var(--text);
  border-radius: 14px;
  max-width: 480px; width: 92vw;
  max-height: 92vh; overflow-y: auto;
  margin: 40px auto;
  padding: 20px 18px 14px 18px;
  box-shadow: var(--shadow);
}
#meretPopup h3 { margin-top: 0; color: var(--accent); font-size: 1.18em; }
#meretPopup .table { width: 100%; border-collapse: collapse; margin-bottom: 7px; }
#meretPopup .table th, #meretPopup .table td { border-bottom: 1px solid var(--border); padding: 8px; text-align: left; }
#meretPopup .table th { background: rgba(0,0,0,.04); }
[data-theme="dark"] #meretPopup .table th { background: rgba(255,255,255,.05); }