/* ==========================================================================
   TOBDESDER demo — özel stiller (marka logosu, dil butonu, menü, görsel oranları)
   Tema CSS'lerinden SONRA yüklenir; bu sayede gerekli yerlerde override eder.
   ========================================================================== */

/* ---- marka (görsel) logosu ---- */
.navbar-logo{
   position: relative;
}
.brand-logo {
   display: block;
   text-decoration: none;
}

.brand-logo__img {
   height: 58px;
   width: auto;
   display: block;
}

/* mobil menü başlığındaki logo */
.mobile-menu__header .brand-logo__img {
   height: 100px;
}

/* footer logosu biraz daha büyük */
.footer-two .brand-logo__img {
   height: 84px;
}

/* ---- menü taşmasını önleme (tek satır) ---- */
.header-secondary .navbar__list {
   flex-wrap: nowrap;
}

.header-secondary .navbar__list>.navbar__item>a {
   white-space: nowrap;
}

@media (min-width: 1200px) {
   .header-secondary .navbar {
      flex-wrap: nowrap;
   }
}

@media (min-width: 1200px) and (max-width: 1499px) {
   .header-secondary .navbar__list {
      gap: 18px;
   }

   .header-secondary .navbar__item>a {
      font-size: 15px;
   }

   .header-secondary .navbar__menu {
      padding-inline-end: 24px;
   }

   .header-secondary .navbar__menu-wrapper {
      gap: 20px;
   }

   /* xl aralığında "Bizi Arayın" telefon kutusunu gizle, menüye yer aç */
   .header-secondary .contact-btn {
      display: none;
   }
}

/* ---- TR / EN dil butonu ---- */
.lang-switch {
   display: inline-flex;
   gap: 4px;
   align-items: center;
   background: rgba(0, 0, 0, .06);
   border-radius: 30px;
   padding: 3px;
}

.lang-switch button {
   border: 0;
   background: transparent;
   font-weight: 700;
   font-size: 12px;
   padding: 5px 13px;
   border-radius: 30px;
   cursor: pointer;
   color: #fff;
   line-height: 1;
   transition: .25s;
}

.lang-switch button.active {
   background: #ffc107;
   color: #0a5b3f;
}

/* ==========================================================================
   görsel oranı düzeltmeleri — bozulma / dengesizlik önleme
   ========================================================================== */
.help__thumb-inner .thumb img,
.cause .cause__slider-single .thumb img,
.cta-section .cta-img img,
.team .team__single-thumb img,
.blog .blog__single-thumb a img,
.cause-two .cause-two__slider-single .cause-thumb img,
.difference-two .difference-two__thumb .thumb-lg img,
.difference-two .difference-two__thumb .thumb-sm img {
   object-fit: cover;
}

/* hakkımızda kolajı: orijinal kutu boyutlarına sabitle */
.help .thumb-top img {
   width: 237px;
   height: 228px;
}

.help .thumb-lg>img {
   width: 462px;
   height: 544px;
}

.help .thumb-bottom img {
   width: 230px;
   height: 219px;
}

/* projeler kartı görseli */
.cause .cause__slider-single .thumb img {
   width: 100%;
   height: 240px;
   border-radius: 16px;
}

/* haber görseli */
.blog .blog__single-thumb a img {
   height: 280px;
}

/* galeri (cause-two) görseli */
.cause-two .cause-two__slider-single .cause-thumb img {
   width: 100%;
   height: 600px;
   border-radius: 20px;
}

/* değerlerimiz bölümü görselleri */
.difference-two .difference-two__thumb .thumb-lg>img {
   width: 480px;
   height: 560px;
}

.difference-two .difference-two__thumb .thumb-sm img {
   width: 300px;
   height: 290px;
}

/* hero: metnin okunabilirliği için sol tarafa zarif karartma katmanı */
.banner-two .banner-two__slider-single::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   pointer-events: none;
   background: linear-gradient(90deg, rgba(15, 23, 20, .68) 0%, rgba(15, 23, 20, .42) 45%, rgba(15, 23, 20, .05) 90%);
}