/* Awards rotating slider + lightbox — copied from chattanoogaexteriors ym-widgets.css
   (2026-07-31) and recolored for loganthompson's BLACK "Firm & Attorney Awards" band:
   white arrows, muted-white / tan (#E5BE9D) dots, maroon (#810A17) lightbox accents,
   Montserrat. Badges sized up (only 6 vs chattanooga's ~30). */
.ym-slider {
  --ym-maroon: #810A17;
  width: 100%; max-width: 1180px; margin: 10px auto;
  font-family: var(--e-global-typography-text-font-family, "Montserrat"), -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.ym-slider, .ym-slider * { box-sizing: border-box; }
.ym-slider__row { display: flex; align-items: center; gap: 8px; }
.ym-slider__vp { overflow: hidden; flex: 1; min-width: 0; }
.ym-slider__track { display: flex; transition: transform .5s ease; }
.ym-slide { flex: 0 0 auto; padding: 0 12px; text-align: center; }
.ym-slide figure { cursor: pointer; margin: 0; }
.ym-slide img {
  width: 100%; max-width: 260px; aspect-ratio: 1 / 1; object-fit: contain;
  margin: 0 auto; display: block; cursor: pointer;
}
.ym-slide figcaption { font-size: 13px; font-weight: 600; font-style: normal; color: #E5BE9D; line-height: 1.25; margin-top: 10px; }

/* Arrows — light/outline on the black band; fill white on hover */
.ym-arrow {
  flex: 0 0 auto; width: 34px; height: 34px; border-radius: 0; border: 2px solid #fff;
  background: transparent; color: #fff; font-size: 20px; line-height: 1; cursor: pointer; font-weight: 700;
  transition: .15s; display: flex; align-items: center; justify-content: center; -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) { .ym-arrow:hover { background: #fff; color: #000; } }
.ym-arrow:focus { outline: none; }
.ym-arrow:focus-visible { outline: 2px solid #E5BE9D; outline-offset: 2px; }

/* Dots — muted-white inactive, tan elongated active */
.ym-dots { display: flex; gap: 8px; justify-content: center; margin-top: 22px; }
/* Visual dot stays 9px, but padding + content-box grows the clickable/tap area
 * to 25px so it satisfies the WCAG/Lighthouse ≥24px tap-target rule without
 * changing how the dots look (background is clipped to the 9px content box). */
.ym-dots button {
  width: 9px; height: 9px; border-radius: 99px; border: 0;
  background: rgba(255, 255, 255, 0.35); cursor: pointer; transition: .2s;
  box-sizing: content-box; padding: 8px; background-clip: content-box;
}
.ym-dots button[aria-current="true"] { background: #E5BE9D; width: 22px; background-clip: content-box; }

/* ---- Awards lightbox (built by ym-widgets.js; enlarged badge + caption, prev/next) ---- */
.ym-lb {
  position: fixed; inset: 0; z-index: 99999; background: rgba(0, 0, 0, 0.85);
  display: flex; align-items: center; justify-content: center; padding: 26px;
  font-family: var(--e-global-typography-text-font-family, "Montserrat"), -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.ym-lb[hidden] { display: none; }
.ym-lb__fig { margin: 0; max-width: min(560px, 92vw); text-align: center; }
.ym-lb__img {
  max-width: 100%; max-height: 70vh; object-fit: contain;
  background: #fff; border-radius: 6px; padding: 22px; box-sizing: border-box;
}
.ym-lb__cap { color: #fff; font-size: 17px; font-weight: 600; font-style: normal; margin-top: 18px; line-height: 1.3; }
.ym-lb__x {
  position: absolute; top: 16px; right: 22px; width: 46px; height: 46px; border: 0;
  background: transparent; color: #fff; font-size: 38px; line-height: 1; cursor: pointer;
  padding: 0; -webkit-tap-highlight-color: transparent;
}
.ym-lb__nav {
  position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px;
  border: 2px solid #fff; background: rgba(0, 0, 0, 0.28); color: #fff; font-size: 26px;
  font-weight: 700; cursor: pointer; padding: 0; -webkit-tap-highlight-color: transparent;
}
.ym-lb__prev { left: 16px; } .ym-lb__next { right: 16px; }
@media (hover: hover) {
  .ym-lb__nav:hover { background: #810A17; border-color: #810A17; }
  .ym-lb__x:hover { color: #E5BE9D; }
}
@media (max-width: 560px) {
  .ym-lb__nav { width: 42px; height: 42px; } .ym-lb__prev { left: 6px; } .ym-lb__next { right: 6px; }
}