/*
  Menší blok podkategorií na stránce kategorie (šablona Disco) – jen počítač.
  Na mobilu a menších tabletech (pod 992 px) se nic nemění.
  Nahrát do /user/documents/menu-mensi.css
*/

@media (min-width: 992px) {

  /* seznam podkategorií */
  .category-top ul.subcategories.with-image {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch !important;
    margin-bottom: 10px !important;
  }
  .category-top ul.subcategories.with-image::before,
  .category-top ul.subcategories.with-image::after {
    display: none;
  }

  /* 5 sloupců (pro 6 sloupců dej 16.66 %) */
  .category-top ul.subcategories.with-image li.col-lg-3 {
    width: 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  /* dělicí řádek přes celou šířku */
  .category-top ul.subcategories.with-image li.divider {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 4px 0 !important;
  }

  /* řádky: žádná pevná výška ani velké odsazení */
  .category-top ul.subcategories.with-image li {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .category-top ul.subcategories.with-image li a {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  /* obrázky */
  .category-top ul.subcategories.with-image li a img {
    max-width: 50px !important;
    max-height: 50px !important;
    width: auto;
    height: auto;
  }

  /* text */
  .category-top ul.subcategories.with-image li a .text {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  /* ORÁMOVANÉ POLOŽKY (parametric) – zarovnané doleva, stejně vysoké v řádku */
  .category-top ul.subcategories.with-image li.parametric {
    display: flex !important;
    padding: 4px 6px !important;
  }
  .category-top ul.subcategories.with-image li.parametric a {
    display: flex !important;
    flex: 1 1 auto;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    border: 1px solid #cfcfcf;
    border-radius: 6px;
    background: #fff;
    padding: 8px 14px !important;
    min-height: 44px !important;
    transition: border-color .15s ease, box-shadow .15s ease;
  }
  .category-top ul.subcategories.with-image li.parametric a:hover {
    border-color: #1a1a1a;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
  }

  /* logo/obrázek: pevně široké místo, aby text začínal pořád na stejném místě */
  .category-top ul.subcategories.with-image li.parametric a img {
    width: auto;
    height: auto;
    max-width: 56px !important;
    max-height: 40px !important;
    object-fit: contain;
  }
  .category-top ul.subcategories.with-image li.parametric a > :not(.text) {
    flex: 0 0 64px;
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px 0 0 !important;
  }

  /* text vlevo */
  .category-top ul.subcategories.with-image li.parametric a .text {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* položky bez obrázku: text odsazený stejně jako u ostatních (jen když jsou na stránce i položky s obrázky) */
  .category-top ul.subcategories.with-image:has(li.parametric img) li.parametric a:not(:has(img)) .text {
    padding-left: 76px !important;
  }
}