.elementor-kit-7{--e-global-color-primary:#F7A800;--e-global-color-secondary:#8D0231;--e-global-color-text:#212126;--e-global-color-accent:#FF6000;--e-global-color-83e0dd1:#EAEAEA;--e-global-color-6c9177a:#CACACA;--e-global-color-7592d3e:#4F4F4F;--e-global-color-778033d:#212126;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:600;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h2{color:#000000;font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:500;}.elementor-kit-7 h3{color:var( --e-global-color-accent );font-family:"Playfair Display", Sans-serif;font-size:24px;font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 *//* Fejlec */

@media (max-width: 767px) {
    
    .contact-box .elementor-widget-heading h2 {
        display: none;
    }
}




/* =========================
   SZOLGÁLTATÁS BLOKK LOGIKA
   ========================= */

.service-content {
  display: none;
  position: relative;
  overflow: visible;
  z-index: 2;
}

.service-content.active {
  display: block;
}

.service-title {
  cursor: pointer;
}

.service-title.active {
  font-weight: bold;
}

.service-title.active h3 {
    color: #ff6000 !important;
}

/* Elementor editor nézetben minden látszódjon */
body.elementor-editor-active .service-content {
  display: block !important;
}

/* Elementor shape divider alá kerül */
.e-con-divider {
  z-index: 1 !important;
}


/* =========================
   NYÍL (DESKTOP)
   ========================= */


.service-content.active::before {
  content: "";
  position: absolute;
  top: -1px;

  width: 0;
  height: 0;
  border-style: solid;

  /* LEFELÉ mutató */
  border-width: 20px 20px 0 20px;
  border-color: #e7e3e2 transparent transparent transparent;

  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
}

/* BAL oldal */
.service-content.left.active::before {
    left: 38%;
  transform: translateX(-50%);
}

/* JOBB oldal */
.service-content.right.active::before {
    left: 62%;
  transform: translateX(-50%);
}


/* =========================
   NYÍL (MOBIL)
   ========================= */

@media (max-width: 768px) {
    
  .service-content.left.active::before {
    left: 25% !important;
    /*right: auto !important;*/
    transform: translateX(-50%);
  }
  
  .service-content.right.active::before {
    left: 75% !important;
    /*right: auto !important;*/
    transform: translateX(-50%);
  }
}


/* Egyszerű fade + slide */

.service-content {
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.35s ease;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.service-content.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  position: relative;
}


/* Title animáció (hover + active) */

.service-title {
  cursor: pointer;
  transition: all 0.25s ease;
}

.service-title:hover {
  transform: translateY(-2px);
}

.service-title.active {
  transform: translateY(-2px);
  font-weight: bold;
}


/* Haladó (késleltetett tartalom megjelenés) */

.service-content.active * {
  animation: fadeUp 0.4s ease forwards;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



/**********************************/

/* Hogyan dolgozunk blokk */

.hogyan-dolgozunk .e-n-tabs-heading {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch;
}

.hogyan-dolgozunk .e-n-tab-title {
    flex: 1 1 0 !important;
    flex-direction: column !important;
}

.hogyan-dolgozunk .e-n-tab-title span {
    display: block;
}

.hogyan-dolgozunk .e-n-tab-title .step {
    font-weight: 700;
    margin-bottom: 4px;
}

.hogyan-dolgozunk .e-n-tab-title .title {
    font-weight: 400;
}


@media (max-width: 1024px) {

    .hogyan-dolgozunk .e-n-tabs-heading {
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: flex-start !important;
        align-items: stretch;
    }

    .hogyan-dolgozunk .e-n-tab-title {
        display: flex;
        flex: 1 1 100% !important;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; /* EZ A KULCS */

        width: 100%;
        padding: 14px 16px;

        text-align: left; /* biztos ami biztos */
    }

    .hogyan-dolgozunk .e-n-tab-title span {
        display: block;
        text-align: left;
        width: 100%;
    }
}



/* Vasarloi velemenyek */

/*.velemenyek .owl-item {
    padding-top: 100px;
}
.velemenyek .owl-item .ue-image {
    margin-top: -100px;
}*/


/* Szamlalo blokk */

.szamlalo-block .elementor-counter .elementor-counter-title {
    text-align: center;
}



/**********************************/

/* Urlap elemek */

.urlap .ff-el-form-check-input {
  accent-color: #000;
}

.urlap .ff-el-form-check label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 20px !important;
}

.urlap .ff-el-form-check-input {
  flex-shrink: 0;
  margin-top: 4px;
}

.urlap .ff-el-form-check label span {
  display: block;
}

.urlap .ff-el-form-check {
  margin-bottom: 8px;
}


.kapcsolat-form .fluentform .ff-el-form-control::placeholder {
    color: #262626;
}


/**********************************/

/* Vissza az oldal tetejere */

#backToTopBtn {
    position: fixed !important;
    bottom: 30px !important;
    right: 20px !important;

    width: 50px;
    height: 50px;
    border-radius: 50%;

    background: #fff;
    color: #000;
    border: none;

    display: none;
    z-index: 99999 !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    cursor: pointer;
}/* End custom CSS */