/* chrome part 2 of 2 — split for the host's FTP write ceiling.
   Generated by split_for_ftp.py; edit the prototype, not this. */

/* No max-width here. 30ch was written when the brand block was a narrow first column;
   it now sits in the middle cell of the bottom strip, where the rule directly above
   gives it 68ch. Both selectors are (0,2,0) and this one is later, so it silently won
   and squeezed one sentence into four stacked lines of footer height. Width belongs to
   `.foot-brand > p` alone. */
.foot-brand p{font-size:14.5px;line-height:1.6;color:#8f8e86;margin-bottom:0}
.foot-social{display:flex;gap:11px}
.foot-rating{margin:18px 0 26px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.foot-rating .hero-avatars{display:flex}
.foot-rating .hero-avatars img{width:34px;height:34px;border-radius:50%;object-fit:cover;
  border:2px solid var(--dark);margin-left:-9px;background:#3a3630;box-shadow:none}
.foot-rating .hero-avatars img:first-child{margin-left:0}
/* Same component on the dark footer: swap the ring colour and drop the shadow, which is
   invisible on --dark anyway. The per-avatar variation above is inherited as-is. */
.foot-rating .hero-avatars .av{--ring:var(--dark);background:#3a3630;box-shadow:none}
.foot-rating .rc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.3}
.foot-rating .stars{color:#e0b264;letter-spacing:1px;font-size:14px;line-height:1;
  background:none;-webkit-text-fill-color:currentColor}
.foot-rating .rl{font-size:13px;color:#8f8e86;line-height:1.45;font-weight:500;margin:0}
.foot-rating .rl b{color:#e8e7e2;font-weight:700}
.foot-rating .rev-link{color:#8f8e86;text-decoration:underline;text-underline-offset:3px;
  border-bottom:0;font-weight:500}
.foot-rating .rev-link:hover{color:var(--accent)}
.foot-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;color:#cfcec9;transition:.2s}
/* colour restated because the footer is one fixed dark context and the parent
   theme's a:hover would otherwise paint the glyph #336 */
.foot-social a:hover{background:var(--wash-dk);color:#cfcec9}
.foot-social svg{width:16px;height:16px}
.foot-col h5{color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.foot-col a{display:block;color:#a9a8a1;font-size:14.5px;margin-bottom:11px;transition:color .2s}
.foot-col a:hover{color:var(--accent)}
.foot-contact .ln{display:flex;align-items:center;gap:7px;color:#cfcec9;font-size:14.5px;margin-bottom:11px}
.foot-contact .hours{font-size:13px;color:#8f8e86;margin-top:14px}
/* Country code sits in a fixed column so the four numbers line up under each other
   instead of stepping in and out with the width of each code. */
.foot-contact .fl{flex:0 0 auto;font-size:14px;line-height:1}
/* color:inherit, not a fixed grey. The number takes var(--accent) on hover from
   .foot-col a:hover; a hard-coded colour here desynced from it and the code flashed
   white while the number went yellow. Inheriting and dimming keeps them one object. */
.foot-contact .cc{flex:0 0 20px;font-size:11px;font-weight:600;letter-spacing:.07em;
  color:inherit;opacity:.62;text-align:left}
/* Opens the same quote popup as every other CTA. Outlined rather than solid: the footer
   already ends in a solid CTA band, and a second filled button here competes with it. */
.foot-contact .foot-msg{display:inline-flex;align-items:center;width:auto;margin-top:16px;
  margin-bottom:0;padding:9px 15px;border:1px solid rgba(255,255,255,.22);border-radius:8px;
  color:#e9e8e3;font-size:13.5px;font-weight:500;line-height:1;
  transition:background .18s,border-color .18s,color .18s}
.foot-contact .foot-msg:hover{background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.38);color:#fff}
.foot-contact .foot-msg:focus-visible{outline:2px solid #cfcec9;outline-offset:2px}
.foot-bot{border-top:1px solid rgba(255,255,255,.1)}
.foot-bot .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-block:22px;flex-wrap:wrap;font-size:13px}
.foot-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
/* The statutory identity line. Quieter than the links beside it -- it is there to be
   found and to be machine-readable, not to be read. */
.foot-legal a:hover{color:#fff}
.foot-bot .lang-menu{left:auto;right:0}
.lang-dd{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#cfcec9;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.04em;padding:7px 14px;border-radius:999px;cursor:pointer}
.lang-btn svg{width:11px;height:11px;transition:transform .25s}
.lang-dd.open .lang-btn svg{transform:rotate(180deg)}
.lang-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:#211d18;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:6px;min-width:176px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;box-shadow:0 -12px 34px rgba(0,0,0,.45);z-index:20}
.lang-dd.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-menu a{display:block;padding:9px 12px;border-radius:8px;font-size:13.5px;color:#a9a8a1;margin:0}
.lang-menu a:hover{background:rgba(255,255,255,.08);color:#fff}@media(max-width:960px){.foot-main .wrap{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1;order:9}.foot-col a{font-size:14px}
  /* Five columns into a two-column grid leaves the fifth alone with an empty half beside
     it, which is what Contact was doing at the foot of the phone layout. Let it take the
     whole row and lay out its own contents two-up: four numbers become 2x2, hours and the
     language switcher sit under them. */
  .foot-contact{grid-column:1/-1}
  .foot-contact .ln{margin-bottom:0}
  .foot-contact .lines{display:grid;grid-template-columns:1fr 1fr;gap:11px clamp(14px,4vw,28px)}
  .foot-contact .hours{margin-top:16px}}


body.hdr-solid .site-head{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.nav-caps .nav-links a.lnk,body.nav-caps .mega-t,body.nav-caps .nav-cta{text-transform:uppercase;letter-spacing:.07em}
body.nav-caps .nav-cta{letter-spacing:.09em}
/* :not(.m-cta) — this !important comes from the nav-size switcher and was forcing
   desktop 15px type onto the mobile bar CTA. */
.nav-links a.lnk,.mega-t,.nav-cta:not(.m-cta){font-size:var(--navsize,15px)!important}