/**
 * Diario Badajoz — desktop Kadence menu repair (3.0.2).
 * Scope to classic header navigation. The mobile drawer is not affected.
 */
@media (min-width: 1025px) {
  #masthead.site-header {
    position: relative;
    z-index: 1100;
    overflow: visible !important;
  }
  #masthead .site-header-wrap,
  #masthead .site-header-row-container,
  #masthead .site-header-row-container-inner,
  #masthead .site-header-row,
  #masthead .site-header-section,
  #masthead .site-header-item,
  #masthead .header-navigation,
  #masthead .header-menu-container,
  #masthead .header-menu-container > ul.menu {
    overflow: visible !important;
  }
  #masthead .header-navigation {
    position: relative;
    z-index: 1101;
  }
  #masthead .header-navigation .header-menu-container > ul.menu > li.menu-item-has-children,
  #masthead .header-navigation .header-menu-container ul.menu li.menu-item-has-children {
    position: relative;
  }
  /* Explicitly restrict to nested lists: never style the main menu as a dropdown. */
  #masthead .header-navigation .header-menu-container ul.menu li.menu-item-has-children > ul.sub-menu,
  #masthead .header-navigation .header-menu-container ul.menu li.menu-item-has-children > ul.submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    display: block !important;
    width: max-content;
    min-width: 220px;
    max-width: min(330px, 85vw);
    margin: 0 !important;
    padding: 6px 0 !important;
    list-style: none;
    background: #fff !important;
    border: 1px solid #d8d6d1;
    border-top: 2px solid #111;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 1102 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    transform: none !important;
    transition: opacity .12s ease, visibility .12s ease !important;
  }
  /* Hover, keyboard focus, Kadence toggled state, and our click fallback. */
  #masthead .header-navigation .header-menu-container ul.menu li.menu-item-has-children:is(:hover, :focus-within, .dbz-menu-open, .toggled-on) > ul.sub-menu,
  #masthead .header-navigation .header-menu-container ul.menu li.menu-item-has-children:is(:hover, :focus-within, .dbz-menu-open, .toggled-on) > ul.submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    clip: auto !important;
    clip-path: none !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    transform: none !important;
  }
  #masthead .header-navigation .header-menu-container ul.menu ul.sub-menu li > a,
  #masthead .header-navigation .header-menu-container ul.menu ul.submenu li > a {
    display: block;
    padding: 11px 16px !important;
    font: 500 13px/1.35 Arial, Helvetica, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: normal;
    text-transform: none !important;
    background: #fff;
    color: #111;
    text-decoration: none;
  }
  #masthead .header-navigation .header-menu-container ul.menu ul.sub-menu li > a:hover,
  #masthead .header-navigation .header-menu-container ul.menu ul.sub-menu li > a:focus-visible,
  #masthead .header-navigation .header-menu-container ul.menu ul.submenu li > a:hover,
  #masthead .header-navigation .header-menu-container ul.menu ul.submenu li > a:focus-visible {
    background: #f7f7f5;
    color: #8f1010;
  }
  /* Third and subsequent levels appear to the side, not over their parent. */
  #masthead .header-navigation .header-menu-container ul.menu ul.sub-menu li.menu-item-has-children > ul.sub-menu,
  #masthead .header-navigation .header-menu-container ul.menu ul.submenu li.menu-item-has-children > ul.submenu {
    top: -2px !important;
    left: 100% !important;
  }
  /* Keep end-of-row dropdowns inside the viewport where possible. */
  #masthead .header-navigation .header-menu-container > ul.menu > li:last-child > ul.sub-menu,
  #masthead .header-navigation .header-menu-container > ul.menu > li:last-child > ul.submenu {
    left: auto !important;
    right: 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #masthead .header-navigation .header-menu-container ul.menu ul.sub-menu {
    transition: none !important;
  }
}