.elementor-kit-11{--e-global-color-primary:#8AA097;--e-global-color-secondary:#424A52;--e-global-color-text:#737A82;--e-global-color-accent:#70867E;--e-global-color-ba20cb4:#FFFFFF;--e-global-color-aa4b800:#E2E7E5;--e-global-color-818a24b:#E2E7E526;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{text-transform:uppercase;letter-spacing:0.1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* =========================================================
   EcoIngatlan — kártyák egységes függőleges igazítása
   1) Szolgáltatás kártyák (főoldal, #szolgaltatasok szekció)
   2) Blog kártyák (főoldal blog blokk + blog gyűjtőoldal)
   Cél: a címek, a folyószöveg és a gomb/link a kártyák között
   is egy vonalban legyen, a szöveghossztól függetlenül.
   ========================================================= */

/* ---------- 1) Szolgáltatás kártyák ---------- */

/* Tartalék megoldás: a "bővebben" gomb a kártya aljára kerül */
#szolgaltatasok > .e-con-inner > .e-con:has(> .e-con) > .e-con > .elementor-widget-button {
  margin-top: auto;
}

/* Subgrid: az ikon / cím / szöveg / gomb sávjai közösek a soron belül,
   így minden kártyában ugyanott kezdődnek és végződnek. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 768px) {
    #szolgaltatasok > .e-con-inner > .e-con:has(> .e-con) {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(0, 1fr);
      grid-template-rows: auto auto 1fr auto;
      align-items: stretch;
    }
    #szolgaltatasok > .e-con-inner > .e-con:has(> .e-con) > .e-con {
      display: grid;
      grid-row: 1 / -1;
      grid-template-rows: subgrid;
      row-gap: var(--row-gap, 20px);
    }
  }
}

/* ---------- 2) Blog kártyák (Posts widget – Cards) ---------- */

/* Tartalék megoldás: a "Tovább olvasom" a kártya aljára kerül */
.elementor-posts--skin-cards.elementor-grid .elementor-post__card > .elementor-post__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.elementor-posts--skin-cards.elementor-grid .elementor-post__card > .elementor-post__text > .elementor-post__read-more {
  margin-top: auto;
}

/* Subgrid: a kép / cím / kivonat / link sávjai közösek a soron belül. */
@supports (grid-template-rows: subgrid) {
  .elementor-posts--skin-cards.elementor-grid {
    grid-auto-rows: auto auto 1fr auto;
  }
  .elementor-posts--skin-cards.elementor-grid > .elementor-post {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    row-gap: 0;
  }
  .elementor-posts--skin-cards.elementor-grid > .elementor-post > .elementor-post__card {
    display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
    row-gap: 0;
    min-height: 0;
  }
  .elementor-posts--skin-cards.elementor-grid > .elementor-post > .elementor-post__card > .elementor-post__text {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    row-gap: 0;
  }
}

/* =========================================================
   Nyelvvalto (foldgomb + HU/EN legordulo) - fejlec
   A widget sajat Elementor-kontrolljai adjak a szineket es a
   tipografiat; ez a blokk csak azt teszi hozza, amire a
   widgetnek nincs kontrollja: a kapcsolo kerete es a foldgomb
   ikon, a kapcsolon csak a nyelv KODJA latszik, a legordulo
   panelben kis kod-jelveny + teljes nyelvnev.
   ========================================================= */
.eco-langswitch {
  --eco-ls-hair: var(--e-global-color-aa4b800, #E2E7E5);
  --eco-ls-surface: var(--e-global-color-ba20cb4, #FFFFFF);
  --eco-ls-accent: var(--e-global-color-accent, #70867E);
}

/* ---------- kapcsolo (aktualis nyelv) ---------- */
.eco-langswitch.eco-langswitch .cpel-switcher__toggle {
  cursor: pointer;
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--eco-ls-hair);
  line-height: 1;
  pointer-events: none;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle:hover > a,
.eco-langswitch.eco-langswitch .cpel-switcher__toggle--on > a {
  border-color: var(--eco-ls-accent);
  color: var(--eco-ls-accent);
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle > a::before {
  content: "";
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18%27/%3E%3Cpath d=%27M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18z%27/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%279%27/%3E%3Cpath d=%27M3 12h18%27/%3E%3Cpath d=%27M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18z%27/%3E%3C/svg%3E") center / contain no-repeat;
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle .cpel-switcher__name {
  display: none;
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle .cpel-switcher__code {
  margin: 0;
}
.eco-langswitch.eco-langswitch .cpel-switcher__icon {
  font-size: 9px;
  margin-left: 2px;
  transition: transform .2s ease;
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle--on .cpel-switcher__icon {
  transform: rotate(180deg);
}

/* ---------- legordulo lista ---------- */
.eco-langswitch.eco-langswitch .cpel-switcher__list {
  min-width: 180px;
  align-items: stretch;
  padding-top: 8px;
  max-height: none;
  height: auto;
  justify-content: flex-start;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.eco-langswitch.eco-langswitch .cpel-switcher__toggle--on + .cpel-switcher__list {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition-delay: 0s;
}
@media (pointer: fine) {
  .eco-langswitch.eco-langswitch .cpel-switcher__nav:hover .cpel-switcher__list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition-delay: 0s;
  }
}
.eco-langswitch.eco-langswitch .cpel-switcher__list .cpel-switcher__lang {
  background: var(--eco-ls-surface);
  border: 1px solid var(--eco-ls-hair);
  box-shadow: 0 16px 34px rgba(66, 74, 82, .16);
}
.eco-langswitch.eco-langswitch .cpel-switcher__list .cpel-switcher__lang + .cpel-switcher__lang {
  margin-top: -1px;
  box-shadow: none;
}
.eco-langswitch.eco-langswitch .cpel-switcher__list .cpel-switcher__lang a {
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 1;
}
.eco-langswitch.eco-langswitch .cpel-switcher__list .cpel-switcher__code {
  order: -1;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  padding: 6px 0;
  border: 1px solid var(--eco-ls-hair);
  font-size: 11px;
  letter-spacing: 1px;
  margin: 0;
}
.eco-langswitch.eco-langswitch .cpel-switcher__list .cpel-switcher__name {
  text-transform: none;
  letter-spacing: .2px;
  font-size: 13px;
  margin: 0;
}

/* ---------- tablet / mobil ---------- */
@media (max-width: 1024px) {
  .eco-langswitch.eco-langswitch .cpel-switcher__toggle > a {
    padding-left: 11px;
    padding-right: 11px;
    gap: 6px;
  }
}
@media (max-width: 767px) {
  .eco-langswitch.eco-langswitch .cpel-switcher__toggle > a {
    padding-left: 9px;
    padding-right: 9px;
    gap: 5px;
  }
  .eco-langswitch.eco-langswitch .cpel-switcher__toggle > a::before {
    display: none;
  }
  .eco-langswitch.eco-langswitch .cpel-switcher__list {
    min-width: 165px;
  }
}
/* =========================================================
   EN: a fooldali hero kartyak cimei angolul maskepp tordelnek,
   mint magyarul, ezert a cimblokk magassaga egysegesitve van,
   hogy a leirasok ugyanott kezdodjenek. Csak az angol oldalra hat.
   (EN hero image-box title alignment)
   ========================================================= */
html[lang^="en"] .elementor-element-e38ca38 .elementor-image-box-title,
html[lang^="en"] .elementor-element-5bf6bca .elementor-image-box-title,
html[lang^="en"] .elementor-element-750f56d .elementor-image-box-title {
  min-height: 60px;
  margin-bottom: 10px !important;
}/* End custom CSS */