.owl-theme .owl-nav [class*="owl-"]{
  background: transparent !important;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Ok butonlarını konumlandır ve görünümü ayarla */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;

  /* sadece hover'da görünecek arkaplan için kapsayıcı */
  width: 56px;              /* isteğe göre */
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(0,0,0,.15);  /* normalde transparan */
  transition: background-color .25s ease, opacity .25s ease;
  opacity: .9;              /* istersen 1 yap */
}

/* Sol/Sağ yerleşimi */
.owl-carousel .owl-nav button.owl-prev{ left: 12px; }
.owl-carousel .owl-nav button.owl-next{ right: 12px; }

/* Hover’da arkayı renklendir (ikon sabit kalsın) */
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover{
  background-color: rgba(0,0,0,.35);   /* renk burada */
  opacity: 1;
}

/* Focus (klavye erişilebilirliği) */
.owl-carousel .owl-nav button.owl-prev:focus-visible,
.owl-carousel .owl-nav button.owl-next:focus-visible{
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* SVG/IMG ok ikonları için boyut */
.owl-carousel .owl-nav button.owl-prev img,
.owl-carousel .owl-nav button.owl-next img{
  width: 40px;   /* ikon boyutu */
  height: 40px;
  display: block;
  pointer-events: none;
}

/* hover’da ok rengi beyaz olur */
.owl-carousel .owl-nav button.owl-prev:hover img,
.owl-carousel .owl-nav button.owl-next:hover img {
  filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
  .owl-carousel .owl-nav {
    display: none !important; /* tüm navigasyonu gizle */
  }
}