/* ==== tbh-mega-nowrap-fix ==== */

/* ============================================================
   MEGA MENU — no horizontal scroll, no clipped text.
   Long links (e.g. "Driver Medicals (DVLA, HGV, Taxi, PCO)") were
   nowrap and forced the panel wider than its box, creating a scrollbar
   and clipping. Allow graceful two-line wrapping, kill overflow.
   Matches the About benchmark: equal 236px columns, 36px gaps, 30px pad.
   ============================================================ */
@media (min-width:980px){
  .nav-dropdown.nav-mega,
  .nav-dropdown.nav-mega .nav-mega-cols{
    overflow:visible !important;           /* never scroll */
  }
  .nav-mega .nav-mega-col > a[role="menuitem"]{
    white-space:normal !important;         /* was nowrap -> allow wrap */
    overflow-wrap:break-word !important;
    word-break:normal !important;
    line-height:1.34 !important;
    align-items:flex-start !important;      /* wrapped lines align left/top */
    min-width:0 !important;
    text-overflow:clip !important;
    overflow:visible !important;
  }
  /* keep the hover chevron from forcing a nowrap line */
  .nav-mega .nav-mega-col > a[role="menuitem"]::after{
    flex:0 0 auto !important;
  }
  /* equal columns, equal alignment — reinforce the About-style grid */
  .nav-mega .nav-mega-col{
    flex:0 0 236px !important;
    width:236px !important;
    max-width:236px !important;
    min-width:236px !important;
    align-self:flex-start !important;
  }
}