/* ==========================================================================
   MODIVIAM — Alap + tipográfia
   --------------------------------------------------------------------------
   FONTOS a specificitásról:
   Az Elementor a kit-ből ilyen szabályokat ír ki: `.elementor-kit-6 h1 {...}`
   (0,1,1), a widget-szintű beállítás pedig `.elementor-element-XXX .elementor-
   heading-title {...}` (0,2,0). A teljes betűrendszer-csere csak akkor
   megbízható, ha a font-family-t !important-tal rögzítjük. Ezt SZÁNDÉKOSAN
   csak a font-family / betűköz sorokra alkalmazzuk — méretet és színt nem
   erőltetünk rá ott, ahol az Elementorban tudatosan állítottak be egyedit.
   ========================================================================== */

/* --- Reset-kiegészítés ---------------------------------------------------- */

*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--mv-header-h-sticky) + 2rem);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body {
  background-color: var(--mv-ivory);
  color: var(--mv-ink);
  font-family: var(--mv-font-body);
  font-size: var(--mv-fs-body);
  line-height: var(--mv-lh-body);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1, "onum" 1;
  overflow-x: hidden;
}

/* --- Betűrendszer --------------------------------------------------------
   h1 Cinzel · h2 Della Respira · h3 Forum
   A h4–h6 a Forumot viszi tovább, hogy a hierarchia alja ne essen vissza
   a törzsbetűre — így a fejlécsor végig „más hangon" szól, mint a szöveg.  */

h1, .h1, .mv-h1,
body[class*="elementor-kit"] h1,
body[class*="elementor-kit"] .elementor-heading-title.mv-is-h1 {
  font-family: var(--mv-font-display) !important;
  font-weight: 500;
  font-size: var(--mv-fs-h1);
  line-height: var(--mv-lh-tight);
  letter-spacing: var(--mv-ls-display) !important;
  color: var(--mv-ink);
  text-wrap: balance;
  margin: 0 0 var(--mv-space-md);
}

h2, .h2, .mv-h2,
body[class*="elementor-kit"] h2 {
  font-family: var(--mv-font-heading) !important;
  font-weight: 400;
  font-size: var(--mv-fs-h2);
  line-height: var(--mv-lh-snug);
  letter-spacing: 0.015em !important;
  color: var(--mv-ink);
  text-wrap: balance;
  margin: 0 0 var(--mv-space-md);
}

h3, .h3, .mv-h3,
body[class*="elementor-kit"] h3 {
  font-family: var(--mv-font-sub) !important;
  font-weight: 400;
  font-size: var(--mv-fs-h3);
  line-height: var(--mv-lh-snug);
  letter-spacing: 0.02em !important;
  color: var(--mv-ink);
  text-wrap: balance;
  margin: 0 0 var(--mv-space-sm);
}

h4, .h4,
body[class*="elementor-kit"] h4 {
  font-family: var(--mv-font-sub) !important;
  font-weight: 400;
  font-size: var(--mv-fs-h4);
  line-height: var(--mv-lh-normal);
  letter-spacing: 0.03em !important;
  color: var(--mv-ink);
  margin: 0 0 var(--mv-space-sm);
}

h5, h6,
body[class*="elementor-kit"] h5,
body[class*="elementor-kit"] h6 {
  font-family: var(--mv-font-sub) !important;
  font-weight: 400;
  letter-spacing: 0.06em !important;
  color: var(--mv-ink);
  margin: 0 0 var(--mv-space-xs);
}

/* A régi kimosott szürke fejléc (#B2B2B2) volt a legnagyobb baj:
   fehér alapon alig olvasható és olcsó hatású. Visszavesszük tintára,
   de csak ott, ahol tényleg az a szürke volt beállítva. */
body[class*="elementor-kit"] h1[style*="b2b2b2" i],
body[class*="elementor-kit"] h2[style*="b2b2b2" i],
body[class*="elementor-kit"] h3[style*="b2b2b2" i],
.elementor-heading-title[style*="b2b2b2" i],
.elementor-heading-title[style*="B4B4B4" i] {
  color: var(--mv-ink) !important;
}

/* --- Törzsszöveg ---------------------------------------------------------- */

p {
  margin: 0 0 var(--mv-space-md);
  max-width: var(--mv-measure);
}

.mv-lead,
.elementor-widget-text-editor.mv-lead p {
  font-size: var(--mv-fs-lead);
  line-height: 1.62;
  color: var(--mv-ink-soft);
  font-weight: 400;
}

strong, b { font-weight: 600; color: var(--mv-ink); }
em, i { font-style: italic; }

small, .mv-small { font-size: var(--mv-fs-small); color: var(--mv-ink-mute); }

/* --- Linkek ---------------------------------------------------------------
   Szövegen belüli link: arany hajszálvonal, ami hoverre kifut.             */

a { color: inherit; text-decoration: none; }

.mv-prose a,
.elementor-widget-text-editor a:not(.elementor-button),
.entry-content a:not(.elementor-button):not(.button) {
  color: var(--mv-ink);
  background-image: linear-gradient(var(--mv-champagne), var(--mv-champagne));
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% var(--mv-hairline);
  padding-bottom: 0.12em;
  transition: background-size var(--mv-dur-fast) var(--mv-ease),
              color var(--mv-dur-fast) var(--mv-ease);
}

.mv-prose a:hover,
.elementor-widget-text-editor a:not(.elementor-button):hover,
.entry-content a:not(.elementor-button):not(.button):hover {
  color: var(--mv-champagne-dk);
  background-size: 100% 2px;
}

/* --- Fókusz — akadálymentesség, de a márkához illő ------------------------ */

:focus-visible {
  outline: 2px solid var(--mv-champagne);
  outline-offset: 3px;
  border-radius: 1px;
}

::selection {
  background: var(--mv-champagne);
  color: var(--mv-noir);
}

/* --- Listák --------------------------------------------------------------- */

.mv-prose ul,
.elementor-widget-text-editor ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0 var(--mv-space-md);
  max-width: var(--mv-measure);
}

.mv-prose ul > li,
.elementor-widget-text-editor ul > li {
  position: relative;
  padding-left: 1.6em;
  margin-bottom: 0.6em;
}

.mv-prose ul > li::before,
.elementor-widget-text-editor ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.78em;
  width: 0.7em;
  height: var(--mv-hairline);
  background: var(--mv-champagne);
}

.mv-prose ol,
.elementor-widget-text-editor ol {
  padding-left: 1.3em;
  margin: 0 0 var(--mv-space-md);
  max-width: var(--mv-measure);
}

.mv-prose ol > li::marker {
  font-family: var(--mv-font-sub);
  color: var(--mv-champagne-dk);
}

/* --- Idézet --------------------------------------------------------------- */

blockquote {
  margin: var(--mv-space-xl) 0;
  padding: 0 0 0 var(--mv-space-lg);
  border-left: var(--mv-hairline) solid var(--mv-champagne);
  font-family: var(--mv-font-sub);
  font-size: var(--mv-fs-lead);
  line-height: 1.6;
  color: var(--mv-ink-soft);
  font-style: normal;
  max-width: var(--mv-measure);
}

blockquote p:last-child { margin-bottom: 0; }

/* --- Kép ------------------------------------------------------------------ */

img, video, svg { max-width: 100%; height: auto; display: block; }

figure { margin: 0; }

figcaption {
  font-family: var(--mv-font-ui);
  font-size: var(--mv-fs-micro);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mv-ink-mute);
  margin-top: var(--mv-space-xs);
}

/* --- Vízszintes vonal — arany, széleken elhalványul ------------------------ */

hr,
.mv-rule {
  border: 0;
  height: var(--mv-hairline);
  background: linear-gradient(90deg,
      transparent 0%,
      var(--mv-rule-strong) 18%,
      var(--mv-rule-strong) 82%,
      transparent 100%);
  margin: var(--mv-space-xl) 0;
}

.mv-rule--gold {
  background: linear-gradient(90deg,
      transparent 0%,
      var(--mv-champagne) 20%,
      var(--mv-champagne) 80%,
      transparent 100%);
  opacity: 0.7;
}

/* --- Eyebrow / szemöldöksor -----------------------------------------------
   Kis verzál Cinzel, tág betűközzel, két oldalt hajszálvonallal.
   Ez a szekciók „belépője" — sokat tesz a prémium ritmusért.               */

.mv-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.9em;
  font-family: var(--mv-font-display);
  font-size: var(--mv-fs-micro);
  font-weight: 500;
  letter-spacing: var(--mv-ls-eyebrow);
  text-transform: uppercase;
  color: var(--mv-champagne-dk);
  margin: 0 0 var(--mv-space-md);
}

.mv-eyebrow::before,
.mv-eyebrow::after {
  content: "";
  width: clamp(1.5rem, 4vw, 3.25rem);
  height: var(--mv-hairline);
  background: currentColor;
  opacity: 0.55;
}

.mv-eyebrow--start::before { display: none; }
.mv-eyebrow--start { gap: 0.9em; }

.mv-on-noir .mv-eyebrow,
.mv-section--noir .mv-eyebrow,
.mv-section--navy .mv-eyebrow { color: var(--mv-champagne); }

/* --- Táblázat ------------------------------------------------------------- */

table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--mv-fs-small);
  margin: 0 0 var(--mv-space-lg);
}

th {
  font-family: var(--mv-font-sub);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: var(--mv-fs-micro);
  color: var(--mv-ink-mute);
  text-align: left;
  padding: var(--mv-space-sm) var(--mv-space-sm) var(--mv-space-xs) 0;
  border-bottom: var(--mv-hairline) solid var(--mv-rule-strong);
}

td {
  padding: var(--mv-space-sm) var(--mv-space-sm) var(--mv-space-sm) 0;
  border-bottom: var(--mv-hairline) solid var(--mv-rule);
  vertical-align: top;
}

/* --- Űrlapmezők ----------------------------------------------------------- */

input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
textarea, select {
  width: 100%;
  font-family: var(--mv-font-body);
  font-size: var(--mv-fs-small);
  color: var(--mv-ink);
  background: transparent;
  border: 0;
  border-bottom: var(--mv-hairline) solid var(--mv-rule-strong);
  border-radius: 0;
  padding: 0.85em 0;
  transition: border-color var(--mv-dur-fast) var(--mv-ease);
  appearance: none;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-bottom-color: var(--mv-champagne);
}

input::placeholder, textarea::placeholder {
  color: var(--mv-ink-mute);
  opacity: 0.75;
}

label {
  display: block;
  font-family: var(--mv-font-ui);
  font-size: var(--mv-fs-micro);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mv-ink-mute);
  margin-bottom: var(--mv-space-2xs);
}

/* --- Konténer ------------------------------------------------------------- */

.mv-container {
  width: 100%;
  max-width: var(--mv-maxw);
  margin-inline: auto;
  padding-inline: var(--mv-gutter);
}

.mv-container--text { max-width: var(--mv-maxw-text); }

/* --- Képernyőolvasónak ---------------------------------------------------- */

.mv-visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Rejtett H1 a főoldalhoz — jelenleg egyáltalán nincs H1 az oldalon, ami
   SEO és képernyőolvasó szempontból is hiba. Vizuálisan nem változtat semmit. */
.mv-seo-h1 {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* --- Skip link ------------------------------------------------------------ */

.skip-link:focus {
  background: var(--mv-noir);
  color: var(--mv-ivory);
  font-family: var(--mv-font-ui);
  letter-spacing: 0.1em;
  padding: 1rem 1.5rem;
  z-index: 100000;
}