/* =====================================================================
   Saját felugró ablak (alert / confirm helyett) — közös, mindkét oldalon.
   A színeket a lap fő CSS-e (:root) adja; fallback értékek biztosításként.
   ===================================================================== */
.dlg-overlay{position:fixed; inset:0; z-index:1000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(10,7,4,.72); backdrop-filter:blur(4px)}
.dlg-overlay[hidden]{display:none !important}

.dlg-card{width:100%; max-width:410px; background:var(--korom-2,#1E150E);
  border:1px solid var(--line,#3C2A1C); border-radius:18px; padding:26px 26px 22px;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.8);
  color:var(--text,#F1E4D2); font-family:"Hanken Grotesk",system-ui,sans-serif;
  animation:dlg-in .16s ease}
@keyframes dlg-in{from{opacity:0; transform:translateY(8px) scale(.98)} to{opacity:1; transform:none}}

.dlg-card h3{font-family:"Fraunces",Georgia,serif; font-weight:900; font-size:22px; line-height:1.1;
  margin:0 0 10px; color:var(--izzas,#FCE9C4)}
.dlg-card h3[hidden]{display:none}
.dlg-card p{margin:0 0 20px; font-size:15px; line-height:1.5; color:var(--text,#F1E4D2); white-space:pre-line}

.dlg-actions{display:flex; gap:10px; justify-content:flex-end; flex-wrap:wrap}
.dlg-btn{font-family:"Hanken Grotesk"; font-weight:700; font-size:14px; cursor:pointer;
  padding:10px 18px; border-radius:999px; border:1px solid transparent}
.dlg-btn.primary{color:#231206; background:linear-gradient(180deg,var(--lang-2,#FBBF3C),var(--parazs,#E4571B))}
.dlg-btn.ghost{background:transparent; border:1px solid var(--line,#3C2A1C); color:var(--text,#F1E4D2)}
.dlg-btn.ghost:hover{border-color:var(--parazs,#E4571B); color:var(--izzas,#FCE9C4)}
.dlg-btn.danger{color:#fff; background:linear-gradient(180deg,#E4726B,#C23A32)}
.dlg-btn:focus-visible{outline:2px solid var(--lang,#F59E1B); outline-offset:2px}