/* ===== Menu danh mục ngang: full-width blue panel (no images) ===== */

/* Hide default Flatsome dropdown for attached item */
.header-nav > li.mdmn-parent > .nav-dropdown{ display:none !important; }

/* Ensure header allows overflow */
.header-wrapper{ position:relative !important; overflow:visible !important; }
.header, .header-main, .header-nav{ overflow:visible !important; }

/* Parent positioning */
.header-nav > li.mdmn-parent{ position:static !important; }

/* Dropdown full width under header */
.header-nav > li.mdmn-parent > .mdmn-dropdown{
  display:none;
  position:absolute; left:0; right:0; top:100%;
  z-index:9999;
  background: transparent;
}

/* Show on hover */
.header-nav > li.mdmn-parent:hover > .mdmn-dropdown,
.header-nav > li.mdmn-parent:focus-within > .mdmn-dropdown{ display:block; }

/* Inner container with side paddings */
.mdmn-dropdown .mdmn-container{ width:100%; padding:0; margin:0; }

/* Blue wrap */
.mdmn-wrap{ width:100%; background: var(--mdmn-bg, #0b4f80); }
.mdmn-inner{ max-width: none; margin: 0; padding: 20px clamp(16px, 4vw, 42px); color: var(--mdmn-link, #fff); }

/* Grid rows */
.mdmn-top-row, .mdmn-bottom-row{
  display:grid; grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 24px;
}
/* By default assume up to 4 columns; will wrap if fewer */
.mdmn-col{ min-width:0; }

/* Divider */
.mdmn-hr{ height:1px; margin: 14px 0; background: var(--mdmn-divider, rgba(255,255,255,.25)); }

/* Lists */
.mdmn-list{ list-style:none; padding:0; margin:0; }
.mdmn-list li{ position:relative; padding-left:22px; line-height:1.8; }
.mdmn-list li::before{ content:"\203A"; /* › */ position:absolute; left:0; top:0; color:#fff; opacity:.85; }
.mdmn-list a{ color: var(--mdmn-link, #fff); text-decoration:none; }
.mdmn-list a:hover{ color: var(--mdmn-hover, #e6f2ff); text-decoration: underline; }

/* Responsive */
@media (max-width: 1200px){
  .mdmn-top-row, .mdmn-bottom-row{ grid-template-columns: repeat(3, minmax(200px,1fr)); }
}
@media (max-width: 980px){
  .mdmn-top-row, .mdmn-bottom-row{ grid-template-columns: repeat(2, minmax(180px,1fr)); }
}
@media (max-width: 640px){
  .mdmn-top-row, .mdmn-bottom-row{ grid-template-columns: 1fr; }
  .header-nav > li.mdmn-parent > .mdmn-dropdown{ position:static; }
  .mdmn-inner{ padding: 14px 16px; }
}