/**
 * Phase 07B core remediation.
 * One section per approved finding; no Phase 07A or C-07 rules live here.
 */

/* H-02 — prevent long URLs from overflowing narrow content on mobile. */
@media (max-width: 849px) {
  .woocommerce-Tabs-panel a,
  .product-short-description a,
  .page-wrapper a,
  .entry-content a {
    overflow-wrap: break-word;
  }
}

/* D-01 — direct, non-column children of the News dropdown only. */
#wide-nav #menu-item-4574 > .nav-dropdown > li:not(.nav-dropdown-col) {
  min-width: 180px;
}

/* F-06 — readable desktop line length; preserve the current left edge. */
@media (min-width: 850px) {
  .page-template-default .page-wrapper .col-inner > :is(p, ul, ol, h2, h3, h4, h5, h6, blockquote) {
    max-width: 640px;
  }

  .woocommerce-Tabs-panel--description :is(p, ul, ol, h2, h3, h4, h5, h6, blockquote):not(:has(img, iframe, video)) {
    max-width: 640px;
  }
}

/* N-02 (07C) — an open main-menu dropdown sits above the floating contact buttons.
 * From 850px to 919px the menu wraps and the "Tin tức" dropdown opens at the left
 * edge, where the contact buttons (z-index 99999) cover it (header: 1001). While
 * a dropdown is open the buttons go below the header; they return on top as soon
 * as it closes. The buttons are not removed, resized or moved. */
@media (min-width: 850px) and (max-width: 919px) {
  body:has(#wide-nav li.has-dropdown.current-dropdown) #button-contact-vr {
    z-index: 1000;
  }
}