/* ==========================================================================
   1x1 MEDIA — /jelentkezes (Karrier) oldal-specifikus kiegészítők.
   A redesign.css UTÁN tölt (bh_theme_asset sorrend a jelentkezes.php-ban),
   kizárólag azt egészíti ki, amit a közös rendszer nem fed le. A közös
   redesign.css / style.css tokenjeire épül, nem definiál új színt/betűméretet
   a meglévő --clr-* / --d-* / --sp / --radius-* / --ease* változókon kívül.
   A jelentkezési űrlap (form-group/form-row/form-gdpr/btn-submit) a közös
   style.css osztályaira épül változatlanul — itt csak a KERET (kártya, rács,
   pozíció-kártyák) kap redesign-stílust.
   ========================================================================== */

/* ---------- HERO (két oszlopos, mint a marketing-rendszer-epites hero-ja) ---------- */
.job-hero { padding: clamp(56px, 8vw, 100px) 0 var(--sp); }

/* Amit kínálunk lista + a 3 statisztika-sor a hero-vizuál kártyában (hero-visual
   újrahasznosítva: háttér, keret, árnyék már a redesign.css-ből jön). */
.job-stats { margin-top: 22px; }

/* ---------- KÖZÖS SZEKCIÓ-FEJLÉC (középre rendezett eyebrow + cím + lede) ---------- */
.job-section-head { text-align: center; max-width: 640px; margin: 0 auto 48px; }

/* ---------- NYITOTT POZÍCIÓK ---------- */
.job-positions { padding: var(--sp) 0; }
.job-positions-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 48px; }
@media (max-width: 720px) { .job-positions-grid { grid-template-columns: 1fr; } }

/* Pozíció-kártya: a .pcard (redesign.css) alapjaira épül, csak a kattintható-állapotot
   és a belső elrendezést egészíti ki. */
.job-card { cursor: pointer; text-align: left; width: 100%; font-family: inherit; }
@media (hover: hover) and (pointer: fine) { .job-card:hover { border-color: var(--clr-accent-soft-border); } }
.job-card.selected { border-color: var(--clr-accent); background: var(--clr-accent-soft); box-shadow: var(--rd-shadow-lg); }
.job-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.job-card__badges { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.job-card h3 { font-size: 17px; font-weight: 800; letter-spacing: -.01em; margin-bottom: 8px; }
.job-card p { font-size: 14.5px; color: var(--clr-text-muted); line-height: 1.6; }
.job-card__footer { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--clr-border); font-size: 13.5px; font-weight: 700; color: var(--clr-accent-deep); display: flex; align-items: center; gap: 8px; }
.job-card__footer i { transition: transform .2s var(--ease-out-strong); }
@media (hover: hover) and (pointer: fine) { .job-card:hover .job-card__footer i { transform: translateX(3px); } }

/* Ikon-doboz: pozíció-kártyákon ÉS a "Miért az 1x1 MEDIA" kártyákon egyaránt. */
.job-icon-box { width: 44px; height: 44px; border-radius: 10px; background: var(--clr-accent-soft); color: var(--clr-accent-deep); display: flex; align-items: center; justify-content: center; font-size: 18px; flex: none; }

/* Spontán jelentkezés kártya. */
.job-spontaneous { background: var(--clr-accent-soft); border: 1.5px dashed var(--clr-accent-soft-border); border-radius: var(--radius-lg); padding: clamp(28px, 4vw, 40px); text-align: center; margin-top: 40px; }
.job-spontaneous .job-icon-box { margin: 0 auto 16px; }
.job-spontaneous h3 { font-size: 19px; font-weight: 800; margin-bottom: 10px; }
.job-spontaneous p { color: var(--clr-text-muted); font-size: 15px; max-width: 52ch; margin: 0 auto 22px; }

/* ---------- JELENTKEZÉSI ŰRLAP ---------- */
.job-application { padding: var(--sp) 0; border-top: 1px solid var(--clr-border); }
/* A .rd-form-card mezői a közös style.css form-group/form-row/form-gdpr/btn-submit
   osztályaira épülnek — a beküldés-gomb szélessége itt igazodik a kártyához. */
.job-application .rd-form-card .btn-submit { width: 100%; }

/* ---------- MIÉRT AZ 1X1 MEDIA (a .proof-cards rácsra épül, redesign.css) ---------- */
.job-why { padding: var(--sp) 0; border-top: 1px solid var(--clr-border); }
.job-why-card p { border-top: none; margin-top: 10px; padding-top: 0; }