.elementor-kit-21{--e-global-color-primary:#D9A5A3;--e-global-color-secondary:#F9E9EC;--e-global-color-text:#1F1A1C;--e-global-color-accent:#C58E8B;--e-global-color-ec692f2:#F2E6DA;--e-global-color-50aafec:#F9E9EC;--e-global-color-238afdc:#6A5A5E;--e-global-color-a23e6e2:#E9D7D8;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-size:54px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.15lh;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"Playfair Display";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2lh;--e-global-typography-text-font-family:"Playfair Display";--e-global-typography-text-font-size:26px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;--e-global-typography-dbf1e1a-font-family:"Great Vibes";}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.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-kit-21{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:24px;--e-global-typography-accent-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-21{--e-global-typography-primary-font-size:32px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:22px;--e-global-typography-accent-font-size:15px;--e-global-typography-accent-line-height:1.65lh;--e-global-typography-dbf1e1a-font-size:38px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Alap: átlátszó header, finom átmenetre felkészítve */
.header-gradient {
  background: transparent;
  position: relative;
  transition:
    background 0.9s ease-in-out,
    backdrop-filter 0.9s ease,
    box-shadow 0.9s ease;
  backdrop-filter: none;
  box-shadow: none;
  overflow: visible;
}

/* Fényes metallic shimmer sáv – alapból nem látszik */
.header-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: -130%;
  width: 35%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.8),
    rgba(255,255,255,0.0)
  );
  opacity: 0;
}

/* Átmenetes alsó vonal (border-bottom) – alapból rejtve */
.header-gradient::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #F9E9EC,
    #E8C4C4,
    #D9A5A3,
    #C58E8B
  );
  transition: opacity 0.6s ease;
}

/* Sticky állapot: balról szinte fehér, jobbra fokozatosan sötétedő rose-gold */
.elementor-sticky--effects.header-gradient {
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.96) 0%,
    #F9E9EC 20%,
    #E8C4C4 45%,
    #D9A5A3 70%,
    #C58E8B 100%
  );
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

/* Sticky állapotban: shimmer életre kel, lassan végigfut */
.elementor-sticky--effects.header-gradient::before {
  opacity: 0.6;
  animation: headerShimmer 5s linear infinite;
}

/* Sticky állapotban: gradientes alsó csík megjelenik */
.elementor-sticky--effects.header-gradient::after {
  opacity: 1;
}

/* Shimmer animáció – lassú, elegáns fénycsík balról jobbra */
@keyframes headerShimmer {
  0% {
    transform: translateX(0) skewX(-20deg);
  }
  100% {
    transform: translateX(380%) skewX(-20deg);
  }
}/* End custom CSS */