/* Árkádia előregisztráció -- önálló, keretfüggetlen widget stílusa (card 716002d7, 2026-10-09).
   Mindent a --ae-* változókból vesz, direkt színt sehol nem ír, ezért bármelyik befogadó lap
   palettájába illeszthető. Ha a befogadó lap nem ír felül semmit, az alábbi alapértékek futnak.
   Beillesztéskor a .arkadia-ae szabály elé írd a saját --ae-* felülírásaidat (vagy magára a
   .arkadia-ae-re, mint itt lent is), ne a belső selectorokra. */
.arkadia-ae {
  --ae-bg: #F5F3EE;
  --ae-fg: #1B2026;
  --ae-muted: #5C636B;
  --ae-border: #D8D4CC;
  --ae-accent: #22343F;
  --ae-accent-fg: #F5F3EE;
  --ae-error: #B3402E;
  --ae-radius: 14px;
  --ae-gap: 0.85rem;
  --ae-font: inherit;

  box-sizing: border-box;
  max-width: 34rem;
  margin: 2.5rem auto;
  padding: 1.75rem;
  background: var(--ae-bg);
  color: var(--ae-fg);
  border: 1px solid var(--ae-border);
  border-radius: var(--ae-radius);
  font-family: var(--ae-font);
}
.arkadia-ae *, .arkadia-ae *::before, .arkadia-ae *::after { box-sizing: border-box; }

.arkadia-ae__cim { margin: 0 0 0.5rem; font-size: 1.4rem; line-height: 1.2; }
.arkadia-ae__szoveg { margin: 0 0 1.25rem; color: var(--ae-muted); line-height: 1.5; }

.arkadia-ae__urlap { display: flex; flex-direction: column; gap: var(--ae-gap); }

.arkadia-ae__csapda { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }

.arkadia-ae__mezo { display: flex; flex-direction: column; gap: 0.3rem; font-size: 0.95rem; }
.arkadia-ae__mezo small { color: var(--ae-muted); font-weight: normal; }
.arkadia-ae__mezo input {
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--ae-border);
  border-radius: calc(var(--ae-radius) / 2);
  background: color-mix(in srgb, var(--ae-bg) 85%, var(--ae-fg) 2%);
  color: var(--ae-fg);
  font: inherit;
}
.arkadia-ae__mezo input:focus-visible { outline: 2px solid var(--ae-accent); outline-offset: 1px; }
.arkadia-ae__mezo input[aria-invalid="true"] { border-color: var(--ae-error); }

.arkadia-ae__hozzajarulas {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--ae-muted);
}
.arkadia-ae__hozzajarulas input { margin-top: 0.2rem; flex-shrink: 0; }
.arkadia-ae__hozzajarulas input[aria-invalid="true"] + span { color: var(--ae-error); }

.arkadia-ae__gomb {
  align-self: flex-start;
  padding: 0.65rem 1.4rem;
  border: none;
  border-radius: calc(var(--ae-radius) / 2);
  background: var(--ae-accent);
  color: var(--ae-accent-fg);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.arkadia-ae__gomb:hover { filter: brightness(1.1); }
.arkadia-ae__gomb:disabled { opacity: 0.6; cursor: default; }

.arkadia-ae__uzenet { margin: 0; min-height: 1.2em; font-size: 0.92rem; }
.arkadia-ae__uzenet[data-allapot="siker"] { color: #2E7D4F; font-weight: 600; }
.arkadia-ae__uzenet[data-allapot="hiba"] { color: var(--ae-error); }

.arkadia-ae__lab { margin: 1.25rem 0 0; font-size: 0.85rem; color: var(--ae-muted); }
.arkadia-ae__lab a { color: inherit; }

@media (max-width: 420px) {
  .arkadia-ae { margin: 1.5rem 0; padding: 1.25rem; border-radius: calc(var(--ae-radius) * 0.7); }
}