/**
 * Safari-only layout fixes.
 *
 * Isolated from the main stylesheets so WebKit-specific workarounds stay easy
 * to find and remove if a future Safari release no longer needs them.
 */

/**
 * Testimonials slider — right-hand gap collapses in Safari.
 *
 * The block renders `.cell.is-intro-title` (which carries `padding-right: 33.3%`
 * on desktop) inside a Webflow `.w-slide`, an `inline-block` living in a
 * `white-space: nowrap` slider mask. WebKit fails to resolve percentage
 * `padding` on a block/flex child of such an inline-block and treats it as ~0,
 * so the testimonial text runs full width and slides under the slider arrows.
 * Blink (Chrome) resolves it correctly — hence the Safari-only symptom.
 *
 * Fix: cap the cell with a percentage `max-width` instead of leaning on the
 * percentage `padding-right`. WebKit *does* resolve percentage width on the
 * same element, so the gap comes back. Scoped via the `.is-testimonials` marker
 * class on the testimonials slider (see blocks/cb/testimonials.php) so it can
 * never leak onto another `.w-slider` that happens to render a `.cell.is-intro-title`.
 * The result is identical in Chrome, so the rule is safe to ship to every browser.
 */
.is-testimonials .cell.is-intro-title {
  max-width: 66.7%;
  padding-right: 0;
}

/* Mirror the theme's breakpoint: full width below 992px (matches the original
   `.cell.is-intro-title { padding-right: 0% }` mobile override). */
@media screen and (max-width: 991px) {
  .is-testimonials .cell.is-intro-title {
    max-width: 100%;
  }
}