/* ================== Organizasyon Banner Yerleşimi (FIX) ================== */

/* Default: desktop / geniş ekran */
.page-organizasyon .banner-blocks {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(16px, 2.2vw, 30px);
  align-items: stretch;
}

/* Sol: slider alanı */
.page-organizasyon .banner-blocks .banner-ad.large.block-1 {
  flex: 1 1 52%;
  min-width: 0; /* swiper taşırmasın */
  background: transparent !important;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Sağ: metin alanı */
.page-organizasyon .banner-blocks .banner-ad.block-2 {
  flex: 1 1 48%;
  min-width: 0;
}

/* ================== Slider / Kart (FIX) ================== */

.page-organizasyon .org-slide {
  position: relative;
  width: 100%;
  max-width: min(760px, 100%);
  aspect-ratio: 4 / 3;
  border-radius: 20px;
  overflow: hidden;
  background: #111;
}

.page-organizasyon .org-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform 0.4s ease;
}

@media (hover: hover) and (pointer: fine) {
  .page-organizasyon .swiper-slide:hover .org-slide-img {
    transform: scale(1.06);
  }
}

/* Caption */
.page-organizasyon .org-slide-caption {
  position: absolute;
  left: clamp(12px, 2vw, 18px);
  bottom: clamp(12px, 2vw, 18px);
  z-index: 2;
}

.page-organizasyon .org-chip {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #333;
  font-size: 0.85rem;
  font-weight: 600;
}

/* ================== Sağ blok (#banner-block-2) (FIX) ================== */

.page-organizasyon #banner-block-2 {
  background-color: #f6f6f6;
  min-height: clamp(180px, 22vw, 280px);
  display: flex;
  align-items: center;
  padding: clamp(18px, 3vw, 40px) clamp(14px, 2.2vw, 20px);
  border-radius: 12px;
}

/* ================== Tablet altı: iki blok alt alta ================== */
@media (max-width: 1024px) {
  .page-organizasyon .banner-blocks {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .page-organizasyon .banner-blocks .banner-ad.large.block-1,
  .page-organizasyon .banner-blocks .banner-ad.block-2 {
    flex: 1 1 100%;
  }
}

/* Mobile fine-tune */
@media (max-width: 768px) {
  .page-organizasyon .org-slide {
    border-radius: 18px;
    aspect-ratio: 16 / 11;
  }

  .page-organizasyon #banner-block-2 {
    border-radius: 12px;
    min-height: auto;
  }
}

/* ================== CTA button ================== */

.page-organizasyon .org-call-btn {
  background: linear-gradient(135deg, #FFD700, #F6C453, #E6B325);
  color: #7A1F2A !important;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(255, 215, 0, 0.4);
  transition: 0.25s ease;
  min-height: 44px;
  padding-inline: 16px;
}

.page-organizasyon .org-call-btn:hover {
  background: linear-gradient(135deg, #FFE07A, #FFD24C, #F4C542);
  box-shadow: 0 6px 16px rgba(255, 215, 0, 0.6);
  transform: translateY(-2px);
}
/* Sol slider bloğu üstten hizalansın */
.page-organizasyon .banner-blocks {
  align-items: flex-start;
}

/* Slider kartını hafif yukarı taşı */
.page-organizasyon .org-slide {
  transform: translateY(-14px);
}
/* Sağ blok padding'ini dengeli yap */
.page-organizasyon #banner-block-2 {
  padding: 24px !important;
}

/* İçerdeki row padding'ini sıfırla */
.page-organizasyon #banner-block-2 .banner-content {
  padding: 0 !important;
  margin: 0 !important;
}
.page-organizasyon #orgTextPublic {
  width: 100%;
  max-width: none;
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
/* ================== Organizasyon sayfasında banner-block-2'yi 60/40 grid'den kurtar ================== */
.page-organizasyon #banner-block-2 {
  /* style.css display:grid !important dediği için burada override şart */
  display: block !important;

  /* grid kolonlarını da sıfırlayalım (bazı tarayıcılarda iyi olur) */
  grid-template-columns: 1fr !important;
}

/* İçerik sağda boşluk bırakmasın */
.page-organizasyon #banner-block-2 .banner-content {
  width: 100% !important;
  max-width: none !important;
}

/* Bootstrap row bazen kendi gutter’ıyla “sağda boşluk” hissi verir */
.page-organizasyon #banner-block-2 .banner-content.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-organizasyon #banner-block-2 .banner-content > [class^="col-"],
.page-organizasyon #banner-block-2 .banner-content > [class*=" col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* =========================
   ORGANİZASYON BANNER HEIGHT SYNC
   ========================= */

/* parent: iki bloğu aynı yükseklikte tut */
.page-organizasyon .banner-blocks {
  display: flex;
  align-items: stretch; /* 🔥 kritik */
  
}

/* sol slider */
.page-organizasyon .banner-ad.block-1 {
  flex: 1 1 60%;
  display: flex;
}

/* swiper içi %100 yükseklik */
.page-organizasyon .banner-ad.block-1 .swiper,
.page-organizasyon .banner-ad.block-1 .swiper-wrapper,
.page-organizasyon .banner-ad.block-1 .swiper-slide {
  height: 100%;
}

/* sağ metin bloğu */
.page-organizasyon #banner-block-2 {
  flex: 1 1 40%;
  display: flex;              /* 🔥 grid’i etkisiz bırakır */
  align-items: center;
  height: auto;               /* 🔥 parent’tan gelen height */
}

/* iç content tam yükseklik alsın */
.page-organizasyon #banner-block-2 .banner-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* Sadece organizasyon sayfası: sağ kutudaki içeriği yukarı taşı */
.page-organizasyon #banner-block-2{
  align-items: flex-start !important; /* center yerine yukarı */
}

/* sağ kutu iç boşluğu */
.page-organizasyon #banner-block-2 .banner-content{
  padding: 40px 48px 48px !important; /* üst sağ alt sol */
}

/* yazı biraz daha yukarı gelsin istersen (ince ayar) */
.page-organizasyon #orgTextPublic{
  margin-top: 0 !important;
}
/* =========================
   ORGANİZASYON - MOBILE FIX
   ========================= */
@media (max-width: 991.98px) {

  /* iki bloğu (slider + sağ kutu) alt alta diz */
  .page-organizasyon .banner-blocks{
    display: flex !important;
    flex-direction: column !important;
    gap: 16px;
  }

  .page-organizasyon .banner-blocks .block-1,
  .page-organizasyon .banner-blocks .block-2,
  .page-organizasyon #banner-block-2{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* style.css’teki grid 60/40 kuralını mobilde tamamen boz */
  .page-organizasyon #banner-block-2{
    display: flex !important;
    align-items: flex-start !important;
    background-image: none !important;
  }

  /* içerik padding + düzgün satır kırılımı */
  .page-organizasyon #banner-block-2 .banner-content{
    padding: 20px 18px !important;
  }

  .page-organizasyon #orgTextPublic{
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important; /* dar alanlarda güvenli */
    line-height: 1.6;
    font-size: 16px;
  }

  /* kutunun kendisi görsel olarak düzgün dursun */
  .page-organizasyon #banner-block-2{
    border-radius: 18px;
  }
}
@media (max-width: 991.98px) {

  .page-organizasyon #banner-block-2 .banner-content{
    padding: 14px 14px !important; /* sağ-sol daraltıldı */
  }

  .page-organizasyon #orgTextPublic{
    padding: 0 !important;
    margin-bottom: 14px;
    line-height: 1.6;
  }
}
@media (max-width: 991.98px) {

  .page-organizasyon .org-info p{
    font-size: 10px !important;
    line-height: 1.5;
  }

  .page-organizasyon .org-info strong{
    font-weight: 600;
  }
}
@media (max-width: 991.98px) {

  /* Telefon satırı */
  .page-organizasyon .org-info p a[href^="tel"]{
    font-size: 10px !important;   /* 🔥 asıl büyüten bu */
    font-weight: 600;
    display: inline-block;
  }

  /* "Telefon:" yazısı */
  .page-organizasyon .org-info p strong{
    font-size: 10px !important;
  }
}
@media (max-width: 991.98px) {

  /* Hemen Ara butonu küçült */
  @media (max-width: 991.98px) {
  .page-organizasyon .org-call-btn {
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 8px;
  }
}


  /* Telefon + adres yazıları */
  .page-organizasyon .org-info,
  .page-organizasyon .org-info p,
  .page-organizasyon .org-info a{
    font-size: 10px;
    line-height: 1.3;
  }

}
@media (max-width: 991.98px) {
  .page-organizasyon .org-call-btn {
    font-size: 9px !important;
    padding: 4px 6px !important;
    border-radius: 6px;
    min-height: unset !important;
    line-height: 1.2;
  }
}
/* 770px - 340px arası swiper height/strecth fix */
@media (max-width: 770px) and (min-width: 340px) {

  .page-organizasyon .banner-ad.large.block-1 {
    align-items: stretch !important; /* container da esnesin */
  }

  .page-organizasyon .banner-ad.large.block-1 .swiper {
    height: 100% !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .swiper-wrapper {
    align-items: stretch !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .swiper-slide {
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
  }

  /* slide içindeki kart her zaman full doldursun */
  .page-organizasyon .banner-ad.large.block-1 .swiper-slide .org-slide {
    height: 100% !important;
  }

  .page-organizasyon .org-slide-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
/* 770px - 340px arası: swiper pagination boşluk açmasın, resim kartı full doldursun */
@media (max-width: 770px) and (min-width: 340px) {

  /* swiper kutusu kartın içinde tam yayılsın */
  .page-organizasyon .banner-ad.large.block-1 .main-swiper,
  .page-organizasyon .banner-ad.large.block-1 .swiper,
  .page-organizasyon .banner-ad.large.block-1 .swiper-wrapper,
  .page-organizasyon .banner-ad.large.block-1 .swiper-slide {
    height: 100% !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .swiper-slide {
    display: flex !important;
  }

  /* kart (org-slide) yüksekliği slide ile aynı olsun */
  .page-organizasyon .org-slide {
    height: 100% !important;
  }

  /* resim kartı full doldursun */
  .page-organizasyon .org-slide-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
  }

  /* 🔥 asıl fix: pagination yer kaplamasın, resmin üstüne binsin */
  .page-organizasyon .banner-ad.large.block-1 .swiper-pagination {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 16px !important;
    top: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    z-index: 5 !important;
  }
}
/* 770px - 340px arası: swiper pagination için altta boşluk açmasın */
@media (max-width: 770px) and (min-width: 340px) {

  /* Swiper bazen pagination için padding-bottom veriyor -> siyah bant bu */
  .page-organizasyon .banner-ad.large.block-1 .main-swiper,
  .page-organizasyon .banner-ad.large.block-1 .swiper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
  }

  /* dotlar resmin üstüne binsin */
  .page-organizasyon .banner-ad.large.block-1 .swiper-pagination {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 16px !important;
    margin: 0 !important;
    z-index: 10 !important;
  }

  /* kart zaten koyuysa siyah bandı gizlemek için: */
  .page-organizasyon .org-slide {
    background: transparent !important;
  }
}
/* 770px - 340px arası: slide içeriği yüksekliği tam doldursun (alt boşluk kalmasın) */
@media (max-width: 770px) and (min-width: 340px) {

  .page-organizasyon .banner-ad.large.block-1 {
    align-items: stretch !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .main-swiper,
  .page-organizasyon .banner-ad.large.block-1 .swiper,
  .page-organizasyon .banner-ad.large.block-1 .swiper-wrapper,
  .page-organizasyon .banner-ad.large.block-1 .swiper-slide {
    height: 100% !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .swiper-slide {
    display: flex !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .org-slide {
    flex: 1 1 auto !important;
    height: 100% !important;
  }

  .page-organizasyon .banner-ad.large.block-1 .org-slide-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
.main-swiper,
.main-swiper .swiper-wrapper,
.main-swiper .swiper-slide,
.org-slide,
.org-slide-img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}