/* The Google reviews section (partials/reviews.html): the homepage's strip, the same on Home, Why Us, Developers and Our Story.
   The section styles itself inline; these are the states inline styles cannot express. */
#testimonials { font-family: var(--sans, 'Inter', Helvetica, sans-serif); font-weight: 300; text-align: left; }
#testimonials a { text-decoration: none; }
#testimonials div::-webkit-scrollbar { height: 0; width: 0; }
#testimonials a:hover figure { background: rgba(234,229,220,.09); border-color: rgba(191,160,106,.42); }
#testimonials figure { transition: background .2s, border-color .2s; }
#testimonials blockquote { quotes: none; }
/* Arrows (assets/site-reviews.js): hidden until the strip overflows. */
#testimonials [data-elh-reviews-nav] { display: flex; gap: 12px; }
#testimonials [data-elh-reviews-nav][hidden] { display: none; }
#testimonials .elh-rv-arrow:hover { background: #EAE5DC !important; border-color: #EAE5DC !important; color: #001526 !important; }
/* The strip is a full-width scroller, so its focus ring sits just inside its edge (the padding above and below the cards holds it). */
#reviews-scroller:focus-visible { outline: 2px solid #BFA06A !important; outline-offset: -3px !important; }
#testimonials [data-elh-reviews-nav] button:focus-visible { outline: 2px solid #BFA06A !important; outline-offset: 3px !important; }
@media (max-width: 767px) {
  [data-elh-testi] { padding-top: 34px !important; }
  [data-elh-testi] > div { gap: 28px !important; }
}