/* TESZT: „Tónuslépcső" színprofil + minimalista stílus. Csak a tesztmásolatban. */
html:root:root, html:root:root[data-theme="dark"], html:root:root[data-theme="light"] {
  color-scheme: light;
  --t1: #F2EEE7; --t2: #E6DFD4; --t3: #D5CCBE; --t4: #B7AB9A; --t5: #3A342D;
  --brass: #B59A6A; --sage: #9FA38E;
  --bg: var(--t1); --bg-alt: var(--t3);
  --glass-bg: rgba(242, 238, 231, 0.78); --glass-border: transparent; --glass-shadow: transparent; --glass-specular: transparent; --glass-chrome: transparent;
  --card-sheen: none; --nav-blur: 18px;
  --dock-bg: rgba(242, 238, 231, 0.6); --dock-border: transparent; --dock-shadow: none; --dock-specular: transparent;
  --card-bg: #E9E3D8; --card-border: transparent; --border-subtle: rgba(58, 52, 45, 0.16);
  --fg: var(--t5); --fg-muted: #6A6357; --fg-inverse: var(--t1);
  --accent-gold: var(--brass); --accent-amber: #9A7E4C; --accent-amber-bg: rgba(181, 154, 106, 0.12); --accent-amber-border: rgba(181, 154, 106, 0.4);
  --dark-surface: var(--t5); --dark-surface-fg: var(--t1); --dark-surface-muted: rgba(242, 238, 231, 0.72); --dark-border: rgba(242, 238, 231, 0.16);
  --footer-bg: var(--t5); --footer-fg: var(--t1); --footer-muted: rgba(242, 238, 231, 0.62); --footer-border: rgba(242, 238, 231, 0.14);
  --input-bg: transparent; --input-border: rgba(58, 52, 45, 0.35); --input-fg: var(--t5); --input-focus-border: var(--t5); --input-focus-ring: transparent;
  --pill-container-bg: rgba(58, 52, 45, 0.06); --pill-container-border: transparent; --pill-container-shadow: none;
  --pill-btn-color: #6A6357; --pill-btn-hover-color: var(--t5); --pill-btn-hover-bg: rgba(58, 52, 45, 0.08);
  --pill-active-bg: var(--t5); --pill-active-fg: var(--t1); --pill-active-shadow: none;
  --card-shadow: none; --card-hover-shadow: none;
}

/* A lépcső: minden szakasz egy fokkal sötétebb */
.hero-section { background: linear-gradient(180deg, var(--t1) 0%, var(--t2) 100%); border-bottom: 0; --card-bg: #F6F2EB; --glass-bg: rgba(246, 242, 235, 0.9); }
.showcase-section { background: var(--t2); border-bottom: 0; --card-bg: #EEE8DE; --glass-bg: #EEE8DE; }
#bemutatkozas { background: #E0D8CB; --card-bg: #E9E2D6; }
#szolgaltatasok { background: var(--t3); border: 0; --card-bg: #E0D8CB; --bg-alt: #E0D8CB; }
#rendszerek { background: #CFC5B5; --card-bg: #DCD3C5; --bg-alt: #DCD3C5; }
#dijazas { background: #CFC5B5; }
#folyamat { background: #C6BBAA; border: 0; --card-bg: #D4CABB; --bg-alt: #D4CABB; }
#csapat { background: #BFB3A2; --card-bg: #CEC4B4; --bg-alt: #CEC4B4; }
#partnereink { background: var(--t4); border: 0; --card-bg: #C7BDAE; --glass-bg: #C7BDAE; --bg-alt: #C7BDAE; }
#kapcsolat { background: #ADA08E; border: 0; --card-bg: #BDB2A2; --bg-alt: #BDB2A2; --fg-muted: #4A4238; }
footer { border-top: 0; }

/* Minimalista részletek */
.h1-hero, .h2-section, .pricing-left h2 { font-weight: 500; letter-spacing: -0.02em; }
.h1-hero .italic-accent { font-weight: 400; }
.btn { border-radius: 6px; font-weight: 500; letter-spacing: 0.01em; }
.btn-primary { box-shadow: none; }
.btn-primary:hover { box-shadow: none; filter: none; background: #514a40; }
.btn-secondary { border-width: 1px; }
.hero-card, .service-card-paper, .team-card, .contact-form-card, .showcase-card, .partner-card, .system-card, .service-card-spotlight, .pricing-banner {
  border-radius: 10px; box-shadow: none !important; border-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
}
.hero-card:hover, .service-card-paper:hover, .team-card:hover, .showcase-card:hover, .partner-card:hover { border-color: transparent; box-shadow: none !important; }
.hero-decorative-circle { opacity: 0.18; }
.hero-decorative-ring { opacity: 0.25; }
.stage-num { background: transparent; font-family: var(--font-heading); font-size: 1rem; width: auto; min-width: 20px; justify-content: flex-start; }
.stage-final-pill { background: transparent; color: var(--fg); border: 1px solid var(--brass); border-radius: 8px; }
.stage-final-badge { background: transparent; width: auto; height: auto; }
.stage-final-badge svg { stroke: var(--fg); }
.stage-final-price { color: var(--fg); }
.step-num-badge { box-shadow: none; }
.form-input, .form-select, .form-textarea { border-radius: 0; border-width: 0 0 1px 0; padding-left: 0; padding-right: 0; }
.form-input:focus, .form-select:focus, .form-textarea:focus { box-shadow: none; border-bottom-color: var(--t5); }
.glass { border-color: transparent; box-shadow: none; }
.glass::before { display: none; }
.dock-edge-refraction, .dock-edge-refraction::before, .dock-edge-refraction::after { display: none; }
.step-line { background: rgba(58, 52, 45, 0.25); }
.section-alt { border: 0; }

/* Sötét mód semlegesítése a teszthez (a profil egy-témás) */
html[data-theme="dark"] .hero-card, html[data-theme="dark"] .hero-card:hover,
html[data-theme="dark"] .showcase-card, html[data-theme="dark"] .showcase-card:hover,
html[data-theme="dark"] .partner-card, html[data-theme="dark"] .partner-card:hover {
  background: var(--card-bg); border-color: transparent; box-shadow: none;
}
html[data-theme="dark"] .partner-logo-box { background: rgba(255, 255, 255, 0.85); }
.partner-logo-box.dark-box, html[data-theme="dark"] .partner-logo-box.dark-box { background: var(--t5); border-color: transparent; }
.hero-card, .showcase-card, .partner-card { background: var(--card-bg); }

/* Bemutató kártyák: előkép nélkül, minimalista */
.showcase-card { padding: 34px 30px 30px; border-top: 1px solid rgba(58, 52, 45, 0.18); border-radius: 0 0 10px 10px; background: transparent; }
.showcase-card::before, .showcase-card::after { display: none !important; }
.showcase-card:hover { transform: none; }
.showcase-cover-wrap {
  aspect-ratio: auto; height: auto; border: 0; border-radius: 0; background: transparent; box-shadow: none;
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 26px;
}
.showcase-cover-img, .showcase-hover-hint { display: none !important; }
.showcase-cover-overlay { position: static; padding: 0; background: none; display: contents; }
.showcase-doc-badge {
  background: none; border: 0; padding: 0; border-radius: 0; backdrop-filter: none;
  color: var(--brass); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em;
}
.showcase-doc-pages {
  background: none; border: 0; padding: 0; backdrop-filter: none;
  font-family: var(--font-body); font-size: 0.78rem; font-weight: 500; color: var(--fg-muted); white-space: nowrap;
}
.showcase-title { font-size: 1.5rem; font-weight: 500; line-height: 1.15; margin-bottom: 14px; }
.showcase-desc { font-size: 0.95rem; line-height: 1.6; margin-bottom: 28px; }
.showcase-actions { gap: 18px; align-items: center; border-top: 1px solid rgba(58, 52, 45, 0.14); padding-top: 18px; }
.showcase-btn {
  background: none; box-shadow: none; padding: 0; border-radius: 0; color: var(--fg); font-weight: 500; font-size: 0.92rem; gap: 8px;
}
.showcase-btn > svg:first-child { display: none; }
.showcase-btn:hover { background: none; box-shadow: none; transform: none; color: var(--fg); text-decoration: underline; text-underline-offset: 4px; }
.showcase-btn-arrow { margin-left: 2px; }
.showcase-dl-icon-btn { width: 36px; height: 36px; border-radius: 50%; background: none; border: 1px solid rgba(58, 52, 45, 0.3); color: var(--fg); }
.showcase-dl-icon-btn:hover { background: var(--t5); color: var(--t1); border-color: var(--t5); transform: none; }
.showcase-banner { border-radius: 10px; box-shadow: none; }

/* Bemutató kártyák: kiemelés */
.showcase-card { position: relative; border-top: 0; border-radius: 10px; background: var(--card-bg); padding-top: 38px; transition: background 0.3s ease; }
.showcase-card::before {
  content: ""; display: block !important; position: absolute; top: 0; left: 30px; width: 56px; height: 3px; background: var(--brass); border-radius: 0 0 3px 3px;
  transition: width 0.45s var(--ease-spring); opacity: 1; z-index: 1; transform: none; inset: auto; right: auto; bottom: auto; pointer-events: none;
}
.showcase-card:hover::before { width: calc(100% - 60px); }
.showcase-card:hover { background: #F2EDE4; }
.showcase-doc-badge { color: var(--brass); font-weight: 700; }
.showcase-btn {
  flex: 0 0 auto; background: var(--t5); color: var(--t1); padding: 11px 16px; border-radius: 6px; font-weight: 500; font-size: 0.88rem;
}
.showcase-btn:hover { background: #514a40; color: var(--t1); text-decoration: none; }
.showcase-btn-arrow { margin-left: 4px; color: var(--brass); }
.showcase-actions { justify-content: space-between; }
.showcase-dl-icon-btn { width: 40px; height: 40px; border-radius: 6px; }

/* ===== SÖTÉT MÓD: a lépcső fordítva (sötét eszpresszó fent, lefelé világosodik; a sötét felületek világosra fordulnak) ===== */
html:root:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #221E1A; --bg-alt: #3A342D;
  --glass-bg: rgba(34, 30, 26, 0.8); --dock-bg: rgba(34, 30, 26, 0.7);
  --card-bg: #2F2A25; --border-subtle: rgba(242, 238, 231, 0.16);
  --fg: var(--t1); --fg-muted: #BDB4A6; --fg-inverse: #221E1A;
  --accent-gold: var(--brass); --accent-amber: #C9AD7A; --accent-amber-bg: rgba(181, 154, 106, 0.14); --accent-amber-border: rgba(181, 154, 106, 0.4);
  /* fordítás: ami világosban sötét felület volt, az sötétben világos */
  --dark-surface: var(--t1); --dark-surface-fg: #2A2520; --dark-surface-muted: #5F574D; --dark-border: rgba(42, 37, 32, 0.16);
  --footer-bg: var(--t3); --footer-fg: #2A2520; --footer-muted: #5F574D; --footer-border: rgba(42, 37, 32, 0.16);
  --input-border: rgba(242, 238, 231, 0.4); --input-fg: var(--t1); --input-focus-border: var(--t1);
  --pill-container-bg: rgba(242, 238, 231, 0.08); --pill-btn-color: #BDB4A6; --pill-btn-hover-color: var(--t1); --pill-btn-hover-bg: rgba(242, 238, 231, 0.1);
  --pill-active-bg: var(--t1); --pill-active-fg: #221E1A;
}
html[data-theme="dark"] .hero-section { background: linear-gradient(180deg, #221E1A 0%, #2A2520 100%); --card-bg: #342E28; --glass-bg: rgba(52, 46, 40, 0.9); }
html[data-theme="dark"] .showcase-section { background: #2A2520; --card-bg: #352F29; --glass-bg: #352F29; }
html[data-theme="dark"] #bemutatkozas { background: #332D27; --card-bg: #3E3831; }
html[data-theme="dark"] #szolgaltatasok { background: #3A342D; --card-bg: #463F37; --bg-alt: #463F37; }
html[data-theme="dark"] #rendszerek, html[data-theme="dark"] #dijazas { background: #443D35; --card-bg: #50483F; --bg-alt: #50483F; }
html[data-theme="dark"] #folyamat { background: #4F4740; --card-bg: #5B524A; --bg-alt: #5B524A; }
html[data-theme="dark"] #csapat { background: #5B534A; --card-bg: #675E54; --bg-alt: #675E54; }
html[data-theme="dark"] #partnereink { background: #6B6257; --card-bg: #776D61; --glass-bg: #776D61; --bg-alt: #776D61; }
html[data-theme="dark"] #kapcsolat { background: #7A7064; --card-bg: #877C6F; --bg-alt: #877C6F; --fg-muted: #E6DFD4; }
html[data-theme="dark"] footer { background: var(--t3); color: #2A2520; }
html[data-theme="dark"] .btn-primary:hover { background: #FFFFFF; }
html[data-theme="dark"] .showcase-card:hover { background: #3C352E; }
html[data-theme="dark"] .showcase-btn { background: var(--t1); color: #2A2520; }
html[data-theme="dark"] .showcase-btn:hover { background: #FFFFFF; color: #2A2520; }
html[data-theme="dark"] .showcase-card::before { background: var(--brass); }
html[data-theme="dark"] .showcase-dl-icon-btn { border-color: rgba(242, 238, 231, 0.35); }
html[data-theme="dark"] .showcase-dl-icon-btn:hover { background: var(--t1); color: #2A2520; border-color: var(--t1); }
html[data-theme="dark"] .showcase-actions, html[data-theme="dark"] .stage-row { border-color: rgba(242, 238, 231, 0.16); }
html[data-theme="dark"] .stage-final-pill { border-color: var(--brass); color: var(--fg); }
html[data-theme="dark"] .stage-final-badge svg { stroke: var(--fg); }
html[data-theme="dark"] .partner-logo-box { background: rgba(255, 255, 255, 0.9); }
html[data-theme="dark"] .partner-logo-box.dark-box { background: #2A2520; }
html[data-theme="dark"] .step-line { background: rgba(242, 238, 231, 0.25); }
html[data-theme="dark"] .hero-decorative-ring { border-color: var(--t1); }
html[data-theme="dark"] .form-input::placeholder, html[data-theme="dark"] .form-textarea::placeholder { color: rgba(242, 238, 231, 0.55); }

/* ===== Adatkezelési tájékoztató (csak sötét oldal, nincs témakapcsoló): eszpresszó + sárgaréz ===== */
body.oldal-adatkezeles { background-color: #2A2520; color: var(--t1); }
body.oldal-adatkezeles header { background: rgba(42, 37, 32, 0.88); border-bottom-color: rgba(242, 238, 231, 0.14); }
body.oldal-adatkezeles a { color: var(--brass); }
body.oldal-adatkezeles a:hover { color: #D4B882; }
body.oldal-adatkezeles .btn-back { border-radius: 6px; background: rgba(242, 238, 231, 0.08); border-color: rgba(242, 238, 231, 0.2); }
body.oldal-adatkezeles .btn-back:hover { background: var(--t1); color: #2A2520; border-color: var(--t1); }
body.oldal-adatkezeles .lang-toggle { border-color: rgba(242, 238, 231, 0.2); }
body.oldal-adatkezeles .lang-btn.active { background: var(--brass); color: #2A2520; }
body.oldal-adatkezeles .badge-editorial { background: rgba(181, 154, 106, 0.12); border-color: rgba(181, 154, 106, 0.4); color: var(--brass); border-radius: 6px; }
body.oldal-adatkezeles .doc-title, body.oldal-adatkezeles .legal-heading, body.oldal-adatkezeles li strong { color: var(--t1); }
body.oldal-adatkezeles .legal-subheading { color: var(--brass); }
body.oldal-adatkezeles .highlight-card { border-color: rgba(181, 154, 106, 0.35); box-shadow: none; border-radius: 10px; background: rgba(242, 238, 231, 0.04); }
body.oldal-adatkezeles .toc-nav, body.oldal-adatkezeles .contact-box { border-radius: 10px; border-color: rgba(242, 238, 231, 0.14); }
body.oldal-adatkezeles .toc-list a { border-bottom-color: rgba(242, 238, 231, 0.3); }
body.oldal-adatkezeles .toc-list a:hover { color: var(--brass); border-color: var(--brass); }
body.oldal-adatkezeles footer { background: #221E1A; border-top-color: rgba(242, 238, 231, 0.14); color: rgba(242, 238, 231, 0.62); }

/* Logó: sötét embléma mindenhol; a láblécben nagy méretben */
.footer-top .brand-logo { flex-direction: column; align-items: flex-start; gap: 18px; }
footer .brand-mark { width: 128px !important; height: 128px !important; }
footer .brand-sub { color: var(--footer-muted) !important; }
footer .brand-title { color: var(--footer-fg) !important; }
@media (max-width: 640px) { footer .brand-mark { width: 96px !important; height: 96px !important; } }