/* Dungphim Smart Mega Menu v1.1.0 — only adds a split panel to the Theme's existing header menu. */
/* C1 + mobile: the Theme is 100% in charge; no global styling of WordPress nav/header. */
@media (min-width: 901px) {
  .dpm-theme-root.dpm-enhanced > li.dpm-native-parent > ul.dpm-original-submenu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .dpm-native-panel {
    position: fixed;
    z-index: 2147482000;
    left: 50%;
    transform: translateX(-50%) translateY(-5px);
    width: min(1160px, calc(100vw - 24px));
    max-height: 75vh;
    display: grid;
    grid-template-columns: minmax(210px, 25%) minmax(0, 75%);
    background: #fff;
    color: #19202d;
    box-shadow: 0 20px 60px rgba(18,23,34,.18);
    border: 1px solid #e5e7eb;
    border-radius: 0 0 12px 12px;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease;
    font-family: inherit;
    text-align: left;
    line-height: 1.45;
  }
  .dpm-native-panel.dpm-visible {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
  }
  .dpm-native-panel *, .dpm-native-panel *::before, .dpm-native-panel *::after { box-sizing: border-box; }
  .dpm-native-panel a { color: #19202d !important; text-decoration: none !important; box-shadow: none !important; }
  .dpm-native-tabs { background: #f7f8fa; border-right: 1px solid #e5e7eb; padding: 15px 10px; display: flex; flex-direction: column; gap: 3px; }
  .dpm-native-panel .dpm-native-tab {
    appearance: none; background: transparent; box-shadow: none; border: 0;
    width: 100%; text-align: left; cursor: pointer; color: #19202d;
    padding: 13px 14px; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.5; min-height: 45px;
    border-radius: 8px;
  }
  .dpm-native-panel .dpm-native-tab:hover, .dpm-native-panel .dpm-native-tab.is-active {
    background: #fff; color: #d95714; box-shadow: 0 1px 4px rgba(0,0,0,.05);
  }
  .dpm-native-content { padding: 22px 25px; min-width: 0; }
  .dpm-native-block { display: none; }
  .dpm-native-block.is-active { display: block; }
  .dpm-native-heading { display: block; padding-bottom: 14px; border-bottom: 1px solid #e5e7eb; margin-bottom: 17px; font-weight: 650 !important; font-size: 17px; }
  .dpm-native-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 15px; }
  .dpm-native-panel .dpm-native-link { display: block; padding: 10px 12px; font-size: 13px; line-height: 1.45; border-radius: 7px; }
  .dpm-native-panel .dpm-native-link:hover, .dpm-native-panel .dpm-native-link:focus { background: #f7f8fa; color: #d95714 !important; }
  .dpm-native-single { font-size: 13px; color: #64748b; }
  .dpm-native-panel a:focus-visible, .dpm-native-panel button:focus-visible { outline: 2px solid #d95714; outline-offset: 2px; }
}
@media (max-width: 900px) {
  /* Theme's original mobile C1 / C2 / C3 / hamburger operate unchanged. */
  .dpm-native-panel { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { .dpm-native-panel { transition: none !important; } }