/* Scoped to D7 menu overrides; desktop layout and no-JS links stay intact. */
[data-dq-mobile-menu] > .dq-menu-toggle { display: none; }

@media (max-width: 767px) {
  [data-dq-mobile-menu].dq-menu-ready {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 12px 0 20px;
  }
  [data-dq-mobile-menu].dq-menu-ready > .dq-menu-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 14px 18px;
    border: 2px solid #ffd900;
    border-radius: 12px;
    background: #1b1464;
    color: #fff;
    font: 700 18px/24px Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }
  [data-dq-mobile-menu] .dq-menu-icon {
    display: grid;
    gap: 4px;
    width: 22px;
  }
  [data-dq-mobile-menu] .dq-menu-icon span {
    display: block;
    height: 2px;
    background: #ffd900;
  }
  [data-dq-mobile-menu] .dq-menu-chevron {
    width: 9px;
    height: 9px;
    margin-left: auto;
    border-right: 2px solid #ffd900;
    border-bottom: 2px solid #ffd900;
    transform: rotate(45deg);
  }
  [data-dq-mobile-menu].dq-menu-open .dq-menu-chevron { transform: rotate(225deg); }
  [data-dq-mobile-menu].dq-menu-ready > .dq-menu-panel { display: none !important; }
  [data-dq-mobile-menu].dq-menu-open > .dq-menu-panel {
    display: block !important;
    width: 100%;
    margin: 8px 0 0;
    padding: 8px;
    border: 1px solid #dedcea;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(27, 20, 100, .12);
  }
  [data-dq-mobile-menu].dq-menu-ready ul,
  [data-dq-mobile-menu].dq-menu-ready ul#horizontal-menu {
    columns: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  [data-dq-mobile-menu].dq-menu-ready ul > li,
  [data-dq-mobile-menu].dq-menu-ready ul#horizontal-menu > li.menu-item {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  [data-dq-mobile-menu].dq-menu-ready ul > li > a,
  [data-dq-mobile-menu].dq-menu-ready ul#horizontal-menu > li.menu-item > a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 12px 14px;
    border: 0;
    border-radius: 6px;
    color: #1b1464;
    background: #fff;
    font: 600 16px/24px Arial, sans-serif;
    letter-spacing: normal;
    text-transform: none;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    text-decoration: none;
  }
  [data-dq-mobile-menu].dq-menu-ready ul > li > a:hover,
  [data-dq-mobile-menu].dq-menu-ready ul#horizontal-menu > li.menu-item > a:hover {
    background: #fff6c7;
  }
  [data-dq-mobile-menu].dq-menu-ready a:focus,
  [data-dq-mobile-menu].dq-menu-ready > button:focus {
    outline: 3px solid #e77700;
    outline-offset: 2px;
  }
}