/* BH-571: nav (arrows + counter) for the social-ads examples carousel on
   /services/social-media-advertising/ (page 131033). Buttons match the
   case-studies swiper arrows (#FFCA43 circle / #062252 glyph, Figma
   node 3832:4417). Track scrollbar hidden cross-browser (freeForm covers
   scrollbar-width; this covers legacy WebKit). */
.exd-sac-track::-webkit-scrollbar { display: none; }

.exd-sac-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  margin-top: 64px;
}
.exd-sac-btn {
  width: 45px;
  height: 45px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  line-height: 0;
  transition: transform .15s ease;
}
.exd-sac-btn:hover { transform: scale(1.08); }
.exd-sac-btn svg { width: 45px; height: 45px; display: block; }
.exd-sac-prev svg { transform: scaleX(-1); }
.exd-sac-counter {
  color: #062252;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 21px;
  min-width: 44px;
  text-align: center;
}
/* <=980 the section adds a 40px flex row-gap and row_5 keeps 60px bottom
   padding (tablet value, cascades to phone) — pull the nav up so the visual
   card->nav gap stays 64px at every breakpoint */
@media (max-width: 980px) {
  .exd-sac-nav { margin-top: -36px; }
}

/* BH-580: slide 2 uses the flat Figma exports (att 131167/68/69) with the
   real design shadow (0 8 24 rgba(6,34,82,.3), radius 8px) instead of the
   baked-in card treatment. The track is a scroll container — overflow-x:auto
   clips at its padding box — so give it padding for the shadow to paint in
   (up 16 = 24 blur - 8 y, sides 24, down 24 + 8 = 32) and pull the box back
   out with negative margins + width so card size and position do not move.
   Divi's own column margin rules are !important at (0,3,0) specificity
   (.et_pb_row .et_pb_column:last-child) — this selector must beat them.
   scroll-padding keeps snap-align rests at the original visual edges; the
   JS compensates goTo() the same way. */
/* BH-585 (2026-09-14): shadow updated to 0 5px 5px rgba(6,34,82,.3) on all 9
   slide images per reporter (was 0 8px 24px from BH-580/583). Track padding
   kept as-is — sized for the larger shadow, still ample for this one. */
/* BH-583: slide 1 (att 131170/71/72, flat Figma exports) joins the same
   shadow treatment. */
.et_pb_row .et_pb_column.exd-sac-track[data-exd-sac] {
  width: calc(100% + 48px) !important;
  max-width: none !important;
  padding: 16px 24px 32px !important;
  margin: -16px -24px -32px !important;
  scroll-padding: 0 24px;
}
.exd-sac-track img.wp-image-131167,
.exd-sac-track img.wp-image-131168,
.exd-sac-track img.wp-image-131169,
.exd-sac-track img.wp-image-131170,
.exd-sac-track img.wp-image-131171,
.exd-sac-track img.wp-image-131172,
.exd-sac-track img.wp-image-131173,
.exd-sac-track img.wp-image-131174,
.exd-sac-track img.wp-image-131175 {
  border-radius: 8px;
  box-shadow: 0px 5px 5px 0px rgba(6, 34, 82, 0.3);
}