/* PÉNZ7 – Önkéntes regisztráció, 5 lépéses űrlap (2026/27)
   A pedagogus-regisztracio-2026.css (p7w-*) stílusaira épül. */
.p7o [hidden], .p7o-bevezeto[hidden] { display: none !important; }

/* Bevezető tájékoztató */
.p7o-bevezeto { max-width: 980px; margin: 0 auto 10px; line-height: 22px; text-align: left; }
.p7o-bevezeto p { margin: 8px 5px; }
.p7o-bevezeto ol { margin: 6px 5px 10px 28px; padding: 0; }
.p7o-bevezeto li { margin: 0 0 6px; }
.p7o-alcim { font-weight: bold; font-size: 1.1rem; margin-top: 16px !important; border-bottom: 1px solid #ddd; padding-bottom: 4px; }

.p7o-halvany { color: #888; font-size: 0.9em; }
.p7o-kotelezo { color: #e51a90; font-size: 0.85em; font-weight: normal; }

/* Régiók – több oszlopban */
.p7o-regiok { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 16px; }
.p7o-regiok label { display: flex; gap: 8px; align-items: center; text-transform: none !important; font-weight: normal; font-size: 0.95rem; margin: 0; cursor: pointer; }

/* Pedagógus választó helyek (slotok) */
.p7o-slot { border: 2px solid #e51a90; padding: 10px 14px 12px; margin: 14px 0; background: #fff; }
.p7o-slot.kesz { border-color: #2cb4a1; background: #f2fbf9; }
.p7o-slot-cim { font-size: 1.05rem !important; margin: 0 0 8px !important; font-weight: bold; }
.p7o-szint { border-left: 3px solid #eee; padding: 2px 0 6px 12px; margin: 8px 0; }
.p7o-szuro-lista { max-height: 320px; overflow-y: auto; padding-right: 6px; }
.p7o-szuro-lista label { align-items: flex-start !important; line-height: 1.35; }
.p7o-szuro-lista input[type=radio] { margin-top: 3px; flex: 0 0 auto; }
.p7o-slot-gombok { margin-top: 8px; display: flex; gap: 8px; flex-wrap: wrap; }

.p7o-pedagogusok { display: flex; flex-direction: column; gap: 8px; }
.p7o-ped { display: flex !important; gap: 10px; align-items: flex-start; border: 1px solid #ddd; padding: 8px 10px; cursor: pointer;
    text-transform: none !important; font-weight: normal !important; margin: 0 !important; background: #fff; }
.p7o-ped:hover { border-color: #e51a90; }
.p7o-ped input[type=radio] { margin-top: 4px; flex: 0 0 auto; width: 18px; height: 18px; }
.p7o-ped-adatok, .p7o-valasztott { display: flex; flex-direction: column; gap: 2px; font-size: 0.95rem; }
.p7o-ped-nev { font-weight: bold; font-size: 1.05rem; color: #222; }
.p7o-ped-isk { color: #333; }
.p7o-ped-adat { color: #555; font-size: 0.9rem; }
.p7o-ped-spec { color: #d00; font-weight: bold; font-size: 0.9rem; }

@media (max-width: 640px) {
    .p7o-regiok { grid-template-columns: 1fr; }
    .p7o-szint { padding-left: 8px; }
}

/* ---------------------------------------------------------------------
   Rádiógomb / jelölőnégyzet és a szöveg EGY SORBAN
   (#registration-form.p7o előtag + !important: a téma label / input stílusai ne írják felül)
   --------------------------------------------------------------------- */
#registration-form.p7o .p7w-radiok label,
#registration-form.p7o .p7o-regiok label,
#registration-form.p7o .p7w-chk {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
    align-items: center !important; gap: 8px !important;
    float: none !important; width: auto !important; min-height: 0 !important; height: auto !important;
    margin: 0 !important; padding: 2px 0 !important; position: static !important;
    text-transform: none !important; font-weight: normal !important; line-height: 1.35 !important;
}
#registration-form.p7o .p7w-radiok label > input[type=radio],
#registration-form.p7o .p7w-radiok label > input[type=checkbox],
#registration-form.p7o .p7o-regiok label > input[type=checkbox],
#registration-form.p7o .p7w-chk > input[type=checkbox] {
    display: inline-block !important; float: none !important; position: static !important;
    flex: 0 0 auto !important; width: 18px !important; height: 18px !important;
    margin: 0 !important; padding: 0 !important; vertical-align: middle !important;
    opacity: 1 !important; visibility: visible !important;
}
#registration-form.p7o .p7w-radiok label > span,
#registration-form.p7o .p7o-regiok label > span,
#registration-form.p7o .p7w-chk > span { display: inline !important; margin: 0 !important; padding: 0 !important; }
#registration-form.p7o .p7w-radiok.fuggoleges { gap: 6px !important; }
/* a szűrőlistákban (iskola címe két sorban) a gomb a felső sorhoz igazodik */
#registration-form.p7o .p7o-szuro-lista label { align-items: flex-start !important; }
#registration-form.p7o .p7o-szuro-lista label > input[type=radio] { margin-top: 2px !important; }
/* pedagógus kártyák */
#registration-form.p7o .p7o-ped { display: flex !important; flex-direction: row !important; align-items: flex-start !important; }
#registration-form.p7o .p7o-ped > input[type=radio] { display: inline-block !important; float: none !important; position: static !important; flex: 0 0 auto !important; margin: 3px 0 0 !important; }
/* a rejtett (másik témakörhöz tartozó) elemek maradjanak rejtve */
#registration-form.p7o .p7w-radiok label[hidden], #registration-form.p7o .p7o-regiok label[hidden], #registration-form.p7o [hidden] { display: none !important; }
/* szűrőlisták (régió, település, iskola): a görgethető tároló ne vágja le a rádiógombok bal szélét */
#registration-form.p7o .p7o-szint { padding: 4px 0 8px 16px !important; }
#registration-form.p7o .p7o-szuro-lista { padding: 4px 8px 4px 10px !important; overflow-x: hidden; }
#registration-form.p7o .p7o-szuro-lista label { padding: 3px 0 3px 2px !important; }

/* ---------------------------------------------------------------------
   Admin oldal (~/penz7-admin/onkentes-regisztracio-admin.cshtml)
   --------------------------------------------------------------------- */
.p7o-admin-utvonal { margin: 20px 0 0 20px; font-size: 12px; font-weight: bold; }
/* Egységes betűméretek az admin felületen: az admin téma a címsorokat nagyon nagyra (h2),
   a címkéket / rádiógombok szövegét nagyon kicsire állítja – ezeket itt felülírjuk. */
.p7o-admin h1 { font-size: 22px !important; font-weight: bold !important; line-height: 1.3 !important; margin: 10px 0 !important; }
.p7o-admin .p7w { font-size: 14px !important; line-height: 1.45; }
.p7o-admin #registration-form .p7w-lepes > h2.sub-block,
.p7o-admin #registration-form h2.sub-block { font-size: 19px !important; font-weight: bold !important; line-height: 1.3 !important; margin: 14px 0 10px !important; padding: 0 !important; }
.p7o-admin #registration-form h3,
.p7o-admin #registration-form .p7w-alcim,
.p7o-admin #registration-form .p7o-slot-cim { font-size: 16px !important; line-height: 1.3 !important; }
.p7o-admin #registration-form .p7w-mezocim,
.p7o-admin #registration-form .p7w-mezocim b,
.p7o-admin #registration-form .control-label { font-size: 14px !important; line-height: 1.4 !important; text-transform: none !important; }
.p7o-admin #registration-form .p7w-radiok label,
.p7o-admin #registration-form .p7w-radiok label span,
.p7o-admin #registration-form .p7o-regiok label,
.p7o-admin #registration-form .p7o-regiok label span,
.p7o-admin #registration-form .p7o-ped,
.p7o-admin #registration-form .p7w-chk span { font-size: 14px !important; line-height: 1.4 !important; }
.p7o-admin #registration-form .p7o-halvany { font-size: 12px !important; }
.p7o-admin #registration-form .p7w-sugo,
.p7o-admin #registration-form .hint-block,
.p7o-admin #registration-form .p7w-uzenet,
.p7o-admin #registration-form .p7w-mezo-uzenet { font-size: 13px !important; }
.p7o-admin #registration-form .form-control,
.p7o-admin #registration-form textarea { font-size: 14px !important; }
.p7o-admin #registration-form .p7w-dl,
.p7o-admin #registration-form .p7w-hibak { font-size: 14px !important; }
.p7o-admin #registration-form .p7w-gomb { font-size: 14px !important; padding: 8px 16px !important; }
.p7o-admin .p7w-lepesjelzo .t { font-size: 13px !important; }
/* rádiógombok és jelölőnégyzetek: natív, normál méretű (a téma saját, nagy körei helyett) */
.p7o-admin #registration-form input[type=radio],
.p7o-admin #registration-form input[type=checkbox] {
    -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important;
    width: 16px !important; height: 16px !important; min-width: 16px !important; min-height: 16px !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: none !important;
    margin: 0 !important; padding: 0 !important; flex: 0 0 auto !important; }
.p7o-admin #registration-form label::before,
.p7o-admin #registration-form label::after,
.p7o-admin #registration-form input[type=radio]::before,
.p7o-admin #registration-form input[type=radio]::after,
.p7o-admin #registration-form input[type=checkbox]::before,
.p7o-admin #registration-form input[type=checkbox]::after { display: none !important; content: none !important; }
.p7o-admin #registration-form .p7w-radiok.fuggoleges { gap: 4px !important; }
.p7o-admin-sugo { max-width: 980px; margin: 0 auto 10px; font-size: 13px; color: #555; }
.p7o-admin-siker { max-width: 980px; margin: 10px auto 15px; padding: 10px 14px; border: 2px dashed #2cb4a1; background: #f2fbf9; color: #1b6f63; }
.p7o-admin-siker p { margin: 4px 0; }
.p7o-admin-siker a { color: #e51a90; font-weight: bold; }
.p7o-intezmeny-szuro { max-width: 420px; margin: 4px 0 8px; }
#registration-form.p7o .p7o-intezmenyek { max-height: 360px; border: 1px solid #ddd; background: #fff; }