/* Splide brand overrides + equal-height slides for Imagunet carousels. */
.imagunet-splide .splide__slide { height: auto; display: flex; }
.imagunet-splide .splide__slide > * { width: 100%; }
/* Arrows match old prod exactly (measured): 25x25, transparent, brand-orange chevron,
 * no shadow, pinned to the track edges. The previous 44px white circle with a drop
 * shadow sat on top of the first/last card and read as a blob over the card title. */
.imagunet-splide .splide__arrow { background: transparent; box-shadow: none; opacity: 1; width: 25px; height: 25px; }
.imagunet-splide .splide__arrow svg { fill: #F15A29; width: 22px; height: 22px; }
.imagunet-splide .splide__arrow:hover:not(:disabled) { background: transparent; }
.imagunet-splide .splide__arrow:hover:not(:disabled) svg { fill: #131627; }
.imagunet-splide .splide__arrow:disabled { opacity: .35; }
.imagunet-splide .splide__arrow--prev { left: 0; }
.imagunet-splide .splide__arrow--next { right: 0; }
.imagunet-splide .splide__pagination { bottom: -2.2em; }
.imagunet-splide .splide__pagination__page { background: #d5dbe0; }
.imagunet-splide .splide__pagination__page.is-active { background: #F15A29; transform: scale(1.2); }
.imagunet-splide .splide__track { padding-top: 4px; padding-bottom: 4px; }

/* Once mounted, the block is a slider, not a grid. Without this the injected
 * .splide root becomes a single grid ITEM of the block's `repeat(4, 1fr)` layout and
 * Splide measures a quarter-width track (995px instead of 1380px), producing cramped,
 * clipped cards. The grid is still what renders in the editor and without JS. */
[data-imagunet-carousel][data-carousel-mounted="1"] {
  display: block !important;
}