/* =========================
   GENEL DÜZENLEMELER (WP)
   ========================= */
.menu-itemss h3 { border-bottom-color: #4cad3b; }
.menu-itemss h3 + span { color: #fff !important; }

h3 {
  margin-top: 20px;
  font-size: 17px;
  font-weight: bold;
}
.text-light h3 { color: #1a2530; }

.vc_separator h4 {
  font-size: 14px;
  line-height: 1em;
  margin: 0;
  word-wrap: break-word;
  flex: 0 0 auto;
}
.de_light h4, .de_light h6 { color: #fff; }

ul.footer-nav li {
  margin: 0 !important;
  padding: 2px 0 !important;
}

/* =========================
   HEADER (STICKY / SCROLL)
   ========================= */
.header.scroll-light.transparent.smaller.clone {
  height: 120px !important;  /* PC görünümü */
  background-color: transparent;
  transition: all 0.3s ease;
}
header.smaller.scroll-light {
  height: 105px;
}

/* Sticky header varsa, ilk içerik bölümü için üst boşluk */
.has-sticky-header .section-first,
.has-sticky-header .content-under-hero {
  padding-top: 120px;
}

/* WP admin bar açıkken (giriş yapmışken) üst boşluk telafisi */
body.admin-bar .has-sticky-header .section-first,
body.admin-bar .has-sticky-header .content-under-hero {
  padding-top: calc(120px + 32px); /* desktop admin bar ≈32px */
}
@media (max-width: 782px) {
  body.admin-bar .has-sticky-header .section-first,
  body.admin-bar .has-sticky-header .content-under-hero {
    padding-top: calc(120px + 46px); /* mobil admin bar ≈46px */
  }
}

/* =========================
   SLIDER: PC + TABLET AYNI DAVRANIŞ
   ========================= */
/* Yaygın WP slider sarmalayıcıları */
.elementor .swiper,
.elementor .elementor-image-carousel,
.rev_slider_wrapper,
.rev_slider,
.metaslider .flexslider,
.slick-slider,
.slick-list,
.slick-track,
.tp-banner-container,
.tp-fullscreen-banner {
  /* PC’de nasılsa tablet de öyle olsun: eklentinin 100vh/fullscreen'ını kır */
  height: auto !important;         /* tam ekranı kapat */
  max-height: none !important;
  min-height: 0 !important;
}

/* Slide içindeki görseller PC/tablet aynı dursun (oranı koru) */
.elementor .swiper-slide img,
.elementor .elementor-image-carousel img,
.rev_slider img,
.metaslider .flexslider img,
.slick-slide img,
.tp-revslider-mainul li img {
  width: 100%;
  height: auto;                    /* görüntü oranını koru */
  display: block;
}

/* Eğer bazı slider temaları wrapper’a sabit yükseklik veriyorsa sıfırla */
.elementor .swiper,
.rev_slider_wrapper,
.metaslider .flexslider,
.slick-slider {
  overflow: hidden;                /* taşmaları engelle */
}

/* Slider başlık/metinleri responsive ölçekte kalsın */
.hero h1, .slider h1,
.elementor .swiper-slide h1 { font-size: clamp(20px, 2.2vw, 40px); }
.hero h2, .slider h2,
.elementor .swiper-slide h2 { font-size: clamp(16px, 1.8vw, 28px); }

/* =========================
   TABLET ÖZELİ (PC ile AYNI TUT)
   ========================= */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Özellikle tablet aralığında da fullscreen’ı kapalı tut */
  .elementor .swiper,
  .elementor .elementor-image-carousel,
  .rev_slider_wrapper,
  .rev_slider,
  .metaslider .flexslider,
  .slick-slider,
  .slick-list,
  .slick-track,
  .tp-banner-container,
  .tp-fullscreen-banner {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  /* Tablet’te header'ı da PC’ye uyumlu bırak (istersen 120px) */
  .header.scroll-light.transparent.smaller.clone {
    height: 120px !important;
  }

  /* Sticky boşluk PC ile aynı */
  .has-sticky-header .section-first,
  .has-sticky-header .content-under-hero {
    padding-top: 120px;
  }
}

/* =========================
   MOBİL (OPSİYONEL)
   ========================= */
/* Mobilde çok uzun slider istemiyorsan yorumdan çıkar:
@media (max-width: 767px) {
  .elementor .swiper,
  .rev_slider_wrapper,
  .metaslider .flexslider,
  .slick-slider {
    max-height: 70vh !important;   // mobilde üst sınır
  }
}
*/