.elementor-kit-7{--e-global-color-primary:#131711;--e-global-color-secondary:#4E5C50;--e-global-color-text:#4A5145;--e-global-color-accent:#7C8C7E;--e-global-color-6cfe791:#FAFAF8;--e-global-color-ccc78a3:#F1F3EE;--e-global-color-e567c16:#E7EBE4;--e-global-color-3fa6262:#DCDFD6;--e-global-color-2655be1:#1B1F19;--e-global-color-16e1206:#78806F;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   ÓVÁR VA-FA — globális CSS
   Elementor › Site Settings › Custom CSS
   (a widgetekkel nem megoldható részletek: hajszálvonalak,
   hover-feliratok, éles sarkok, űrlap, lightbox-finomítás)
   ========================================================= */

:root{
  --vafa-paper:#FAFAF8;
  --vafa-paper-2:#F1F3EE;
  --vafa-tint:#E7EBE4;
  --vafa-ink:#131711;
  --vafa-ink-2:#4A5145;
  --vafa-ink-3:#78806F;
  --vafa-line:#DCDFD6;
  --vafa-smoke:#7C8C7E;
  --vafa-smoke-deep:#4E5C50;
  --vafa-shade:#1B1F19;
}

/* --- 1. Éles sarkok mindenhol (nincs lekerekítés) --- */
.elementor-button,
.elementor-field-group input,
.elementor-field-group select,
.elementor-field-group textarea,
.elementor-widget-image img{ border-radius:0 !important; }

/* --- 2. Gombok --- */
.elementor-button{
  letter-spacing:.09em; text-transform:uppercase; font-weight:600;
  transition:background-color .2s ease, color .2s ease;
}
.vafa-btn-ghost .elementor-button{
  background:transparent; color:var(--vafa-ink); border:1px solid var(--vafa-line);
}
.vafa-btn-ghost .elementor-button:hover{ background:var(--vafa-tint); }

/* --- 3. Eyebrow: kisbetűs címke hajszálvonallal --- */
.vafa-eyebrow .elementor-heading-title{
  display:flex; align-items:center; gap:12px;
  font-family:"Archivo",sans-serif; font-size:14px; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; color:var(--vafa-smoke-deep);
}
.vafa-eyebrow .elementor-heading-title::after{
  content:""; flex:1; height:1px; background:var(--vafa-line);
}
.vafa-dark .vafa-eyebrow .elementor-heading-title{ color:#A9BAA7; }
.vafa-dark .vafa-eyebrow .elementor-heading-title::after{ background:rgba(237,239,232,.22); }

/* --- 4. Számsáv (1986 / 2. / 16 / CNC) --- */
.vafa-facts > .e-con-inner > .e-con,
.vafa-facts > .e-con-inner > .elementor-widget-wrap{ position:relative; }
.vafa-fact{ border-left:1px solid var(--vafa-line); padding-left:22px; }
.vafa-fact:first-child{ border-left:0; padding-left:0; }
.vafa-fact .elementor-heading-title{ font-variant-numeric:tabular-nums; }
@media(max-width:767px){
  .vafa-fact{ border-left:0; padding-left:0; }
}

/* --- 5. „Amiben hiszünk" rács: hajszálvonalak, nem kártyák --- */
.vafa-values .vafa-value{
  border-bottom:1px solid var(--vafa-line);
  border-right:1px solid var(--vafa-line);
  padding:28px 26px 30px 26px;
}
.vafa-values .vafa-value:nth-child(3n+1){ padding-left:0; }
.vafa-values .vafa-value:nth-child(3n){ border-right:0; padding-right:0; }
@media(max-width:1024px){
  .vafa-values .vafa-value:nth-child(3n){ border-right:1px solid var(--vafa-line); padding-right:26px; }
  .vafa-values .vafa-value:nth-child(2n){ border-right:0; padding-right:0; }
  .vafa-values .vafa-value:nth-child(3n+1){ padding-left:26px; }
  .vafa-values .vafa-value:nth-child(2n+1){ padding-left:0; }
}
@media(max-width:767px){
  .vafa-values .vafa-value{ border-right:0 !important; padding-left:0 !important; padding-right:0 !important; }
}
.vafa-value .elementor-icon-box-title{
  font-family:"Archivo",sans-serif; font-size:14px; font-weight:600;
  letter-spacing:.11em; text-transform:uppercase;
}

/* --- 6. „Miért Óvár VA-FA?" lista --- */
.vafa-why .vafa-why-item{
  border-bottom:1px solid var(--vafa-line); padding:24px 0;
}
.vafa-why .vafa-why-item::before{
  content:""; display:block; width:9px; height:9px; background:var(--vafa-smoke); margin-bottom:12px;
}

/* --- 7. Hogyan dolgozunk: idővonal --- */
.vafa-steps .vafa-step{
  position:relative; border-right:1px solid var(--vafa-line);
  padding:22px 20px 26px 20px;
}
.vafa-steps .vafa-step:first-child{ padding-left:0; }
.vafa-steps .vafa-step:last-child{ border-right:0; padding-right:0; }
.vafa-steps .vafa-step::before{
  content:""; position:absolute; top:-4px; left:0; width:7px; height:7px; background:var(--vafa-smoke);
}
.vafa-steps .vafa-step:first-child::before{ left:0; }
@media(max-width:1024px){
  .vafa-steps .vafa-step{ border-bottom:1px solid var(--vafa-line); }
  .vafa-steps .vafa-step:nth-child(3n){ border-right:0; }
}
@media(max-width:767px){
  .vafa-steps .vafa-step{ border-right:0; padding-left:0; padding-right:0; }
}

/* --- 8. Kártyák (Mit készítünk) hover-zoom --- */
.vafa-card .elementor-widget-image img{
  transition:transform .7s cubic-bezier(.2,.7,.3,1);
}
.vafa-card:hover .elementor-widget-image img{ transform:scale(1.045); }
.vafa-card .elementor-widget-image{ overflow:hidden; }

/* --- 9. Referencia rács: hover-felirat a képen --- */
.vafa-ref-item{ position:relative; overflow:hidden; }
.vafa-ref-item .elementor-widget-image img{
  transition:transform .7s cubic-bezier(.2,.7,.3,1);
}
.vafa-ref-item:hover .elementor-widget-image img{ transform:scale(1.04); }
.vafa-ref-item .vafa-ref-title{
  position:absolute; inset:auto 0 0 0; z-index:2;
  padding:14px 16px; margin:0;
  background:linear-gradient(180deg,rgba(12,15,11,0),rgba(12,15,11,.78));
  opacity:0; transition:opacity .25s ease;
}
.vafa-ref-item:hover .vafa-ref-title,
.vafa-ref-item:focus-within .vafa-ref-title{ opacity:1; }
.vafa-ref-item .vafa-ref-title .elementor-heading-title{
  color:#F6F8F3; font-family:"Archivo",sans-serif; font-size:14px; font-weight:500;
}
@media(max-width:767px){
  .vafa-ref-item .vafa-ref-title{ opacity:1; }
}

/* --- 10. Taxonómia-szűrő fülek --- */
.vafa-filter .e-filter-item{
  font-family:"Archivo",sans-serif; font-size:12.5px; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase;
  padding:9px 16px; border:1px solid var(--vafa-line); background:transparent;
  color:var(--vafa-ink-2); border-radius:0; transition:.18s;
}
.vafa-filter .e-filter-item:hover{ border-color:var(--vafa-smoke); }
.vafa-filter .e-filter-item.e-filter-item-active{
  background:var(--vafa-ink); color:var(--vafa-paper); border-color:var(--vafa-ink);
}

/* --- 11. Hírkártyák: felső vonal, egyforma magasság --- */
.vafa-post-card{
  border-top:1px solid var(--vafa-ink); padding-top:16px;
  height:100%; display:flex; flex-direction:column;
}
.vafa-post-card .elementor-widget-theme-post-excerpt{ margin-top:auto; }

/* --- 12. Cikk törzsszöveg --- */
.vafa-prose{ max-width:66ch; }
.vafa-prose blockquote{
  margin:26px 0 0; padding:18px 22px; background:var(--vafa-paper-2);
  border-left:2px solid var(--vafa-smoke); border-radius:0;
  font-family:"Fraunces",serif; font-size:19px; line-height:1.4; font-style:normal;
}

/* --- 13. Adatsor / elérhetőség lista --- */
.vafa-datalist .vafa-datarow{
  display:grid; grid-template-columns:110px 1fr; gap:14px;
  padding-bottom:14px; border-bottom:1px solid var(--vafa-line); margin-bottom:14px;
}
.vafa-datalist .vafa-datarow .vafa-key{
  font-size:11.5px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--vafa-ink-3); font-weight:600;
}
@media(max-width:480px){
  .vafa-datalist .vafa-datarow{ grid-template-columns:1fr; gap:4px; }
}

/* --- 14. Accordion (típuslisták) --- */
.vafa-acc .elementor-accordion-item,
.vafa-acc .e-n-accordion-item{
  border:0; border-bottom:1px solid var(--vafa-line); border-radius:0;
}
.vafa-acc .elementor-tab-title{
  font-family:"Fraunces",serif; font-size:17px; padding:18px 0; background:transparent;
}
.vafa-acc .elementor-tab-content{
  border:0; padding:0 0 18px; font-size:15px; color:var(--vafa-ink-2);
}

/* --- 15. Űrlap --- */
.elementor-field-group > label.elementor-field-label{
  font-size:11.5px; letter-spacing:.13em; text-transform:uppercase;
  color:var(--vafa-ink-2); font-weight:600; margin-bottom:6px;
}
.elementor-field-group .elementor-field{
  background:var(--vafa-paper); border:1px solid var(--vafa-line);
  padding:12px 14px; font-size:15px; color:var(--vafa-ink);
}
.elementor-field-group .elementor-field:focus{
  outline:2px solid var(--vafa-smoke); outline-offset:1px; border-color:transparent; box-shadow:none;
}
.elementor-field-type-acceptance .elementor-field-option{
  font-size:12.5px; color:var(--vafa-ink-2);
}

/* --- 16. Hero: sötét átmenet a szöveg alatt ---
   FONTOS: a hero containeren NE állíts fix képarányt, hanem Min height-ot
   (asztali 700 px, mobil 520 px) és justify content: flex-end.
   Fix aránnyal mobilon kilóg a szöveg a képből. */
.vafa-hero::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,rgba(12,15,11,.30) 0%,rgba(12,15,11,0) 34%,rgba(12,15,11,.74) 100%);
}
.vafa-hero > .e-con-inner{ position:relative; z-index:2; }
@media(max-width:767px){
  .vafa-hero{ min-height:520px; }
  .vafa-hero::after{
    background:linear-gradient(180deg,rgba(12,15,11,.40) 0%,rgba(12,15,11,.18) 28%,rgba(12,15,11,.84) 100%);
  }
}

/* --- 16b. Animated Headline: a váltakozó szó saját sorban ---
   Ha egy sorba kerül a fix szöveggel, széles képernyőn rácsúszhat
   a mellette lévő szóra. Tedd rá ezt az osztályt a widgetre. */
.vafa-animated-line .elementor-headline-dynamic-wrapper{
  display:block; float:none;
}
.vafa-animated-line .elementor-headline{ display:block; }

/* --- 17. Fókusz (akadálymentesség) --- */
a:focus-visible, button:focus-visible, .elementor-button:focus-visible{
  outline:2px solid var(--vafa-smoke); outline-offset:2px;
}

/* --- 18. Mozgáscsökkentés --- */
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* --- 19. Logó fehéren sötét háttéren --- */
.vafa-logo-white img,
.vafa-logo-white svg{ filter:brightness(0) invert(1); }

/* --- 20. Referencia kártya felirat a kép alatt --- */
.vafa-ref-meta{ margin-top:0; }
.vafa-ref-item .elementor-widget-theme-post-title a{ text-decoration:none; }
.vafa-ref-item:hover .elementor-widget-theme-post-title .elementor-heading-title{
  color:var(--vafa-smoke-deep);
}

/* --- 21. Referencia projekt aloldal --- */
.vafa-single-img img{
  width:100%; height:clamp(280px,42vw,620px); object-fit:cover;
}
.vafa-crumbs .elementor-breadcrumbs{
  font-size:12px; letter-spacing:.06em; color:var(--vafa-ink-3);
}
.vafa-crumbs a{ text-decoration:none; }
.vafa-single-title{ margin-top:14px; max-width:20ch; }
.vafa-prose{ max-width:66ch; }
.vafa-prose p{ margin-bottom:16px; color:var(--vafa-ink-2); }
.vafa-prose a{ color:var(--vafa-smoke-deep); text-decoration:underline; text-underline-offset:3px; }

/* --- 22. Projekt galéria --- */
.vafa-gallery .elementor-image-gallery img,
.vafa-gallery .e-gallery-image{
  aspect-ratio:4/3; object-fit:cover; width:100%;
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
.vafa-gallery .e-gallery-item{ overflow:hidden; }
.vafa-gallery .e-gallery-item:hover img,
.vafa-gallery .e-gallery-item:hover .e-gallery-image{ transform:scale(1.04); }

/* --- 23. Galéria a projekt szövegében (WordPress galéria blokk) --- */
.vafa-prose .wp-block-gallery{ margin:26px 0; gap:14px; }
.vafa-prose .wp-block-gallery img{ aspect-ratio:4/3; object-fit:cover; width:100%; border-radius:0; }
.vafa-prose figure{ margin:0; }
.vafa-prose .blocks-gallery-caption,
.vafa-prose figcaption{ font-size:12px; color:var(--vafa-ink-3); }

/* --- 24. Adattábla a projekt aloldalon --- */
.vafa-adattabla .vafa-datalist{ margin:0; }

/* --- 25. Szűrő fülek balra zárva --- */
.vafa-filter .elementor-widget-container,
.vafa-filter .e-filter{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:flex-start;
}

/* --- 26. CTA szekció --- */
.vafa-cta .vafa-kapcsolat{ margin-top:24px; }
.vafa-cta .elementor-widget-heading{ margin-top:18px; }
.vafa-cta .elementor-widget-text-editor{ margin-top:22px; max-width:46ch; }

/* --- 27. Egységes kártyaképek a referencia rácsban --- */
.vafa-ref-img{ overflow:hidden; }
.vafa-ref-img img{
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  object-position:center !important;
  width:100% !important;
  height:auto !important;
}

/* --- 28. Referencia szűrő fülek (link alapú) --- */
.vafa-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.vafa-chips a{
  font-family:"Archivo",sans-serif; font-size:12.5px; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase; text-decoration:none;
  padding:9px 16px; border:1px solid var(--vafa-line);
  color:var(--vafa-ink-2); transition:.18s;
}
.vafa-chips a:hover{ border-color:var(--vafa-smoke); color:var(--vafa-ink); }
.vafa-chips a.aktiv{
  background:var(--vafa-ink); color:var(--vafa-paper); border-color:var(--vafa-ink);
}

/* ===========================================================
   FŐOLDAL BLOKKOK
   =========================================================== */

/* --- 29. Hero --- */
.vafa-hero{ position:relative; }
.vafa-hero > .e-con-inner{ position:relative; z-index:2; }
.vafa-animated-line .elementor-headline{ display:block; }
.vafa-animated-line .elementor-headline-dynamic-wrapper{ display:block; float:none; }
.vafa-animated-line .elementor-headline-plain-text{ display:block; }

/* --- 30. Számsáv --- */
.vafa-fact{ border-left:1px solid var(--vafa-line); padding-left:22px; }
.vafa-fact:first-child{ border-left:0; padding-left:0; }
.vafa-fact .elementor-heading-title{ font-variant-numeric:tabular-nums; }
@media(max-width:767px){
  .vafa-fact{ border-left:0; padding-left:0; width:50% !important; }
}

/* --- 31. Rólunk oldalkép --- */
.vafa-rolunk-kep img{ aspect-ratio:4/5; object-fit:cover; width:100%; }
.vafa-rolunk-kep figcaption{ margin-top:10px; }

/* --- 32. Mit készítünk kártyák --- */
.vafa-card .elementor-widget-image{ overflow:hidden; }
.vafa-card-kep img{
  aspect-ratio:3/4; object-fit:cover; width:100%;
  transition:transform .7s cubic-bezier(.2,.7,.3,1);
}
.vafa-card:hover .vafa-card-kep img{ transform:scale(1.045); }
.vafa-card .elementor-widget-heading{ margin-top:18px; }
.vafa-card .elementor-widget-text-editor{ margin-top:8px; max-width:30ch; }
.vafa-card a{ text-decoration:none; }
@media(max-width:767px){
  .vafa-card{ width:100% !important; }
  .vafa-card-kep img{ aspect-ratio:16/10; }
}

/* --- 33. Hogyan dolgozunk idővonal --- */
.vafa-steps .vafa-step{
  position:relative; border-right:1px solid var(--vafa-line);
  padding:22px 20px 26px 20px;
}
.vafa-steps .vafa-step:first-child{ padding-left:0; }
.vafa-steps .vafa-step:last-child{ border-right:0; padding-right:0; }
.vafa-steps .vafa-step::before{
  content:""; position:absolute; top:-4px; left:0; width:7px; height:7px; background:var(--vafa-smoke);
}
.vafa-steps .vafa-step .elementor-widget-heading + .elementor-widget-heading{ margin-top:10px; }
.vafa-steps .vafa-step .elementor-widget-text-editor{ margin-top:7px; }
@media(max-width:1024px){
  .vafa-steps .vafa-step{ width:33.333% !important; border-bottom:1px solid var(--vafa-line); }
  .vafa-steps .vafa-step:nth-child(3n){ border-right:0; }
}
@media(max-width:767px){
  .vafa-steps .vafa-step{ width:100% !important; border-right:0; padding-left:0; padding-right:0; }
}

/* --- 34. Blogkártyák a főoldalon --- */
.vafa-post-grid .vafa-post-card{ height:100%; }


/* --- 36. Hero javítás (felülírja a 16. és 29. blokkot) --- */
.vafa-hero{ position:relative; }
.vafa-hero > *{ position:relative; z-index:2; }
.vafa-hero > .e-con-inner{ position:relative; z-index:2; }
.vafa-hero::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(180deg,rgba(12,15,11,.34) 0%,rgba(12,15,11,.10) 30%,rgba(12,15,11,.82) 100%); }
@media(max-width:767px){
  .vafa-hero::after{ background:linear-gradient(180deg,rgba(12,15,11,.42) 0%,rgba(12,15,11,.20) 28%,rgba(12,15,11,.88) 100%); }
}
.vafa-animated-line .elementor-headline{ display:block !important; text-align:left !important; max-width:17ch; }
.vafa-animated-line .elementor-headline-plain-text{ display:inline !important; }
.vafa-animated-line .elementor-headline-dynamic-wrapper{
  display:block !important; width:100% !important; float:none !important; font-style:italic; }
.vafa-animated-line .elementor-headline-dynamic-text{ color:#CBD6C6 !important; font-style:italic; }
.vafa-hero .vafa-btn-ghost .elementor-button{
  color:#F6F8F3 !important; border-color:rgba(246,248,243,.42) !important; background:transparent !important; }
.vafa-hero .vafa-btn-ghost .elementor-button:hover{
  background:rgba(246,248,243,.12) !important; color:#fff !important; }


/* --- 37. Rólunk oldal --- */
.vafa-crumbs a{ color:inherit; text-decoration:none; }
.vafa-crumbs a:hover{ color:var(--vafa-ink); }
.vafa-crumbs p{ letter-spacing:.06em; }
.vafa-why .vafa-why-item:nth-child(2n){ border-left:1px solid var(--vafa-line); padding-left:44px; }
@media(max-width:767px){
  .vafa-why .vafa-why-item:nth-child(2n){ border-left:0; padding-left:0; }
}
.vafa-value .elementor-icon-box-icon{ margin-bottom:16px; }
.vafa-value .elementor-icon i{ font-weight:400; }


/* --- 38. Aloldali fejléc + Mit készítünk aloldalak --- */
.vafa-page-h1 .elementor-heading-title{ max-width:18ch; }
.vafa-lede p{ max-width:60ch; }
.vafa-phero-img img{ aspect-ratio:21/9; object-fit:cover; width:100%; display:block; }
.vafa-figure img{ width:100%; object-fit:cover; }
.vafa-fig-45 img{ aspect-ratio:4/5; }
.vafa-fig-16-9 img{ aspect-ratio:16/9; }
.vafa-figure figcaption{ margin-top:10px; letter-spacing:.04em; }
.vafa-acc .elementor-accordion{ border-top:1px solid var(--vafa-line); }
.vafa-acc .elementor-tab-title a{ color:var(--vafa-ink); text-decoration:none; }
.vafa-acc .elementor-accordion-icon{ color:var(--vafa-smoke-deep); font-size:12px; }
@media(max-width:767px){
  .vafa-page-h1 .elementor-heading-title{ max-width:none; }
}


/* --- 39. Inspiráció & Hírek --- */
.vafa-blog-grid .vafa-post-img img{ aspect-ratio:3/2; object-fit:cover; width:100%; }
.vafa-blog-grid .vafa-post-card{ height:100%; }
.vafa-blog-grid .elementor-pagination{ margin-top:44px; }
.vafa-blog-grid .page-numbers{
  font-family:"Archivo",sans-serif; font-size:13px; font-weight:600;
  padding:8px 13px; border:1px solid var(--vafa-line); margin-right:6px;
  color:var(--vafa-ink-2); text-decoration:none;
}
.vafa-blog-grid .page-numbers.current{ background:var(--vafa-ink); color:#FBFCFA; border-color:var(--vafa-ink); }
.vafa-article-img img{ aspect-ratio:16/7; object-fit:cover; width:100%; display:block; }
.vafa-prose h2{ font-family:"Fraunces",serif; font-size:28px; line-height:1.2; margin-top:34px; color:var(--vafa-ink); }
.vafa-prose h3{ font-family:"Archivo",sans-serif; font-size:18px; font-weight:600; margin-top:26px; color:var(--vafa-ink); }
.vafa-prose p{ margin-top:14px; }
.vafa-prose ul,.vafa-prose ol{ margin-top:14px; padding-left:20px; }
.vafa-prose li{ margin-block:6px; }
.vafa-prose img{ margin-top:22px; }
.vafa-prose a{ color:var(--vafa-smoke-deep); }
@media(max-width:767px){
  .vafa-prose h2{ font-size:21px; }
  .vafa-article-img img{ aspect-ratio:4/3; }
}


/* --- 40. Kiemelt kép elrejtése, ha nincs --- */
.elementor-widget-theme-post-featured-image:has(img[src*="placeholder"]){ display:none !important; }
.vafa-post-date{ margin-bottom:10px; }



/* --- 41. Kattintható hírkártya --- */
.vafa-post-card{ position:relative; }
.vafa-post-card .elementor-widget-button.vafa-card-link{ position:static !important; }
.vafa-post-card .vafa-card-link .elementor-button{
  background:transparent !important; padding:0 !important; border:0 !important;
  color:var(--vafa-smoke-deep) !important; position:static !important;
}
.vafa-post-card .vafa-card-link .elementor-button::after{
  content:""; position:absolute; inset:0; z-index:2;
}
.vafa-post-card .elementor-widget-theme-post-title .elementor-heading-title{ transition:color .18s; }
.vafa-post-card:hover .elementor-widget-theme-post-title .elementor-heading-title{ color:var(--vafa-smoke-deep); }
.vafa-post-card:hover .vafa-card-link .elementor-button{ color:var(--vafa-ink) !important; }


/* --- 42. Kapcsolat oldal --- */
.vafa-kapcsolat .vafa-datalist .vafa-datarow{ grid-template-columns:120px 1fr; }
.vafa-kapcsolat a{ color:var(--vafa-smoke-deep); text-decoration:none; }
.vafa-kapcsolat a:hover{ text-decoration:underline; }
.vafa-map iframe{ width:100%; display:block; border:1px solid var(--vafa-line); }
@media(max-width:480px){
  .vafa-kapcsolat .vafa-datalist .vafa-datarow{ grid-template-columns:1fr; gap:4px; }
}



/* --- 44. Gombok: egységes szín + hover --- */
.elementor-button,
.elementor-widget-button .elementor-button,
.elementor-widget-form .elementor-button{
  background-color:#4E5C50; color:#FBFCFA; border:0;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.elementor-button:hover, .elementor-button:focus,
.elementor-widget-button .elementor-button:hover,
.elementor-widget-form .elementor-button:hover{
  background-color:#1B1F19; color:#FBFCFA;
}
.vafa-btn-ghost .elementor-button{
  background-color:#4E5C50 !important; color:#FBFCFA !important; border:0 !important;
}
.vafa-btn-ghost .elementor-button:hover{
  background-color:#1B1F19 !important; color:#FBFCFA !important;
}
/* Hero: a második gomb marad áttetsző a fotón */
.vafa-hero .vafa-btn-ghost .elementor-button{
  background-color:transparent !important; color:#F6F8F3 !important;
  border:1px solid rgba(246,248,243,.42) !important;
}
.vafa-hero .vafa-btn-ghost .elementor-button:hover{
  background-color:rgba(246,248,243,.14) !important; color:#fff !important;
  border-color:rgba(246,248,243,.8) !important;
}
/* Hírkártya „Tovább olvasom” link marad szöveges */
.vafa-post-card .vafa-card-link .elementor-button{
  background:transparent !important; color:var(--vafa-smoke-deep) !important; padding:0 !important;
}
.vafa-post-card:hover .vafa-card-link .elementor-button{ color:var(--vafa-ink) !important; }


/* --- 43. Egységes oldalfejléc-magasság --- */
.e-con:has(> .e-con-inner > .vafa-page-h1){ min-height:320px; }
.e-con:has(> .e-con-inner > .vafa-page-h1) > .e-con-inner{
  justify-content:center; height:100%;
  padding-top:36px !important; padding-bottom:36px !important;
}
@media(max-width:1024px){
  .e-con:has(> .e-con-inner > .vafa-page-h1){ min-height:300px; }
  .e-con:has(> .e-con-inner > .vafa-page-h1) > .e-con-inner{ padding-top:28px !important; padding-bottom:28px !important; }
}
@media(max-width:767px){
  .e-con:has(> .e-con-inner > .vafa-page-h1){ min-height:300px; }
  .e-con:has(> .e-con-inner > .vafa-page-h1) > .e-con-inner{ padding-top:24px !important; padding-bottom:24px !important; }
}



/* --- 45. Mobil fejléc és menü --- */
[data-elementor-type="header"], .vafa-header{ position:relative; z-index:999; }
.vafa-header{ position:sticky; top:0; }

/* asztali gépen a CTA menüpont rejtve (ott a gomb van) */
@media(min-width:1025px){
  .vafa-nav .elementor-nav-menu--main .vafa-menu-cta{ display:none; }
}
@media(max-width:1024px){
  .vafa-header{ min-height:64px !important; }
  .vafa-header > .e-con-inner{
    flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; gap:16px !important;
  }
  .vafa-logo{ width:auto !important; flex:0 0 auto; }
  .vafa-logo img{ max-height:28px; width:auto; }
  .vafa-header-right{ width:auto !important; flex:1 1 auto; justify-content:flex-end !important; gap:0 !important; }
  .vafa-nav{ width:auto !important; }
  .vafa-nav .elementor-menu-toggle{ margin-left:auto; padding:6px; background:transparent !important; border:0 !important; }
  .vafa-nav .elementor-menu-toggle i, .vafa-nav .elementor-menu-toggle svg{ font-size:26px; width:26px; height:26px; }

  .vafa-nav .elementor-nav-menu--dropdown{
    background:#FAFAF8 !important; border-top:1px solid var(--vafa-line);
    box-shadow:0 18px 40px -24px rgba(19,23,17,.35);
    max-height:calc(100vh - 64px); overflow-y:auto;
  }
  .vafa-nav .elementor-nav-menu--dropdown .elementor-nav-menu a{
    font-family:"Fraunces",serif; font-size:22px; line-height:1.2; letter-spacing:-.01em;
    text-transform:none !important; font-weight:400;
    color:var(--vafa-ink) !important; padding:16px 24px !important;
    border-bottom:1px solid var(--vafa-line);
  }
  .vafa-nav .elementor-nav-menu--dropdown .elementor-nav-menu a:hover,
  .vafa-nav .elementor-nav-menu--dropdown .elementor-nav-menu a.elementor-item-active{
    background:#F1F3EE !important; color:var(--vafa-smoke-deep) !important;
  }
  .vafa-nav .elementor-nav-menu--dropdown .sub-menu a{
    font-family:"Archivo",sans-serif; font-size:15px; padding-left:40px !important;
    color:var(--vafa-ink-2) !important; background:#F6F8F3;
  }
  /* kiemelt ajánlatkérés a menü végén */
  .vafa-nav .elementor-nav-menu--dropdown .vafa-menu-cta > a{
    background:#4E5C50 !important; color:#FBFCFA !important;
    font-family:"Archivo",sans-serif !important; font-size:13px !important; font-weight:600;
    letter-spacing:.09em; text-transform:uppercase !important;
    padding:18px 24px !important; border-bottom:0 !important;
  }
  .vafa-nav .elementor-nav-menu--dropdown .vafa-menu-cta > a:hover{
    background:#1B1F19 !important; color:#FBFCFA !important;
  }
}
@media(max-width:767px){
  .vafa-nav .elementor-nav-menu--dropdown .elementor-nav-menu a{ font-size:20px; padding:14px 20px !important; }
  .vafa-nav .elementor-nav-menu--dropdown .sub-menu a{ padding-left:34px !important; }
  .vafa-nav .elementor-nav-menu--dropdown .vafa-menu-cta > a{ padding:16px 20px !important; }
}


/* --- 46. Utolagos finomhangolas (2026.09.16) --- */
/* Eyebrow -> cim -> szoveg terkozok */
.vafa-eyebrow .elementor-heading-title{ font-size:14px !important; }
.elementor-widget.vafa-eyebrow{ margin-bottom:22px !important; }
.vafa-eyebrow + .elementor-widget-heading{ margin-bottom:20px !important; }

/* Ha nincs azonos kategoriaju tovabbi referencia, a szekcio rejtve */
.elementor-element-5de78413:has(.e-loop-nothing-found-message){ display:none !important; }

/* Kapcsolodo blogbejegyzes linkje az adattablaban */
.vafa-adattabla a{ color:#4E5C50; text-decoration:underline; text-underline-offset:3px; }
.vafa-adattabla a:hover{ color:#1B1F19; }

/* Lablec elso oszlopa (logo + szoveg) toltse ki a rácsot */
.elementor-location-footer .e-grid > .e-con:first-child{ --width:100%; }


/* --- 47. Fejlec, hero, menu finomhangolas (2026.09.16) --- */
/* A jobb oldali fejlec-blokk ne legyen fix 100% szeles, kulonben az AJANLATOT KEREK kilog */
.vafa-header-right{ --width:auto !important; flex:1 1 auto !important; min-width:0; }

/* Menupontok 1px-el nagyobbak */
.vafa-nav .elementor-nav-menu--main .elementor-item{ font-size:15px !important; }

/* Hero szoveg fuggolegesen kozepre (gepen) */
@media(min-width:1025px){
  .vafa-hero{ justify-content:center !important; padding-top:56px !important; }
}

/* Mobilon a logo es a burger kozelebb a szelekhez */
@media(max-width:767px){
  .vafa-header{ padding-left:16px !important; padding-right:16px !important; }
  .vafa-header .elementor-menu-toggle{ margin-right:-16px !important; }
}


/* --- 48. Logo-igazitas es kartyak (2026.09.16) --- */
/* Mit keszitunk oldal: tagasabb harmas rács, fekvo keparanyu kartyakepek */
@media(min-width:1025px){ .elementor-22 .elementor-element-91cf7b2 > .e-con-inner{ grid-template-columns:repeat(3,1fr) !important; gap:32px !important; } }
@media(min-width:768px){ .elementor-22 .vafa-card-kep img{ aspect-ratio:4/3 !important; } }

@media(max-width:767px){
  /* Fejleci logo a bal szelig */
  .vafa-header .elementor-widget-theme-site-logo{ margin-left:-8px !important; }
  /* Lablec: nagyobb, balra igazitott logo a bal szelen */
  .elementor-location-footer .elementor-widget-theme-site-logo{ text-align:left !important; margin-left:0 !important; }
  .elementor-location-footer .elementor-widget-theme-site-logo img{ width:120px !important; max-width:120px !important; }
}

/* --- 49. Mobil finomitasok (2026.09.16) --- */
@media(max-width:767px){
  /* Mit keszitunk kartyak a tobbi tartalommal egy vonalban */
  .elementor-22 .elementor-element-91cf7b2{ padding-left:0 !important; padding-right:0 !important; }
  .elementor-22 .elementor-element-7474e408{ padding-left:20px !important; padding-right:20px !important; }
  .elementor-22 .elementor-element-91cf7b2 > .e-con-inner{ padding-left:0 !important; padding-right:0 !important; }
  /* Referencia projekt cime ne logjon ki */
  .single-referencia h1.elementor-heading-title{ font-size:clamp(30px,9.2vw,54px) !important; overflow-wrap:break-word; }
}

/* --- 50. Urlap legordulo nyila (2026.10.09) --- */
select.elementor-field-textual{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4l5-4.8' fill='none' stroke='%234E5C50' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:12px 8px;
  padding-right:42px !important;
}
select.elementor-field-textual::-ms-expand{ display:none; }
/* Elementor sajat nyila a mezo szelen ul, azt rejtjuk */
.elementor-select-wrapper .select-caret-down-wrapper{ display:none !important; }

/* --- 51. Blog kiemelt kep + lightbox nyilak (2026.10.09) --- */
/* Savos fejlec, de a vagas a kep felso harmadahoz horgonyozva, hogy a fejek megmaradjanak */
.single-post .elementor-element-376b7322 img{
  aspect-ratio:auto !important;
  width:100% !important;
  height:clamp(300px, 38vw, 560px) !important;
  max-height:none !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:50% 10% !important;
  display:block;
}
@media(max-width:767px){
  .single-post .elementor-element-376b7322 img{ height:260px !important; }
}

/* Lightbox nyilai: az Elementor sajat stilusa nem mindig tolt be, ezert sajat kezbol */
.elementor-lightbox .elementor-swiper-button{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:52px !important;
  height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  background:rgba(27,31,25,.42) !important;
  cursor:pointer !important;
  z-index:10 !important;
  transition:background .2s ease !important;
}
.elementor-lightbox .elementor-swiper-button:hover{ background:rgba(27,31,25,.72) !important; }
.elementor-lightbox .elementor-swiper-button svg{ width:26px !important; height:26px !important; }
.elementor-lightbox .elementor-swiper-button-prev{ left:18px !important; right:auto !important; }
.elementor-lightbox .elementor-swiper-button-next{ right:18px !important; left:auto !important; }
@media(max-width:767px){
  .elementor-lightbox .elementor-swiper-button{ width:42px !important; height:42px !important; }
  .elementor-lightbox .elementor-swiper-button svg{ width:20px !important; height:20px !important; }
  .elementor-lightbox .elementor-swiper-button-prev{ left:8px !important; }
  .elementor-lightbox .elementor-swiper-button-next{ right:8px !important; }
}/* End custom CSS */