/* ============================================================
   IVA Úklid Eko – Mobile menu: podkategorie POD nadpisem
   NAHRAĎ tímto veškeré předchozí menu CSS v Vlastní CSS
   ============================================================ */

@media (max-width: 768px) {

  /* === KLÍČOVÝ FIX: parent li je flex row → wrap aby submenu padlo dolů === */
  html body .menu-level-1 > li {
    flex-wrap: wrap !important;
  }

  /* === Parent link zabere celou šířku === */
  html body .menu-level-1 > li > a {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  /* === Submenu zabere celou šířku pod nadpisem === */
  html body .menu-level-2 {
    display: block !important;
    grid-template-columns: unset !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  /* === Každá položka submenu === */
  html body .menu-level-2 li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  /* === Text odkazu – odsazený doleva === */
  html body .menu-level-2 li a {
    display: block !important;
    padding: 12px 20px 12px 30px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2D4A3E !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }

  /* === Skryj obrázky === */
  html body .menu-level-2 li img {
    display: none !important;
  }

}