/* =========================================================
   BÜROMOTTO PREMIUM HERO SLIDER v1.0.2
   Güvenli sürüm: mevcut hero'yu bozmadan görsel + yazı değiştirir
=========================================================*/

/* Önceki v1.0.0'dan kalmış gizleme class'ı varsa etkisiz bırak */
.bmphs-old-hero-hidden {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  min-height: inherit !important;
  opacity: 1 !important;
}

/* Eski ayrı slider v1.0.0 kalıntısı varsa görünmesin */
.bmphs-slider {
  display: none !important;
}

.bmphs-safe-hero {
  position: relative !important;
  overflow: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transition: background-image .65s ease-in-out !important;
}

.bmphs-safe-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.bmphs-safe-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

/* BÜROMOTTO kicker yazısını kaldır */
.bmphs-hide-kicker {
  display: none !important;
}

/* Slider noktaları */
.bmphs-safe-dots {
  position: absolute !important;
  left: 88px !important;
  bottom: 34px !important;
  z-index: 5 !important;
  display: flex !important;
  gap: 8px !important;
}

.bmphs-safe-dot {
  width: 30px !important;
  height: 5px !important;
  border: none !important;
  border-radius: 99px !important;
  background: rgba(16,24,32,.20) !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.bmphs-safe-dot.is-active {
  background: #ef2b2d !important;
}

@media (max-width: 768px) {
  .bmphs-safe-hero {
    background-position: 62% center !important;
  }

  .bmphs-safe-dots {
    left: 30px !important;
    bottom: 24px !important;
  }
}


/* =========================================================
   BÜROMOTTO PREMIUM HERO SLIDER v1.0.3
   Koyu slider görsellerinde yazılar beyaz/açık tona alındı
=========================================================*/

/* Hero üzerinde metin okunurluğu için koyu gradient */
.bmphs-safe-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,.58) 0%,
    rgba(0,0,0,.42) 34%,
    rgba(0,0,0,.16) 62%,
    rgba(0,0,0,.02) 100%
  ) !important;
}

/* Başlıklar */
.bmphs-safe-hero h1,
.bmphs-safe-hero h2,
.bmphs-safe-hero .wp-block-heading {
  color: #ffffff !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.34) !important;
}

/* Başlık içindeki kırmızı/renkli spanlar varsa beyaza çek */
.bmphs-safe-hero h1 span,
.bmphs-safe-hero h1 strong,
.bmphs-safe-hero h2 span,
.bmphs-safe-hero h2 strong,
.bmphs-safe-hero .wp-block-heading span,
.bmphs-safe-hero .wp-block-heading strong {
  color: #ffffff !important;
}

/* Alt açıklama */
.bmphs-safe-hero p {
  color: rgba(255,255,255,.86) !important;
  text-shadow: 0 10px 24px rgba(0,0,0,.26) !important;
}

/* Kategori butonu beyaz kalsın, ürün butonu kırmızı kalsın */
.bmphs-safe-hero a:not(:first-of-type) {
  color: #101820 !important;
}

/* Noktalar koyu görsel üstünde daha görünür */
.bmphs-safe-dot {
  background: rgba(255,255,255,.40) !important;
}

.bmphs-safe-dot.is-active {
  background: #ef2b2d !important;
}

/* Mobilde gradient biraz daha güçlü */
@media (max-width: 768px) {
  .bmphs-safe-hero::before {
    background: linear-gradient(
      180deg,
      rgba(0,0,0,.62) 0%,
      rgba(0,0,0,.46) 52%,
      rgba(0,0,0,.12) 100%
    ) !important;
  }
}




/* =========================================================
   BÜROMOTTO PREMIUM HERO SLIDER v1.0.5
   Sağ/sol çizgi ok kontrolleri + swipe desteği görünüm güncellemesi
=========================================================*/

.bmphs-safe-hero {
  touch-action: pan-y !important;
}

/* Okları sliderın sol ve sağ kenarına yerleştir */
.bmphs-safe-arrows {
  position: absolute !important;
  inset: 0 !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 18px !important;
  pointer-events: none !important;
}

.bmphs-safe-arrow {
  pointer-events: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  width: 52px !important;
  height: 92px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 88px !important;
  line-height: .72 !important;
  font-weight: 300 !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
  opacity: .96 !important;
  transition: transform .18s ease, opacity .18s ease !important;
}

.bmphs-safe-prev {
  transform: translateX(0) !important;
}

.bmphs-safe-next {
  transform: translateX(0) !important;
}

.bmphs-safe-arrow:hover {
  opacity: 1 !important;
}

.bmphs-safe-prev:hover {
  transform: translateX(-2px) !important;
}

.bmphs-safe-next:hover {
  transform: translateX(2px) !important;
}

.bmphs-safe-arrow:focus-visible {
  opacity: 1 !important;
}

/* Noktalar ayrı kalsın */
.bmphs-safe-dots {
  z-index: 8 !important;
}

@media (max-width: 768px) {
  .bmphs-safe-arrows {
    padding: 0 10px !important;
  }

  .bmphs-safe-arrow {
    width: 42px !important;
    height: 74px !important;
    font-size: 64px !important;
  }
}