/* =============================================================================
   hjt.hu – az aloldalak új arculata (2026.10.)
   A gyorsteszt, a webinár, az impresszum és a jogi nyilatkozat saját stílusa
   UTÁN töltődik be, és a főoldal rózsaszín–fekete arculatára igazítja őket.
   A szövegekhez nem nyúl.
   ============================================================================= */

:root {
    --burgundy: #b31257;
    --burgundy-dark: #3a071f;
    --gold: #e32a78;
    --gold-light: #ff5aa0;
    --cream: #f3eef1;
    --cream-light: #f6f3f5;
    --text-dark: #17131a;
    --text-light: #5d5660;
}

body { background: #f6f3f5; }

/* --- Navigáció (mint a főoldalon) --- */
.navbar {
    background: rgba(11, 13, 18, 0.96);
    border-bottom: 1px solid rgba(227, 42, 120, 0.35);
    backdrop-filter: blur(14px);
}
.nav-logo img { object-fit: cover; }
.nav-logo-text.nav-logo-name {
    font-family: 'Cardo', Georgia, serif; font-weight: 400; font-size: 1.3rem;
    letter-spacing: 0; line-height: 1.1; color: #fff; white-space: nowrap;
}
.nav-logo-text.nav-logo-name span {
    font-family: 'Cabin', sans-serif; font-size: .68rem; letter-spacing: .32em;
    text-transform: uppercase; margin-top: .25rem; color: #d7d3d8;
}
.back-link { color: #f3eef1; white-space: nowrap; }
.back-link:hover { background: rgba(227, 42, 120, .14); color: #ff5aa0; }

/* --- Fejléc --- */
.hero, .page-header {
    background: radial-gradient(circle at 78% 30%, rgba(227, 42, 120, .24), transparent 38%),
                linear-gradient(135deg, #080a0f 0%, #11141c 58%, #260717 100%);
    color: #f3eef1;
}
.hero h1, .page-header h1 { color: #fff; }
.hero h1 em, .page-header h1 em { color: #ff3f93; }
.hero-slogan, .hero-meta { color: #ff5aa0; }
.hero-meta span::before { color: #ff5aa0; }
.hero-kicker { background: #e32a78; color: #fff; }

/* --- Gombok: rózsaszín alap, fehér betű --- */
.btn-submit, .btn-gold {
    background: linear-gradient(135deg, #b31257, #e32a78);
    color: #fff;
    box-shadow: 0 6px 22px rgba(227, 42, 120, .25);
}
.btn-submit:hover, .btn-gold:hover {
    background: linear-gradient(135deg, #ca1765, #ff4d98);
    box-shadow: 0 8px 26px rgba(227, 42, 120, .4);
}
.btn-outline { border-color: #b31257; color: #b31257; }
.btn-outline:hover { background: #b31257; color: #fff; }

/* --- Kiemelő elemek --- */
.offer-badge { background: #b31257; color: #fff; }
.offer-row.total { background: #17131a; }
.offer-box, .price-box { border-color: #e32a78; }
.agenda li::before { background: #b31257; color: #fff; }
.progress-fill { background: linear-gradient(90deg, #b31257, #ff3f93); }

/* --- Űrlapmezők --- */
input:focus, textarea:focus, select:focus { border-color: #e32a78 !important; }
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline: 3px solid #ff5aa0; outline-offset: 3px; }

/* Cloudflare Turnstile helye az űrlapban */
.turnstile-hely { min-height: 65px; margin: .4rem 0; }

/* --- Lábléc --- */
footer { background: #07080c; color: #f3eef1; }
footer a { color: #ff5aa0; }

/* --- Cookie-sáv (olvasható: nincs rózsaszín a rózsaszínen) --- */
.cookie-banner { background: #151821; border-top: 2px solid #e32a78; color: #f3eef1; }
.cookie-text a { color: #ff5aa0; }
.cookie-btn-primary { background: linear-gradient(135deg, #b31257, #e32a78); color: #fff; }
.cookie-btn-primary:hover { background: linear-gradient(135deg, #ca1765, #ff4d98); }

/* Telefonon a széles táblázat a saját keretén belül görgethető,
   az oldal nem csúszik el oldalra */
@media (max-width: 700px) {
    .legal-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: .9rem; }
    .legal-content th, .legal-content td { min-width: 7.5rem; }
}

@media (max-width: 600px) {
    .nav-logo-text.nav-logo-name { font-size: 1rem; }
    .nav-logo-text.nav-logo-name span { font-size: .58rem; }
    .back-link { font-size: .85rem; padding: .4rem .5rem; }
}
@media (max-width: 400px) {
    .nav-logo-text.nav-logo-name { display: none; }
}