.main-header-menu .sub-menu {
  background-color: #41474A; /* Prime Charcoal — swap for any grey you prefer */
}
.main-header-menu .sub-menu .menu-link {
  color: #FFFFFF;
}
.main-header-menu .sub-menu .menu-link {
  line-height: 1.4 !important;
  padding: 10px 16px !important;
}

.ptw-audience-cta,
.ptw-audience-cta:link,
.ptw-audience-cta:visited,
.ptw-audience-cta:hover,
.ptw-audience-cta:focus,
.ptw-audience-cta:active {
  text-decoration: none !important;
}

/* Site-defaults button fix (14 Sept 2026 audit) — homepage audience CTAs were still using the old bespoke Montserrat/uppercase button style instead of the 27 Aug 2026 site-defaults spec (Inter 600, 20px, 10px 20px padding, 3px radius, box-shadow) */
.ptw-audience-cta,
.ptw-audience-cta:link,
.ptw-audience-cta:visited,
.ptw-audience-cta:hover,
.ptw-audience-cta:focus,
.ptw-audience-cta:active {
  font-family: 'Inter', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1em !important;
  padding: 10px 20px !important;
  border-radius: 3px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Coming Soon block buttons (14 Sept 2026 audit) — coming-soon-block.html was built 28 Aug 2026 with its own bespoke Montserrat/uppercase button style, never reconciled to the 27 Aug site-defaults spec. Fixed once here in Additional CSS rather than per-page, since the same block/classes are pasted into every "coming soon" page. */
.ptw-soon-btn-fill,
.ptw-soon-btn-fill:link,
.ptw-soon-btn-fill:visited,
.ptw-soon-btn-fill:hover,
.ptw-soon-btn-fill:focus,
.ptw-soon-btn-fill:active,
.ptw-soon-btn-outline,
.ptw-soon-btn-outline:link,
.ptw-soon-btn-outline:visited,
.ptw-soon-btn-outline:hover,
.ptw-soon-btn-outline:focus,
.ptw-soon-btn-outline:active {
  font-family: 'Inter', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1em !important;
  padding: 10px 20px !important;
  border-radius: 3px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Contact form "Get My Quote" submit button (14 Sept 2026 audit) — the 8 Sept 2026 restyle was meant to match the Trade Account form's button but actually left the older Montserrat/uppercase style in place; Trade Account's own submit button already matches the site-defaults spec, so bringing Contact in line with it here. */
.ptw-contact-form-submit input.wpcf7-submit {
  font-family: 'Inter', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1em !important;
  padding: 10px 20px !important;
  border-radius: 3px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}


/* Header search icon (added 14 Sept 2026): the theme's default icon colour is #41474A (Prime Charcoal), which is nearly invisible against the header's own dark charcoal background. Recolour to white to match the other header icons/nav text. */
.ast-header-search .ast-search-menu-icon > .ast-search-icon svg {
  fill: #ffffff !important;
}
.ast-header-search .ast-search-menu-icon > .ast-search-icon:hover svg {
  fill: #D71920 !important;
}

/* Header search removed, social icons reverted to original right-hand position (15 Sept 2026) - Laura asked to put social media back on the right (removing the 15 Sept relocation block above) and remove the search function from the header entirely, rather than just repositioning it. */
.ast-header-search {
display: none !important;
}
@media (max-width: 600px) {
  .home .wp-block-cover.alignfull { min-height: 60vh !important; }
  .home .wp-block-cover .wp-block-heading { font-size: 34px !important; line-height: 1.15 !important; }
}
@media (max-width: 1024px) {
  .ptw-suppliers-fade { overflow: visible !important; }
  .ptw-suppliers-track {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    animation: none !important;
    justify-content: center !important;
  }
  .ptw-suppliers-group {
    flex-wrap: wrap !important;
    justify-content: center !important;
    flex-shrink: 1 !important;
    width: 100% !important;
  }
  .ptw-suppliers-group:nth-of-type(2) { display: none; }
}

/* Our Services page centering (16 Sept 2026, Laura's request) - centers the numbered service cards and the four detail sections (Supply/Delivery/Specification/Consultation) that were left-aligned; section intros and the closing CTA were already centered. Scoped to this page only via the page-id-397 body class. */
body.page-id-397 h1, body.page-id-397 h2, body.page-id-397 h3, body.page-id-397 h4,
body.page-id-397 p, body.page-id-397 span, body.page-id-397 li {
  text-align: center !important;
}
body.page-id-397 .ptw-os-card,
body.page-id-397 .ptw-os-supply-inner,
body.page-id-397 .ptw-os-delivery-inner,
body.page-id-397 .ptw-os-spec-inner,
body.page-id-397 .ptw-os-consult-inner {
  text-align: center !important;
}
body.page-id-397 .ptw-os-supply-list,
body.page-id-397 .ptw-os-spec-list,
body.page-id-397 .ptw-os-consult-list,
body.page-id-397 .ptw-os-delivery-stats {
  margin-left: auto !important;
  margin-right: auto !important;
  list-style-position: inside !important;
}
body.page-id-397 .ptw-os-hero-ctas,
body.page-id-397 .ptw-os-closing-ctas {
  justify-content: center !important;
}


/* Tablet-width hero shrink (16 Sept 2026) - covers portrait/landscape tablets */
@media (max-width: 1024px) and (min-width: 601px) {
  .home .wp-block-cover.alignfull { min-height: 55vh !important; }
  .home .wp-block-cover .wp-block-heading { font-size: 44px !important; line-height: 1.2 !important; }
}

/* Cap the mobile/tablet header logo+bar height to roughly 1 inch (96px) (16 Sept 2026) */
@media (max-width: 1024px) {
  .ast-mobile-header-wrap .custom-logo-link img,
  .ast-mobile-header-wrap .ast-site-identity img {
    height: 56px !important;
    width: auto !important;
    max-height: 56px !important;
  }
  .ast-mobile-header-wrap .ast-primary-header-bar,
  .ast-mobile-header-wrap .site-primary-header-wrap {
    min-height: 56px !important;
  }
}

/* Header CTA buttons: Trade Account (outline) + Get a Quote (solid) — added 18 Sept 2026, matching the trade-homepage mockup Laura approved */
.main-header-menu .menu-item.ptw-header-cta-trade,
.main-header-menu .menu-item.ptw-header-cta-quote {
  align-self: center !important;
  height: 38px !important;
}
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:link,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:visited,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:hover,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:focus,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:active {
  align-self: center !important;
  height: 38px !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.5) !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
  margin-left: 4px !important;
  white-space: nowrap !important;
}
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:link,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:visited,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:hover,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:focus,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:active {
  align-self: center !important;
  height: 38px !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  background: #D71920 !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  padding: 9px 16px !important;
  margin-left: 4px !important;
  white-space: nowrap !important;
}


/* Prevent wrapped primary-menu rows from stretching to fill header height (found 18 Sept 2026 while adding header CTA buttons) */
.main-header-menu.ast-nav-menu {
  align-content: flex-start !important;
}


/* Tighten primary-menu item spacing to recover width lost to the new header CTA buttons and the new "Get a Quote" item — prevents nav wrap at ~1280-1440px (MacBook-class) widths, same remediation approach used elsewhere in this project (18 Sept 2026) */
.main-header-menu > .menu-item > .menu-link {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:link,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:visited,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:hover,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:focus,
.main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link:active {
  padding: 8px 10px !important;
  margin-left: 2px !important;
}
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:link,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:visited,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:hover,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:focus,
.main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link:active {
  padding: 9px 12px !important;
  margin-left: 2px !important;
}


/* Additional width recovery for ~1250-1400px desktop widths (MacBook-class) — still wrapped "Get a Quote" onto its own line after the spacing tightening above (18 Sept 2026) */
@media (max-width: 1450px) {
  .main-header-menu > .menu-item > .menu-link {
    font-size: 14px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .main-header-menu .menu-item.ptw-header-cta-trade > a.menu-link,
  .main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link {
    font-size: 13px !important;
  }
  .main-header-menu .menu-item.ptw-header-cta-quote > a.menu-link {
    padding: 8px 10px !important;
  }
}


/* Above-header phone bar: Poole + Southampton numbers, matching the trade-homepage mockup Laura approved (18 Sept 2026) */
.ast-above-header-wrap,
.ast-above-header-wrap .ast-above-header-bar,
.ast-above-header-wrap .ast-above-header {
  background-color: #262A2C !important;
}
.ast-above-header-wrap .ast-above-header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.ptw-phone-bar {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}
.ptw-phone-link,
.ptw-phone-link:link,
.ptw-phone-link:visited,
.ptw-phone-link:hover,
.ptw-phone-link:focus,
.ptw-phone-link:active {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #C7CBCD !important;
  text-decoration: none !important;
}
.ptw-phone-link::before {
  content: "" !important;
  display: inline-block !important;
  width: 13px !important;
  height: 13px !important;
  flex-shrink: 0 !important;
  background-color: #C7CBCD !important;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') !important;
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.362 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.338 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>') !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
.ptw-phone-link strong {
  color: #FFFFFF !important;
  font-weight: 600 !important;
}


/* Mobile header: show only Trade Account / Get a Quote CTA buttons in the top bar, next to the hamburger; rest of the menu lives in the hamburger drawer (18 Sept 2026) */
#ast-mobile-header .ast-builder-menu-1,
#ast-mobile-header .ast-main-header-bar-alignment,
#ast-mobile-header .main-header-bar-navigation,
#primary-site-navigation-mobile,
#primary-site-navigation-mobile .main-navigation {
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#ast-hf-menu-1-mobile {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}
#ast-hf-menu-1-mobile > .menu-item:not(.ptw-header-cta-trade):not(.ptw-header-cta-quote) {
  display: none !important;
}
#ast-hf-menu-1-mobile > .menu-item.ptw-header-cta-trade,
#ast-hf-menu-1-mobile > .menu-item.ptw-header-cta-quote {
  height: auto !important;
}
#ast-hf-menu-1-mobile .menu-item.ptw-header-cta-trade > a.menu-link,
#ast-hf-menu-1-mobile .menu-item.ptw-header-cta-quote > a.menu-link {
  font-size: 12px !important;
  padding: 6px 9px !important;
  margin-left: 0 !important;
  white-space: nowrap !important;
}
/* Avoid duplicating the CTA buttons inside the hamburger drawer itself */
#ast-hf-mobile-menu > .menu-item.ptw-header-cta-trade,
#ast-hf-mobile-menu > .menu-item.ptw-header-cta-quote {
  display: none !important;
}


/* Fix line-height/height overflow on the mobile-header CTA buttons (18 Sept 2026) */
#ast-hf-menu-1-mobile .menu-item.ptw-header-cta-trade > a.menu-link,
#ast-hf-menu-1-mobile .menu-item.ptw-header-cta-quote > a.menu-link {
  height: auto !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
}


/* Strip the dropdown-card background/shadow from the mobile-header CTA menu instance (18 Sept 2026) */
#ast-hf-menu-1-mobile {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}