.elementor-kit-2885{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6245f6d:#FFFFFF;--e-global-color-2a997ce:#000000;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-2885 e-page-transition{background-color:#FFBC7D;}.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){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*
 * whb-header-bottom için Şarj Efekti - İlk Animasyon Görünümü (Menü Uyumlu Final Sürüm)
 * Bu kod, ilk animasyondaki "kayan ışık" efektini, dropdown menüyü bozmayan
 * modern ve akıcı bir teknikle yeniden oluşturur.
 */

.whb-row.whb-header-bottom {
  /* Sadece ::after elementini konumlandırmak için gerekli */
  position: relative;
  /* Çizgi için altta küçük bir boşluk bırakıyoruz */
  padding-bottom: 5px;
  /* Dropdown menülerin çalışması için 'overflow: hidden' KULLANILMAMIŞTIR. */
}

/* Animasyonlu şarj çizgisi */
.whb-row.whb-header-bottom::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px; /* Çizgi kalınlığı */

  /*
   * TEKNİK: Çizginin kendisi sabit durur, ancak içindeki gradient (ışık) hareket eder.
   * Bu, 'overflow: hidden' ihtiyacını ortadan kaldırarak menü sorununu çözer.
   */
  background: linear-gradient(
    90deg,
    transparent,
    #00ffdd,
    #00aaff,
    transparent
  );
  /* Arka plan boyutunu genişleterek ışığın hareket edeceği bir alan yaratıyoruz. */
  background-size: 300% 100%;

  /* KRİTİK KURAL: Tarayıcıya bu özelliğin değişeceğini bildirerek animasyonu akıcı hale getiriyoruz. */
  will-change: background-position;

  /* Animasyonu tanımlıyoruz */
  animation: chargeSlide 4.5s linear infinite;
}

/*
 * KEYFRAMES: 'background-position' özelliğini animate ediyoruz.
 * Bu, gradient'in çizgi içinde soldan sağa akmasını sağlar ve ilk animasyonla aynı hissi verir.
 */
@keyframes chargeSlide {
  0% {
    background-position: 150% 0; /* Gradient sağ tarafta, görünmez alanda başlar */
  }
  100% {
    background-position: -150% 0; /* Gradient sol tarafa tamamen kayarak döngüyü tamamlar */
  }
}/* End custom CSS */