/* =========================================================
   fg-ozel.css  —  Devlet-i Aliyye Ocakları / özel düzeltmeler
   18.09.2026
   Bu dosya en son yüklenir, careox.css'i ezmek için kullanılır.
   Tema dosyalarına dokunmadan düzeltme eklemek için burayı kullan.
   ========================================================= */


/* ---------------------------------------------------------
   1) MASAÜSTÜ: tıklanamayan buton / "sayfa kilitlendi" sorunu
   Ana sayfa slider'ı owl-carousel ile fade geçiş yapıyor.
   Geçiş süresince (1 sn) sıradaki slaytın dekoratif arka plan
   katmanları aktif slaytın üzerine biniyor ve tıklamaları
   yutuyor -> kullanıcı "butonlar çalışmıyor" sanıyor.
   Dekoratif katmanlar artık fare olaylarını almıyor,
   aktif olmayan slaytlar da tamamen tıklama dışı.
   --------------------------------------------------------- */
.main-slider-three__bg,
.main-slider-three__shape-three,
.main-slider-three__layer,
.main-slider-three__layer__inner {
  pointer-events: none;
}

.main-slider-three .owl-item:not(.active) {
  pointer-events: none;
}

/* fade geçişinde owl, çıkan ve giren slaytın İKİSİNE de .active
   veriyor; sönmekte olan slayt hâlâ üstte durup tıklamayı yiyor. */
.owl-carousel .owl-item.owl-animated-out,
.main-slider-three .owl-item.owl-animated-out {
  pointer-events: none;
}

/* slider okları tıklanabilir kalsın */
.main-slider-three .owl-nav,
.main-slider-three .owl-nav button {
  pointer-events: auto;
}

/* "Yukarı Çık" butonu sayfa içeriğinin altında kalıyordu */
.scroll-to-top {
  z-index: 9999;
}


/* ---------------------------------------------------------
   2) MOBİL HEADER: logo boyutu ve buton hizası
   Logo 138px olduğu için header 178px yükseliyor, bu da
   "Hesap" + hamburger simgelerini sayfa başlığının üstüne
   indiriyordu. Logo küçültülünce ikisi de yukarı hizalanıyor.
   --------------------------------------------------------- */
@media (max-width: 991px) {
  body .main-header--three .main-header__logo img,
  body .main-header--three .main-header__logo img.ofisimo-logo {
    width: 96px !important;
    height: auto !important;
    max-width: 96px !important;
  }

  body .main-header--three .main-header__inner {
    padding: 12px 0 !important;
  }
}

@media (max-width: 767px) {
  body .main-header--three .main-header__logo img,
  body .main-header--three .main-header__logo img.ofisimo-logo {
    width: 74px !important;
    height: auto !important;
    max-width: 74px !important;
  }

  body .main-header--three .main-header__inner {
    padding: 10px 0 !important;
  }

  /* header kısaldı; sayfa başlığı bandı da başlığı tam kapsasın */
  body .fgpage-title {
    padding: 105px 0 62px !important;
  }
}

/* Fareyi takip eden dekoratif imleç tamamen kaldırıldı
   (markup header.php'den de silindi; bu kural emniyet kemeri). */
body .custom-cursor__cursor,
body .custom-cursor__cursor-two {
  display: none !important;
}


/* ---------------------------------------------------------
   3) MOBİL MENÜ: sadece mobilde görünen "Bağış Yap" butonu
   --------------------------------------------------------- */
.fg-mobil-bagis {
  padding: 22px 0 6px;
}

.fg-mobil-bagis__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 18px;
  border-radius: 6px;
  background: var(--careox-base, #ffc107);
  color: #1a1a1a !important;
  font-family: var(--careox-heading-font, "Rubik", sans-serif);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
  transition: all 300ms ease;
}

.fg-mobil-bagis__btn:hover,
.fg-mobil-bagis__btn:focus {
  background: #ffffff;
  color: var(--careox-black, #00715e) !important;
}

.fg-mobil-bagis__btn i {
  font-size: 18px;
  line-height: 1;
}

/* masaüstünde mobil menü hiç açılmıyor, yine de gizle */
@media (min-width: 1200px) {
  .fg-mobil-bagis {
    display: none;
  }
}