/* Menu typography and interaction corrections.
   Loads on every page, after every prototype generation. */

/* The page sets its display type in sentence case at weight 400-500 with tight
   negative tracking (h1 500/-.066em, h2 400/-.052em, h3 500/-.05em) and its
   micro-labels at 600/.18em uppercase. The prototypes were setting 650, 700, 800,
   850 and 900 in uppercase with four different letter-spacings, which is why the
   menu read as a different typeface from the page it sits on. */
#acds-wp-menu .acds-wp-menu__list > li > a{font-weight:500!important;letter-spacing:-.05em!important;text-transform:none!important}
#acds-wp-menu .acds-wp-menu__list .sub-menu a{font-weight:400!important;letter-spacing:-.015em!important;text-transform:none!important}
#acds-wp-menu .acds-wp-menu__aside h2{font-weight:400!important;letter-spacing:-.052em!important;text-transform:none!important}
#acds-wp-menu .acds-wp-menu__aside > p,
#acds-wp-menu .acds-wp-menu__eyebrow,
#acds-wp-menu .acds-wp-menu__cta,
#acds-wp-menu .acds-wp-menu__foot,
#acds-wp-menu .acds-wp-menu__phone small,
#acds-wp-menu .acds-wp-menu__label,
#acds-wp-menu .acds-wp-menu__close{font-weight:600!important}
#acds-wp-menu .acds-wp-menu__phone{font-weight:500!important;letter-spacing:-.03em!important}

/* The email link inherits the coral panel colour as its own text colour, so it
   renders orange on orange and reads as an empty block; its label also sat inline,
   running "Email our team" straight into the address. Match the phone number. */
#acds-wp-menu .acds-wp-menu__email{display:block!important;color:#111!important;margin-top:18px!important;font-weight:500!important;font-size:17px!important;letter-spacing:-.02em!important;word-break:break-word!important}
#acds-wp-menu .acds-wp-menu__email small{display:block!important;font-size:10px!important;font-weight:600!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#111!important;margin-bottom:6px!important}

/* Item markers. The arrow after every menu item is gone - it repeated on every
   row, sat at a different size and weight from the label, and said nothing the link
   did not already say. Parent items keep one chevron: below 900px the item was
   drawing two, an SVG one on the list item and a second built out of borders on the
   link, so the link's goes and the list item's stays - it sits inside the toggle's
   tap target and it is the one that rotates when the item opens. */
#acds-wp-menu .acds-wp-menu__list > li > a::after{display:none!important;content:none!important}
#acds-wp-menu .acds-wp-menu__list > li.menu-item-has-children > .acds-sub-toggle::before{display:none!important}
@media (max-width:900px){
  #acds-wp-menu .acds-wp-menu__aside::before{display:none!important}
  #acds-wp-menu .acds-wp-menu__list > li.menu-item-has-children.is-active::after{transform:rotate(180deg)!important}
}

/* Overlay scrolling. html carried scrollbar-gutter:stable, which permanently
   reserves the scrollbar column and shrinks the containing block for fixed
   elements, so the overlay stopped short of the right edge and left a grey stripe
   beside the coral panel; the scroll lock already compensates with padding-right on
   body. The homepage sets overflow-x on html, so body{overflow:hidden} never
   propagated to the viewport there. And reaching the end of the list chained the
   gesture through to the page underneath. */
html{scrollbar-gutter:auto!important}
html:has(> body.acds-menu-open){overflow:hidden!important}
#acds-wp-menu .acds-wp-menu__nav,
#acds-wp-menu .acds-wp-menu__list{overscroll-behavior:contain!important}
#acds-wp-menu .acds-wp-menu__panel,
#acds-wp-menu .acds-wp-menu__nav{scrollbar-width:none!important;scrollbar-gutter:auto!important}
#acds-wp-menu .acds-wp-menu__panel::-webkit-scrollbar,
#acds-wp-menu .acds-wp-menu__nav::-webkit-scrollbar{width:0!important;height:0!important}