/* "Areas We Serve" navigation (2026-10-22): header dropdown, mobile drawer and footer row.
   Loaded only while the hub is visible to the viewer (app/locations.php), after home.css. */

/* Header: a 4-column panel, one column per region headed by its link; "All areas" spans the top. */
.pcl-header .pcl-sub__menu:has(.pcl-sub__link--region) {
  display: block; width: max-content; max-width: min(820px, calc(100vw - 40px));
  left: 50%; translate: -50% 0;
  columns: 4 170px; column-gap: 10px; padding: 14px 12px;
}
.pcl-header .pcl-sub__menu:has(.pcl-sub__link--region) .pcl-sub__link {
  display: block; break-inside: avoid; white-space: normal; padding: 5px 12px; font-size: 15px; line-height: 1.4; font-weight: 600;
}
.pcl-header .pcl-sub__link--hub {
  column-span: all; margin-bottom: 8px; color: var(--pcl-blossom); font-weight: 700;
}
.pcl-header .pcl-sub__link--region {
  break-before: column; font-family: var(--font-display); font-weight: 700 !important; font-size: 17px !important; color: var(--pcl-plum);
}
.pcl-header .pcl-sub__link--hub + .pcl-sub__link--region { break-before: auto; }

/* Mobile drawer: one column, region names bold, towns indented. */
.pcl-drawer__nav .pcl-sub__link--region { font-weight: 800; margin-top: 6px; }
.pcl-drawer__nav .pcl-sub__link--town { padding-left: 32px; font-weight: 600; }

/* Footer: a slim row of region links under the footer menu. */
.pcl-footer__areas {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px;
  margin: 14px auto 0; font-size: 15px;
}
.pcl-footer__areas a { color: inherit; text-decoration: none; }
.pcl-footer__areas a:hover, .pcl-footer__areas a:focus-visible { color: var(--pcl-blossom); text-decoration: none; }
.pcl-footer__areas-hub { font-weight: 700; }