/* ALYA Kategori 3. Seviye V2.2
   Mevcut Hover V2'yi bozmaz.
   Yalnız masaüstünde 2. ve 3. sütun genişliğini ekrana sığdırır. */

@media (min-width:1101px) and (hover:hover) and (pointer:fine) {

  .theme-2 .theme2-native-category-dropdown > .store-category-dropdown-panel {
    width: var(--alya-v22-panel-width, auto) !important;
    max-width: calc(100vw - 16px) !important;
    overflow: visible !important;
  }

  .theme-2 .store-master-category-accordion {
    width: var(--alya-v22-root-width, 292px) !important;
    min-width: var(--alya-v22-root-width, 292px) !important;
    overflow: visible !important;
  }

  /* 1. ana kategoriden açılan 2. seviye sütun */
  .theme-2 .theme2-cascade-root[open] > .theme2-cascade-column {
    left: var(--alya-v22-root-width, 292px) !important;
    width: var(--alya-v22-child-width, 292px) !important;
    min-width: var(--alya-v22-child-width, 292px) !important;
    max-width: var(--alya-v22-child-width, 292px) !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    overflow: visible !important;
    z-index: 10070 !important;
  }

  /* 2. seviyenin altından açılan 3. seviye sütun */
  .theme-2 .theme2-cascade-subdetails[open] > .theme2-cascade-column {
    left: 100% !important;
    width: var(--alya-v22-child-width, 292px) !important;
    min-width: var(--alya-v22-child-width, 292px) !important;
    max-width: var(--alya-v22-child-width, 292px) !important;
    box-sizing: border-box !important;
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: min(70vh, 560px) !important;
    z-index: 10090 !important;
  }

  /* 2. ve 3. seviyede yazılar sütun içinde kalsın */
  .theme-2 .theme2-cascade-column,
  .theme-2 .theme2-cascade-column a,
  .theme-2 .theme2-cascade-column summary,
  .theme-2 .theme2-cascade-item,
  .theme-2 .theme2-cascade-direct {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .theme-2 .theme2-cascade-column a,
  .theme-2 .theme2-cascade-column summary,
  .theme-2 .theme2-cascade-direct {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* Ana panel, ikinci ve üçüncü sütun birbirini kesmesin. */
  .theme-2 .theme2-native-category-dropdown,
  .theme-2 .store-category-dropdown-panel,
  .theme-2 .store-master-category-root-row,
  .theme-2 .theme2-cascade-root,
  .theme-2 .theme2-cascade-item,
  .theme-2 .theme2-cascade-subdetails {
    overflow: visible !important;
  }
}
