/* Marveen mobile fixes -- 2026-08-26
   Loaded on every page in BOTH themes (marveen-dark.css only loads in dark mode).
   1. Complianz cookie banner ate ~45% of a 390x844 phone screen and covered page
      content (contact form fields, price rows) until dismissed. Compacted.
   2. Call Now Button label ("Hivj fel minket!") floated over the content bottom-left
      and overlapped the cookie banner's own buttons. Icon stays, label hidden on phones.
   3. Accept button uses the brand pink instead of the plugin default blue
      (dark mode already did this). */

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
  background-color: #ff5fa2 !important;
  border-color: #ff5fa2 !important;
  color: #fff !important;
}

@media (max-width: 782px) {
  #callnowbutton > span { display: none !important; }
}

@media (max-width: 600px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner,
  .cmplz-cookiebanner {
    max-height: 56vh !important;
    overflow-y: auto !important;
    padding: 12px 14px 14px !important;
    border-radius: 16px 16px 0 0 !important;
    font-size: 13px !important;
  }
  .cmplz-cookiebanner .cmplz-header,
  .cmplz-cookiebanner .cmplz-title { margin-bottom: 4px !important; }
  .cmplz-cookiebanner .cmplz-body,
  .cmplz-cookiebanner .cmplz-message {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
  }
  .cmplz-cookiebanner .cmplz-divider { margin: 6px 0 !important; }
  .cmplz-cookiebanner .cmplz-links,
  .cmplz-cookiebanner .cmplz-documents,
  .cmplz-cookiebanner .cmplz-information {
    font-size: 12px !important;
    margin: 4px 0 !important;
  }
  .cmplz-cookiebanner .cmplz-buttons {
    gap: 6px !important;
    margin-top: 6px !important;
  }
  .cmplz-cookiebanner .cmplz-btn {
    padding: 10px 12px !important;
    font-size: 14px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  /* Elfogadom + Elutasitom egy sorban, Beallitasok kompakt link ala:
     igy a sav ~90 pixellel alacsonyabb a telefonon. */
  .cmplz-cookiebanner .cmplz-buttons {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
  }
  .cmplz-cookiebanner .cmplz-btn.cmplz-accept,
  .cmplz-cookiebanner .cmplz-btn.cmplz-deny {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }
  .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences {
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 9 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
    font-size: 12.5px !important;
    text-decoration: underline !important;
  }
  .cmplz-cookiebanner .cmplz-message { line-height: 1.35 !important; }
}

/* 4. Feher szekciocim vilagos savon -- 2026-09-03 (Erik: "vannak olyan szovegek
      amik nem is latszodnak").
      A "HOGYAN ZAJLIK A / JELENTKEZES?" es "IDOPONTFOGLALAS / ... KEPZESRE" cimek
      elso sora #FFFFFF, a szekcio hattere viszont #F3F5F8, tehat kontraszt 1.09:
      gyakorlatilag lathatatlan. Nem a statikus tukor hibaja, az eredeti WordPress
      oldalon is igy volt (a text-shadow arra utal, hogy valamikor fotora terveztek).
      Csak vilagos temaban javitunk; sotet temaban a marveen-dark.css a gazda, es ott
      a feher a helyes szin. */
html:not([data-mvdark]) .elementor-11892 .elementor-element.elementor-element-7b37403 .elementor-heading-title,
html:not([data-mvdark]) .elementor-11892 .elementor-element.elementor-element-c1f9af5 .elementor-heading-title,
html:not([data-mvdark]) .elementor-13028 .elementor-element.elementor-element-031bded .elementor-heading-title,
html:not([data-mvdark]) .elementor-13028 .elementor-element.elementor-element-b4d1f32 .elementor-heading-title,
html:not([data-mvdark]) .elementor-11277 .elementor-element.elementor-element-dda55f1 .elementor-heading-title,
html:not([data-mvdark]) .elementor-11277 .elementor-element.elementor-element-44dabc1 .elementor-heading-title {
  color: #1b1b1b !important;
  text-shadow: none !important;
}
/* A pinkkel szedett masodik sor marad pink (inline style, nem irjuk felul). */

/* 5. Blokkolt Google terkep helyett magyar cim-kartya -- 2026-09-03 (Erik kerese).
      Kilenc oldalon egy Complianz placeholder allt a terkep helyen, ANGOLUL
      ("Click 'I agree' to enable Google maps"), szurke folt, 1.25-os kontraszt.
      A beagyazott iframe helyett most egy cim-kartya + Utvonaltervezes gomb all,
      ugyanaz a minta mint a fooldali .mvk-place blokkban. Sutit nem kell elfogadni
      hozza, es nem tolt kulso eroforrast.
      A szoveg currentColor-t orokol, ezert sotet temaban is helyes; a gomb szinet
      fixen irjuk, mert a marveen-dark.css minden <a>-t rozsaszinre allit !important-tal. */
.mvmap {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  max-width: 520px; box-sizing: border-box;
  padding: 16px 18px; border-radius: 14px;
  border: 1px solid rgba(255, 119, 183, .5);
  background: rgba(255, 119, 183, .07);
}
.mvmap-pin { flex: 0 0 26px; width: 26px; height: 26px; color: #ff5fa2; }
.mvmap-tx { flex: 1 1 190px; min-width: 0; line-height: 1.45; }
.mvmap-tx b { display: block; font-size: 15px; margin-bottom: 2px; }
.mvmap-tx span { font-size: 13.5px; opacity: .82; }
.mvmap a.mvmap-go {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;
  min-height: 44px; box-sizing: border-box; padding: 11px 18px;
  border-radius: 999px; background: #ff5fa2;
  color: #fff !important; text-decoration: none !important;
  font-size: 14px; font-weight: 600; line-height: 1.2;
}
/* A .mvmap a.mvmap-go (0,2,1) szandekosan erosebb, mint a marveen-dark.css
   "html[data-mvdark] a{color:... !important}" (0,1,1) szabalya, kulonben sotet
   temaban rozsaszin betu allna a rozsaszin gombon (kontraszt 1.5). */
.mvmap a.mvmap-go:hover, .mvmap a.mvmap-go:focus { background: #ff3f8f; }
.mvmap-go svg { width: 16px; height: 16px; flex: 0 0 16px; }
@media (max-width: 600px) {
  .mvmap { gap: 11px; padding: 14px; }
  .mvmap-go { width: 100%; justify-content: center; }
}

/* 6. Kontraszt-javitasok kepponton mert adat alapjan -- 2026-09-03.
      Modszer: minden szoveget lathatatlanna tettunk, lefotoztuk a hatteret, es a
      szovegdoboz alatti kepponotok median szinehez mertuk a betuszint. Ez azert kellett,
      mert a szamitott (CSS-alapu) meres a hatterKEPEK mogotti szint nem tudja megmondani.
      18 oldal x 2 tema, ~2900 szovegdarab. */

/* 6a. SOTET TEMA -- fejlec felso rozsaszin savja.
   A marveen-dark.css altalanos "html[data-mvdark] a{color:...!important}" (0,1,1)
   szabalya halvany rozsaszinre festette az email cimet es a telefonszamot, amelyek
   viszont a rozsaszin gradiensen ulnek: kontraszt 1.5, mind a 18 oldalon.
   Ez a szabaly (0,2,1) szandekosan erosebb nala. */
html[data-mvdark] .mvh-top a { color: #fff !important; }

/* 6b. SOTET TEMA -- vilagos fotot hasznalo szekciok sotetitese.
   2026-09-03-ig a fotok egyaltalan nem latszottak (lasd a 4. pontot), ezert a vilagosra
   festett szoveg a sotet oldalhatteren allt. Amint a fotok visszakerultek, a halvany
   fotokon a vilagos szoveg olvashatatlanna valt (32 szovegdarab, 6 oldalon).
   Az Elementor sajat ::before hattér-overlayjet hasznaljuk scrimkent: az a konteneren
   belul a hatter FOLE, de a widgetek ALA rajzolodik, tehat nem takar tartalmat.
   A .mvd-bgphoto osztalyt a marveen-dark.js teszi ki minden nagy, url()-os hatteru elemre. */
html[data-mvdark] .e-con.mvd-bgphoto::before {
  content: '' !important;
  background-color: rgba(0, 0, 0, .62) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* 6c. VILAGOS TEMA -- a harom hajhosszabbito ar rozsaszinnel egy halvany rozsaszin
   foton ult (kontraszt 2.0). Melyebb rozsaszin, igy 5.9. Sotet temaban nem kell,
   ott a 6b scrim utan a hatter sotet. */
html:not([data-mvdark]) .elementor-11892 .elementor-element-b36a165 .elementor-heading-title,
html:not([data-mvdark]) .elementor-11892 .elementor-element-3e1824c .elementor-heading-title,
html:not([data-mvdark]) .elementor-11892 .elementor-element-4dcf7db .elementor-heading-title,
html:not([data-mvdark]) .elementor-13028 .elementor-element-728cea7f .elementor-heading-title,
html:not([data-mvdark]) .elementor-13028 .elementor-element-389351e .elementor-heading-title,
html:not([data-mvdark]) .elementor-13028 .elementor-element-0599a6c .elementor-heading-title,
html:not([data-mvdark]) .elementor-12132 .elementor-element-9c05ce8 .elementor-heading-title {
  color: #d6006e !important;
}

/* 7. Kepponton mert kontraszt-javitasok, 2. kor -- 2026-09-03.
      Elozmeny: a 4. pont visszahozta a szekciok hatterfotoit. Ahol a foto VILAGOS, ott a
      marveen-dark.css altal vilagosra festett szoveg olvashatatlanna valt sotet temaban
      (kontraszt 1.0-1.2, 32 szovegdarab hat oldalon). A 6b. pont scrimje nehany Elementor
      e-child kartyan nem fog, ezert ott nem a hatteret sotetitjuk, hanem a szoveget
      allitjuk vissza a VILAGOS temaban ervenyes szinere. A szineket es a widget-id-ket
      meressel gyujtottuk (minden szoveg lathatatlanra allitva -> hatter lefotozva ->
      a szovegdoboz alatti kepponotok median szine).

      SPECIFICITAS: a marveen-dark.css szabalyai
      "html[data-mvdark] .elementor-XXXXX .elementor-element.elementor-element-YYY .zzz"
      alakuak (0,5,1), a :hover valtozatuk (0,6,1), es mind !important. Ezert ismeteljuk
      haromszor az attributum-szelektort: igy (0,7,1) lesz, es biztosan felulirja oket.
      Ne "egyszerusitsd" egy [data-mvdark]-ra, mert akkor nem hat. */
/* 7a. Sotet tema: eredetileg fekete szoveg vilagos foton. */
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-30bd8e3 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-447d712 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-4758c6d :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-73b8960 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-78ef956 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-a1b9c5d :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-f314056 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-f5fde58 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-14074357 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-3d088abc :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-49d85179 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-6e11dc2b :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-6ef5cf0a :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-bcc627a :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-e605973 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-edd0c0f :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11277 .elementor-element.elementor-element-113dee2 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11277 .elementor-element.elementor-element-34c9018 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11277 .elementor-element.elementor-element-66cadd8 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-12132 .elementor-element.elementor-element-61dad0f :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong) {
  color: #000 !important;
}

/* 7b. Sotet tema: eredetileg sotetkek cim (mukorom oldal). */
html[data-mvdark][data-mvdark][data-mvdark] .elementor-12132 .elementor-element.elementor-element-00c2e1e :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong) {
  color: #0d1b24 !important;
}

/* 7c. Sotet tema: arak es cimek, ugyanaz a melyebb rozsaszin mint a 6c-ben. */
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-b36a165 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-3e1824c :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-11892 .elementor-element.elementor-element-4dcf7db :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-728cea7f :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-389351e :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-13028 .elementor-element.elementor-element-0599a6c :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html[data-mvdark][data-mvdark][data-mvdark] .elementor-12132 .elementor-element.elementor-element-9c05ce8 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong) {
  color: #d6006e !important;
}

/* 7d. Vilagos tema: halvany savon allo rozsaszin cimek (kontraszt 2.0-2.2).
   BUKTATO: a fooldali f674705 KONTENER (nem widget), ezert ha ide felvennenk,
   az egesz "Miert nalunk?" sav minden p/b/strong eleme rozsaszin lenne. Kivettuk,
   helyette a 7e pont celozza pontosan a cimet. Mielott ide uj id-t veszel fel,
   ellenorizd: data-element_type="widget" legyen, ne "container". */
html:not([data-mvdark]):not([data-mvdark]):not([data-mvdark]) .elementor-11277 .elementor-element.elementor-element-923f0e3 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html:not([data-mvdark]):not([data-mvdark]):not([data-mvdark]) .elementor-11892 .elementor-element.elementor-element-2a26674 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong),
html:not([data-mvdark]):not([data-mvdark]):not([data-mvdark]) .elementor-13028 .elementor-element.elementor-element-1721bb1 :is(.elementor-heading-title, .elementor-heading-title span, .elementor-icon-list-text, .elementor-image-box-description, p, b, strong) {
  color: #d6006e !important;
}


/* 7e. Vilagos tema: a fooldali "Uj karriert szeretnel a SZEPSEGIPARBAN?" cim rozsaszin
   resze (marveen-home.css .mvw-title span) egy halvany szurke savon ul, kontraszt 2.07.
   Ugyanaz a melyebb rozsaszin, mint a tobbi javitott cimnel. */
html:not([data-mvdark]):not([data-mvdark]):not([data-mvdark]) .mvw-title span {
  color: #d6006e !important;
}