/* ALYA Kategori Hover Fix V2
   Diagnostik çıktısındaki gerçek Theme 2 DOM yapısına göre.
   Yalnız masaüstü hover davranışı; mobil dokunmatik akışa dokunmaz. */
@media (min-width:1101px) and (hover:hover) and (pointer:fine) {
  .theme-2 .theme2-native-category-dropdown,
  .theme-2 .theme2-native-category-dropdown > .store-category-dropdown-panel,
  .theme-2 .store-master-category-accordion,
  .theme-2 .store-master-category-root-row,
  .theme-2 .theme2-native-subdetails,
  .theme-2 .theme2-cascade-root,
  .theme-2 .theme2-cascade-item,
  .theme-2 .theme2-cascade-subdetails,
  .theme-2 .theme2-cascade-column {
    overflow: visible !important;
  }

  /* Diagnostikte kapalı durumda display:none görünen sağ sütunları
     yalnız ilgili <details open> olduğunda görünür yap. */
  .theme-2 .theme2-cascade-root[open] > .theme2-cascade-column,
  .theme-2 .theme2-cascade-subdetails[open] > .theme2-cascade-column {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10060 !important;
  }

  .theme-2 .store-master-category-root-row:hover,
  .theme-2 .theme2-cascade-item:hover {
    background: #f6f8fb !important;
  }

  .theme-2 .store-master-category-root-row:hover > .store-master-category-direct,
  .theme-2 .theme2-cascade-item:hover > .theme2-cascade-direct,
  .theme-2 .theme2-cascade-root[open] > summary,
  .theme-2 .theme2-cascade-subdetails[open] > summary {
    color: var(--red,#e30613) !important;
  }

  /* Sağ sütun ana panelin üstünde kalmalı. */
  .theme-2 .store-category-dropdown-panel {
    z-index: 10040 !important;
  }
  .theme-2 .theme2-cascade-column {
    z-index: 10060 !important;
  }
}
