/* Svádění.cz – mobilní menu, 13. 10. 2026, v2. */
@media (max-width: 767px) {
  #navigation.dl-mobile-menu-ready { background: #fff !important; }
  #navigation.dl-mobile-menu-ready > .navigation-close { display: none !important; }
  #navigation.dl-mobile-menu-ready .dl-menu-head {
    position: absolute; inset: 0 0 auto; z-index: 5; height: 52px; padding: 0 8px 0 16px;
    display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid #e5e7eb;
  }
  #navigation.dl-mobile-menu-ready .dl-menu-head strong { font-size: 18px; color: #303438; }
  #navigation.dl-mobile-menu-ready .navigation-in {
    height: calc(100% - 52px) !important; max-height: none !important; margin-top: 52px !important;
    padding: 0 0 16px !important; overflow-y: auto !important; overscroll-behavior: contain; overflow-anchor: none;
  }
  #navigation.dl-mobile-menu-ready ul { list-style: none !important; margin: 0 !important; padding: 0 !important; }
  #navigation.dl-mobile-menu-ready li { background: transparent !important; }
  #navigation.dl-mobile-menu-ready a { text-transform: none !important; text-decoration: none !important; letter-spacing: normal !important; }
  #navigation.dl-mobile-menu-ready a span,
  #navigation.dl-mobile-menu-ready a b { padding: 0 !important; margin: 0 !important; line-height: inherit !important; }
  #navigation.dl-mobile-menu-ready a::before,
  #navigation.dl-mobile-menu-ready a::after { content: none !important; }
  #navigation.dl-mobile-menu-ready .submenu-arrow,
  #navigation.dl-mobile-menu-ready img,
  #navigation.dl-mobile-menu-ready .menu-image { display: none !important; }
  #navigation.dl-mobile-menu-ready .menu-level-1 > li,
  #navigation.dl-mobile-menu-ready .navigationActions > li {
    display: block !important; position: relative; width: 100% !important; float: none !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid #e5e7eb !important;
  }
  #navigation.dl-mobile-menu-ready .menu-level-1 > li > a,
  #navigation.dl-mobile-menu-ready .navigationActions > li > a {
    display: flex !important; align-items: center; gap: 12px; box-sizing: border-box;
    min-height: 56px; height: auto !important; width: 100% !important; padding: 8px 16px !important; margin: 0 !important;
    background: #fff !important; color: #34383c !important; font-size: 16px !important; line-height: 1.35 !important;
    font-weight: 500; white-space: normal !important;
  }
  #navigation.dl-mobile-menu-ready .dl-menu-branch > a { padding-right: 64px !important; }
  #navigation.dl-mobile-menu-ready .menu-level-1 > li > a b { font-weight: 600 !important; }
  #navigation.dl-mobile-menu-ready .menu-level-1 > .menu-item-1440 > a { color: #b5181d !important; background: #fff5f5 !important; }
  #navigation.dl-mobile-menu-ready a.active,
  #navigation.dl-mobile-menu-ready a[aria-current="page"] { color: #b5181d !important; background: #fff1f1 !important; font-weight: 600 !important; }
  #navigation.dl-mobile-menu-ready .dl-menu-icon { display: flex; align-items: center; flex: 0 0 24px; width: 24px; height: 24px !important; padding: 0 !important; color: #b5181d; }
  #navigation.dl-mobile-menu-ready .dl-menu-icon svg { width: 24px; height: 24px; }
  #navigation.dl-mobile-menu-ready .dl-menu-toggle,
  #navigation.dl-mobile-menu-ready .dl-menu-close {
    display: flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important;
    min-width: 44px; padding: 0 !important; border: 0 !important; border-radius: 6px; color: #4a4e52; background: transparent; cursor: pointer;
  }
  #navigation.dl-mobile-menu-ready .dl-menu-toggle { position: absolute; right: 8px; top: 6px; z-index: 2; }
  #navigation.dl-mobile-menu-ready .dl-menu-toggle svg,
  #navigation.dl-mobile-menu-ready .dl-menu-close svg { width: 24px; height: 24px; }
  #navigation.dl-mobile-menu-ready .dl-menu-open > .dl-menu-toggle { color: #b5181d; background: #fff1f1; }
  #navigation.dl-mobile-menu-ready .dl-menu-open > .dl-menu-toggle svg { transform: rotate(180deg); }
  #navigation.dl-mobile-menu-ready .menu-level-2,
  #navigation.dl-mobile-menu-ready .menu-level-3 { display: none !important; position: static !important; width: 100% !important; box-shadow: none !important; }
  #navigation.dl-mobile-menu-ready .dl-menu-open > .menu-level-2,
  #navigation.dl-mobile-menu-ready .dl-menu-open > .menu-level-3 { display: block !important; }
  #navigation.dl-mobile-menu-ready .menu-level-2 { background: #fafafa !important; padding: 4px 0 8px !important; }
  #navigation.dl-mobile-menu-ready .menu-level-2 > li {
    display: block !important; width: 100% !important; float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  }
  #navigation.dl-mobile-menu-ready .menu-level-2 > li > div { position: relative; padding: 0 !important; }
  #navigation.dl-mobile-menu-ready .menu-level-2 > li > div > a,
  #navigation.dl-mobile-menu-ready .navigationActions__submenu a,
  #navigation.dl-mobile-menu-ready .dl-menu-info a {
    display: flex !important; align-items: center; box-sizing: border-box; width: 100% !important; min-height: 44px; height: auto !important;
    padding: 10px 16px 10px 36px !important; margin: 0 !important; font-size: 16px !important; line-height: 1.4 !important;
    background: transparent !important; color: #34383c !important; white-space: normal !important; font-weight: 400;
  }
  #navigation.dl-mobile-menu-ready .menu-level-2 > li > div.dl-menu-branch > a { padding-right: 64px !important; }
  #navigation.dl-mobile-menu-ready .menu-level-2 .dl-menu-toggle { top: 0; }
  #navigation.dl-mobile-menu-ready .menu-level-3 { background: #f2f3f4 !important; padding: 4px 0 !important; }
  #navigation.dl-mobile-menu-ready .menu-level-3 > li { display: block !important; float: none !important; font-size: 0 !important; margin: 0 !important; padding: 0 !important; }
  #navigation.dl-mobile-menu-ready .menu-level-3 > li > a {
    display: flex !important; align-items: center; box-sizing: border-box; min-height: 44px; width: 100%;
    padding: 10px 16px 10px 52px !important; font-size: 16px !important; line-height: 1.4 !important; color: #34383c !important;
    background: transparent !important; white-space: normal !important;
  }
  #navigation.dl-mobile-menu-ready .navigationActions__submenu ul { display: block !important; }
  #navigation.dl-mobile-menu-ready .navigationActions__submenu li { display: block !important; padding: 0 !important; border: 0 !important; }
  #navigation.dl-mobile-menu-ready .dl-menu-section-title {
    margin: 0 !important; padding: 18px 16px 8px !important; color: #73777b; font-size: 13px !important;
    font-weight: 600; line-height: 1.4; text-transform: none !important; letter-spacing: 0 !important;
  }
  #navigation.dl-mobile-menu-ready .dl-menu-info a { padding-left: 16px !important; }
  #navigation.dl-mobile-menu-ready .menu-level-2 a[aria-current="page"],
  #navigation.dl-mobile-menu-ready .menu-level-3 a[aria-current="page"] { color: #b5181d !important; background: #fff1f1 !important; font-weight: 600 !important; }
  #navigation.dl-mobile-menu-ready a:focus-visible,
  #navigation.dl-mobile-menu-ready button:focus-visible { outline: 2px solid #b5181d !important; outline-offset: -3px; }
}