/* Megamenü — Catalog modülü (asıl kullanılan) + Kategoriler modülü */
.module-catalog .catalog-image,
.module-catalog .item-content,
.module-catalog .module-item,
.module-catalog_blocks .catalog-image,
.module-catalog_blocks .item-content,
.module-catalog_blocks .block-item,
.module-categories .category-layout .image > a,
.module-categories .category-thumb .image,
.mega-menu-content .category-layout .image > a,
.mega-menu-content .category-thumb .image {
  position: relative;
  overflow: visible !important;
}

/* Sağ üst: rozetin yarısı resmin üstünde, yarısı içinde (kenarı bölmez) */
.module-catalog .catalog-image .refine-new-badge--overlay,
.module-catalog_blocks .catalog-image .refine-new-badge--overlay,
.module-categories .category-layout .refine-new-badge--overlay,
.mega-menu-content .category-layout .refine-new-badge--overlay,
.mega-menu-content .catalog-image .refine-new-badge--overlay {
  position: absolute !important;
  top: 0;
  right: 8px;
  left: auto;
  transform: translateY(-50%);
  z-index: 12;
}

/* Başlık / alt menü vb. — sadece resim üstü mavi rozet */
.module-catalog .catalog-new-badge--title,
.module-catalog_blocks .catalog-new-badge--title,
.mega-menu-content .catalog-new-badge--title,
.module-catalog .item-content > .refine-new-badge,
.module-catalog .catalog-title + .refine-new-badge,
.module-catalog .subitems .refine-new-badge,
.mega-menu-content .module-catalog .subitems .refine-new-badge {
  display: none !important;
}

.mega-menu-content .catalog-grid,
.mega-menu-content .module-body,
.mega-menu-content .block-content,
.mega-menu-content .item-assets,
.mega-menu-content .module-item,
.mega-menu-content .auto-grid-items {
  overflow: visible !important;
}

.module-catalog .catalog-image .refine-new-badge--overlay,
.mega-menu-content .catalog-image .refine-new-badge--overlay {
  display: inline-flex !important;
}

.module-categories .category-layout:has(.refine-new-badge--overlay) .name .refine-new-badge,
.mega-menu-content .module-categories .name .refine-new-badge {
  display: none !important;
}

/* Mega menü — sadece üst modül başlığı (Toptan Bellek vb.), içerikler dokunulmaz */
html:not(.phone) .desktop-main-menu-wrapper .mega-menu-content .title.module-title,
html:not(.phone) .desktop-main-menu-wrapper .mega-menu-content h3.module-title {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
}

@media (min-width: 1400px) {
  html:not(.phone) .desktop-main-menu-wrapper .mega-menu-content .title.module-title,
  html:not(.phone) .desktop-main-menu-wrapper .mega-menu-content h3.module-title {
    font-size: 32px !important;
  }
}

/* Üst menü çubuğu — ikonlu kategori yazıları */
@media (min-width: 992px) {

  /* Tüm has-image menü öğeleri: metin sarması için overflow ve yükseklik */
  .desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > li.has-image.main-menu-item > a .links-text {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em;
    width: 100%;
  }

  /* Sadece 2. öğe (Kırılmaz Cam Ekran Koruyucu) — geniş + sıkışık harf */
  .desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > li.has-image.main-menu-item:nth-child(2) {
    min-width: 175px !important;
    flex: 0 0 175px !important;
  }

  .desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > li.has-image.main-menu-item:nth-child(2) > a .links-text {
    letter-spacing: -0.02em !important;
    font-size: 14px !important;
    word-spacing: normal;
  }

  /* <a> içindeki overflow açılsın, ikon solda kalır */
  .desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu > li.has-image.main-menu-item > a {
    overflow: visible !important;
    align-items: center !important;
  }

  /* Overflow zinciri — sadece menü sarmalayıcılar */
  .desktop-header-active .desktop-main-menu-wrapper .main-menu > .j-menu,
  .desktop-header-active .desktop-main-menu-wrapper .main-menu {
    overflow: visible !important;
  }
}

/* Göster ve Kargo takip butonları — eşit boyut */
.btn-siparis-goster,
.btn-kargo-takip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  padding: 0 !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* Kargo takip butonu renk */
.btn-kargo-takip {
  background-color: #f0ad00 !important;
  border-color: #d39e00 !important;
  color: #fff !important;
}
.btn-kargo-takip:hover,
.btn-kargo-takip:focus,
.btn-kargo-takip:active {
  background-color: #e0a800 !important;
  border-color: #c89400 !important;
  color: #fff !important;
}
.btn-kargo-takip i,
.btn-kargo-takip:hover i,
.btn-kargo-takip:focus i,
.btn-kargo-takip:active i {
  color: #fff !important;
}

/* Ürün seçenek popup yüksekliği sabit — hata mesajı eklenince uzamasın */
html.popup-open .popup-wrapper.popup-options .popup-inner-body {
  max-height: 70vh !important;
  overflow-y: auto !important;
}
html.popup-open .popup-wrapper.popup-options .popup-inner-body > iframe {
  max-height: 70vh !important;
}


/* Wish ve Compare butonları tıklanamaz — dekoratif rozet olarak kullanılıyor */
/* Ürün detay sayfasında (route-product-product) tıklanabilir kalır */
/* oc-badge-btn sınıfındakiler (fiyat satırı ikonları) hover tooltip için pointer-events açık kalır */
html:not(.route-product-product) .btn-wishlist:not(.oc-badge-btn),
html:not(.route-product-product) .btn-compare:not(.oc-badge-btn),
html:not(.route-product-product) a.btn-wishlist:not(.oc-badge-btn),
html:not(.route-product-product) a.btn-compare:not(.oc-badge-btn) {
  pointer-events: none !important;
  cursor: default !important;
}

/* Badge ikonları hover çalışsın ama tıklanınca hiçbir yere gitmesin */
html:not(.route-product-product) .btn-wishlist.oc-badge-btn,
html:not(.route-product-product) .btn-compare.oc-badge-btn {
  cursor: default !important;
}