/* Kilya Clinic menu - Randevu Talebi butonu

   Masaustunde menu, kabinda ortali yerlesiyor. Buton menunun son
   ogesi olarak duruyor ama akistan cikarilip saga sabitleniyor;
   boylece menu ortali kalirken buton kenarda duruyor.

   Mobilde menu kapaliyken de gorunmesi gerektigi icin buton ayrica
   mobil header cubuguna (logo ile hamburger arasina) kondu. Acilir
   menu icindeki kopyasi orada gizleniyor ki iki kez cikmasin. */

/* --- masaustu --- */

#qodef-page-header-inner,
.qodef-header-sticky-inner {
  position: relative;
}

#qodef-page-header .kc-menu-cta {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  /* Tema menu ogelerine header yuksekligi kadar (80px) yukseklik
     veriyor. Buton bu kutunun tepesine yapisip top bar ile ic ice
     giriyordu; flex ile dikeyde ortalaniyor. */
  display: flex;
  align-items: center;
}

#qodef-page-header .kc-menu-cta > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 26px;
  border-radius: 6px;
  background: linear-gradient(135deg, #16489F 0%, #1E9CD7 100%);
  box-shadow: 0 12px 22px -10px rgba(22, 72, 159, 0.55);
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Tema menu baglantilarinin rengini !important ile veriyor;
   buton yazisi her sayfada beyaz kalsin diye ayni silah. */
#qodef-page-header .kc-menu-cta > a,
#qodef-page-header .kc-menu-cta > a:hover,
#qodef-page-header .kc-menu-cta > a .qodef-menu-item-text {
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

#qodef-page-header .kc-menu-cta > a:hover,
#qodef-page-header .kc-menu-cta > a:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 16px 26px -10px rgba(30, 156, 215, 0.6);
}

#qodef-page-header .kc-menu-cta > a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

/* Butonun menuye degmemesi icin menuye sag bosluk. Onceki surumde
   bu bosluk .qodef-header-wrapper'a verilmisti ama o sarmalayici her
   sayfada yok; menu butonun altina giriyordu. Menunun kendi listesine
   verildi - nav her sayfada mevcut. */
#qodef-page-header nav > ul {
  padding-right: 200px;
}

/* Ust cizgi/alt cizgi gibi menu suslerini butona uygulama. */
#qodef-page-header .kc-menu-cta > a::after,
#qodef-page-header .kc-menu-cta > a::before {
  display: none !important;
}

/* --- mobil header cubugundaki buton --- */

.kc-mobil-cta {
  display: none; /* masaustunde mobil header zaten gizli */
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  margin-left: auto;
  margin-right: 12px;
  border-radius: 6px;
  background: linear-gradient(135deg, #16489F 0%, #1E9CD7 100%);
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}

.kc-mobil-cta:hover,
.kc-mobil-cta:focus-visible {
  color: #fff !important;
  opacity: 0.92;
}

.kc-mobil-cta:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (max-width: 1200px) {
  .kc-mobil-cta {
    display: inline-flex;
  }

  /* Acilir menu icindeki kopya gizleniyor - buton zaten cubukta. */
  #qodef-page-mobile-header .kc-menu-cta {
    display: none;
  }
}

@media (max-width: 380px) {
  .kc-mobil-cta {
    height: 34px;
    padding: 0 12px;
    font-size: 13px;
    margin-right: 8px;
  }
}

/* --- acilir menu gostergesi ---
   Tema masaustu menude oku display:none ile gizliyor (klonun
   orijinal davranisi). Menude acilir oldugu belli olsun diye
   yalnizca Hizmetlerimiz ogesinde geri aciliyor. SVG varsayilan
   olarak saga bakan bir chevron; 90 derece cevrilip asagi bakiyor. */
#qodef-page-header .kc-menu-hizmetler .qodef-menu-item-arrow {
  display: inline-block !important;
  position: static;
  width: 7px;
  height: auto;
  margin-left: 8px;
  transform: rotate(90deg);
  vertical-align: middle;
}