.elementor-311 .elementor-element.elementor-element-9ab6d88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body:not(.rtl) .elementor-311 .elementor-element.elementor-element-5f1d861{right:30px;}body.rtl .elementor-311 .elementor-element.elementor-element-5f1d861{left:30px;}.elementor-311 .elementor-element.elementor-element-5f1d861{bottom:30px;}.elementor-311 .elementor-element.elementor-element-5f1d861 .elementor-icon-wrapper{text-align:center;}.elementor-311 .elementor-element.elementor-element-5f1d861.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-311 .elementor-element.elementor-element-5f1d861.elementor-view-framed .elementor-icon, .elementor-311 .elementor-element.elementor-element-5f1d861.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-311 .elementor-element.elementor-element-5f1d861.elementor-view-framed .elementor-icon, .elementor-311 .elementor-element.elementor-element-5f1d861.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-311 .elementor-element.elementor-element-5f1d861 .elementor-icon{font-size:70px;padding:10px;}.elementor-311 .elementor-element.elementor-element-5f1d861 .elementor-icon svg{height:70px;}.elementor-311 .elementor-element.elementor-element-2f72632{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-311 .elementor-element.elementor-element-d59e6d5{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;width:100%;max-width:100%;}.elementor-311 .elementor-element.elementor-element-d59e6d5 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-311 .elementor-element.elementor-element-d59e6d5 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-311 .elementor-element.elementor-element-e97ded1.elementor-element{--align-self:center;}.elementor-311 .elementor-element.elementor-element-59c398e{text-align:center;}.elementor-311 .elementor-element.elementor-element-59c398e .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-311 .elementor-element.elementor-element-55865a5{text-align:right;color:var( --e-global-color-primary );}.elementor-311 .elementor-element.elementor-element-55865a5 p{margin-block-end:5px;}.elementor-311 .elementor-element.elementor-element-55865a5 a{color:var( --e-global-color-primary );}.elementor-311 .elementor-element.elementor-element-55865a5 a:hover, .elementor-311 .elementor-element.elementor-element-55865a5 a:focus{color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-311 .elementor-element.elementor-element-2f72632{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-311 .elementor-element.elementor-element-55865a5{text-align:center;}}@media(max-width:767px){.elementor-311 .elementor-element.elementor-element-5f1d861 .elementor-icon{font-size:40px;}.elementor-311 .elementor-element.elementor-element-5f1d861 .elementor-icon svg{height:40px;}.elementor-311 .elementor-element.elementor-element-2f72632{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}}/* Start custom CSS for icon, class: .elementor-element-5f1d861 */.elementor-311 .elementor-element.elementor-element-5f1d861{
    display: none;
}

.logged-in .elementor-311 .elementor-element.elementor-element-5f1d861{
    display: block;
}



.ai-chat-icon .elementor-icon-wrapper {
  position: relative;
}

.ai-chat-icon .elementor-icon-wrapper::after {
  content: 'Tervezz okosan – kérdezz egy mesterséges webszakértőt!';
  position: absolute;
  top: 50%;
  right: 120%; /* Jobb helyett bal oldalra igazítjuk */
  transform: translateY(-50%);
  background-color: var(--e-global-color-primary);
  color: #fff;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

@media screen and (max-width: 768px){
    .ai-chat-icon .elementor-icon-wrapper::after{
        content: "Kérdezd a mesterséges webszakértőt!";
        font-size: 12px;
    }
}

.ai-chat-icon .elementor-icon-wrapper::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 110%; /* A háromszög a tooltip bal oldalán jelenik meg */
  transform: translateY(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent var(--e-global-color-primary); /* Háromszög a bal oldalon */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.ai-chat-icon .elementor-icon-wrapper:hover::after,
.ai-chat-icon .elementor-icon-wrapper:hover::before {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e97ded1 *//* logo color */
.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer svg{
    fill: var(--e-global-color-primary);
}

/* created by color */
.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer .created-by{
    color: var(--e-global-color-primary);
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.9rem;
  cursor: pointer;
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .created-by {
  transition: all 0.5s ease, opacity 0.5s ease;
  z-index: 2;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.5px
}

/* Logó alap */
.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer-logo {
  position: relative;
  z-index: 1;
  transition: transform 0.5s ease;
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer-logo svg {
  max-width: 200px;
  transition: fill 0.5s ease;
  overflow: visible;
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer:hover .created-by {
  transform: translate(55px, -30px);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
  letter-spacing: 3px;
  font-weight: 400;
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer .star {
  transform-origin: center;
  display: inline-block;
  transition: transform 0.3s ease, fill 0.3s ease;
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer:hover .star {
  animation: pulseAndColor 0.6s ease forwards;
}

.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer:hover .star-01 {
  animation-delay: 0s;
}
.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer:hover .star-02 {
  animation-delay: 0.1s;
}
.elementor-311 .elementor-element.elementor-element-e97ded1 .haab-footer:hover .star-03 {
  animation-delay: 0.2s;
}


@keyframes pulseAndColor {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
    fill: #C8E700;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-55865a5 */.elementor-311 .elementor-element.elementor-element-55865a5 p{
    margin: unset;
}/* End custom CSS */