/*
 * Scoped mitigation for Chrome crashes tied to interactive clip-path effects.
 *
 * This hotfix intentionally targets only the known high-risk patterns:
 * notched buttons, sock CTA links, menu buttons, and swipe-diagonal animation.
 * It avoids broad anchor/pseudo-element overrides so card CTAs and other
 * content blocks keep their normal visuals.
 */

/*
 * 1. Primary button family:
 * keep normal color/opacity transitions, but stop clip-path interpolation.
 */
.btn,
.btn:hover,
.btn:focus,
.btn:active,
.acad-path .acad-path__grid .acad-path__item__button,
.acad-path .acad-path__grid .acad-path__item__button:hover,
.acad-path .acad-path__grid .acad-path__item__button:focus,
.acad-path .acad-path__grid .acad-path__item__button:active,
.btn::before,
.btn:hover::before,
.btn:focus::before,
.btn:active::before,
.acad-path .acad-path__grid .acad-path__item__button::before,
.acad-path .acad-path__grid .acad-path__item__button:hover::before,
.acad-path .acad-path__grid .acad-path__item__button:focus::before,
.acad-path .acad-path__grid .acad-path__item__button:active::before,
.btn::after,
.btn:hover::after,
.btn:focus::after,
.btn:active::after,
.acad-path .acad-path__grid .acad-path__item__button::after,
.acad-path .acad-path__grid .acad-path__item__button:hover::after,
.acad-path .acad-path__grid .acad-path__item__button:focus::after,
.acad-path .acad-path__grid .acad-path__item__button:active::after {
  transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
  -webkit-transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
}

.btn:hover,
.btn:focus,
.btn:active,
.acad-path .acad-path__grid .acad-path__item__button:hover,
.acad-path .acad-path__grid .acad-path__item__button:focus,
.acad-path .acad-path__grid .acad-path__item__button:active {
  clip-path: inherit !important;
}

.btn:hover::before,
.btn:focus::before,
.btn:active::before,
.btn:hover::after,
.btn:focus::after,
.btn:active::after,
.acad-path .acad-path__grid .acad-path__item__button:hover::before,
.acad-path .acad-path__grid .acad-path__item__button:focus::before,
.acad-path .acad-path__grid .acad-path__item__button:active::before,
.acad-path .acad-path__grid .acad-path__item__button:hover::after,
.acad-path .acad-path__grid .acad-path__item__button:focus::after,
.acad-path .acad-path__grid .acad-path__item__button:active::after {
  clip-path: inherit !important;
}

/*
 * The button overlay relies on clip-path in the original effect. Without it,
 * the pseudo-element becomes a full rectangular fill, so keep it hidden.
 */
.btn::before,
.btn:hover::before,
.btn:focus::before,
.btn:active::before,
.btn--inverse::before,
.btn--inverse:hover::before,
.btn--inverse:focus::before,
.btn--inverse:active::before,
.btn--secondary::before,
.btn--secondary:hover::before,
.btn--secondary:focus::before,
.btn--secondary:active::before,
.acad-path .acad-path__grid .acad-path__item__button::before,
.acad-path .acad-path__grid .acad-path__item__button:hover::before,
.acad-path .acad-path__grid .acad-path__item__button:focus::before,
.acad-path .acad-path__grid .acad-path__item__button:active::before {
  opacity: 0 !important;
  background: transparent !important;
}

/*
 * 2. Sock CTA links:
 * leave the default clipped border intact so tiles don't become filled white
 * boxes, but stop the hover/focus border geometry from animating or inverting.
 */
.sock__links a,
.sock__links a::before,
.sock__links a::after {
  transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
  -webkit-transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
}

.sock__links a:hover,
.sock__links a:focus,
.sock__links a:active {
  clip-path: inherit !important;
  box-shadow: inset 0 0 0 1px #ffffff !important;
}

.sock__links a:hover::before,
.sock__links a:focus::before,
.sock__links a:active::before {
  clip-path: inherit !important;
  opacity: 0 !important;
  background: transparent !important;
  transition: none !important;
  -webkit-transition: none !important;
}

/*
 * 3. Menu icon buttons can add notch borders on focus/hover.
 */
.menu-item__button,
.menu-item__button:hover,
.menu-item__button:focus,
.menu-item__button:active,
.menu-item__button::before,
.menu-item__button:hover::before,
.menu-item__button:focus::before,
.menu-item__button:active::before,
.menu-item__button::after,
.menu-item__button:hover::after,
.menu-item__button:focus::after,
.menu-item__button:active::after {
  transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
  -webkit-transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
}

.menu-item__button:hover,
.menu-item__button:focus,
.menu-item__button:active,
.menu-item__button:hover::before,
.menu-item__button:focus::before,
.menu-item__button:active::before,
.menu-item__button:hover::after,
.menu-item__button:focus::after,
.menu-item__button:active::after {
  clip-path: inherit !important;
}

/*
 * 4. Disable the known clip-path keyframe animation.
 */
.oho-animate.oho-animate-swipe-diagonal,
.oho-animate.oho-animate-swipe-diagonal.oho-animate--in {
  animation: none !important;
  clip-path: none !important;
  opacity: 1 !important;
 /* transform: none !important; */ 
}

/*
 * 5. Remaining button-like controls found in compiled CSS that still animate
 * clip-path through the shared notch/button utilities.
 */
form button,
form button:hover,
form button:focus,
form button:active,
form button::before,
form button:hover::before,
form button:focus::before,
form button:active::before,
form button::after,
form button:hover::after,
form button:focus::after,
form button:active::after,
form [type='submit'],
form [type='submit']:hover,
form [type='submit']:focus,
form [type='submit']:active,
form [type='submit']::before,
form [type='submit']:hover::before,
form [type='submit']:focus::before,
form [type='submit']:active::before,
form [type='submit']::after,
form [type='submit']:hover::after,
form [type='submit']:focus::after,
form [type='submit']:active::after,
.callout .callout__button,
.callout .callout__button:hover,
.callout .callout__button:focus,
.callout .callout__button:active,
.callout .callout__button::before,
.callout .callout__button:hover::before,
.callout .callout__button:focus::before,
.callout .callout__button:active::before,
.callout .callout__button::after,
.callout .callout__button:hover::after,
.callout .callout__button:focus::after,
.callout .callout__button:active::after,
.callout.callout--diff .callout__button,
.callout.callout--diff .callout__button:hover,
.callout.callout--diff .callout__button:focus,
.callout.callout--diff .callout__button:active,
.callout.callout--diff .callout__button::before,
.callout.callout--diff .callout__button:hover::before,
.callout.callout--diff .callout__button:focus::before,
.callout.callout--diff .callout__button:active::before,
.callout.callout--diff .callout__button::after,
.callout.callout--diff .callout__button:hover::after,
.callout.callout--diff .callout__button:focus::after,
.callout.callout--diff .callout__button:active::after,
.site-header .site-header__main__menu .menu-item__button,
.site-header .site-header__main__menu .menu-item__button:hover,
.site-header .site-header__main__menu .menu-item__button:focus,
.site-header .site-header__main__menu .menu-item__button:active,
.site-header .site-header__main__menu .menu-item__button::before,
.site-header .site-header__main__menu .menu-item__button:hover::before,
.site-header .site-header__main__menu .menu-item__button:focus::before,
.site-header .site-header__main__menu .menu-item__button:active::before,
.site-header .site-header__main__menu .menu-item__button::after,
.site-header .site-header__main__menu .menu-item__button:hover::after,
.site-header .site-header__main__menu .menu-item__button:focus::after,
.site-header .site-header__main__menu .menu-item__button:active::after,
.arrow-menu-mobile .arrow-menu-mobile__icon,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus,
.arrow-menu-mobile .arrow-menu-mobile__icon:active,
.arrow-menu-mobile .arrow-menu-mobile__icon::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:active::before,
.arrow-menu-mobile .arrow-menu-mobile__icon::after,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover::after,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus::after,
.arrow-menu-mobile .arrow-menu-mobile__icon:active::after {
  transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
  -webkit-transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
}

form button:hover,
form button:focus,
form button:active,
form [type='submit']:hover,
form [type='submit']:focus,
form [type='submit']:active,
.callout .callout__button:hover,
.callout .callout__button:focus,
.callout .callout__button:active,
.callout.callout--diff .callout__button:hover,
.callout.callout--diff .callout__button:focus,
.callout.callout--diff .callout__button:active,
.site-header .site-header__main__menu .menu-item__button:hover,
.site-header .site-header__main__menu .menu-item__button:focus,
.site-header .site-header__main__menu .menu-item__button:active,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus,
.arrow-menu-mobile .arrow-menu-mobile__icon:active {
  clip-path: inherit !important;
}

form button:hover::before,
form button:focus::before,
form button:active::before,
form button:hover::after,
form button:focus::after,
form button:active::after,
form [type='submit']:hover::before,
form [type='submit']:focus::before,
form [type='submit']:active::before,
form [type='submit']:hover::after,
form [type='submit']:focus::after,
form [type='submit']:active::after,
.callout .callout__button:hover::before,
.callout .callout__button:focus::before,
.callout .callout__button:active::before,
.callout .callout__button:hover::after,
.callout .callout__button:focus::after,
.callout .callout__button:active::after,
.callout.callout--diff .callout__button:hover::before,
.callout.callout--diff .callout__button:focus::before,
.callout.callout--diff .callout__button:active::before,
.callout.callout--diff .callout__button:hover::after,
.callout.callout--diff .callout__button:focus::after,
.callout.callout--diff .callout__button:active::after,
.site-header .site-header__main__menu .menu-item__button:hover::before,
.site-header .site-header__main__menu .menu-item__button:focus::before,
.site-header .site-header__main__menu .menu-item__button:active::before,
.site-header .site-header__main__menu .menu-item__button:hover::after,
.site-header .site-header__main__menu .menu-item__button:focus::after,
.site-header .site-header__main__menu .menu-item__button:active::after,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:active::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover::after,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus::after,
.arrow-menu-mobile .arrow-menu-mobile__icon:active::after {
  clip-path: inherit !important;
}

form button::before,
form button:hover::before,
form button:focus::before,
form button:active::before,
form [type='submit']::before,
form [type='submit']:hover::before,
form [type='submit']:focus::before,
form [type='submit']:active::before,
.callout .callout__button::before,
.callout .callout__button:hover::before,
.callout .callout__button:focus::before,
.callout .callout__button:active::before,
.callout.callout--diff .callout__button::before,
.callout.callout--diff .callout__button:hover::before,
.callout.callout--diff .callout__button:focus::before,
.callout.callout--diff .callout__button:active::before,
.site-header .site-header__main__menu .menu-item__button::before,
.site-header .site-header__main__menu .menu-item__button:hover::before,
.site-header .site-header__main__menu .menu-item__button:focus::before,
.site-header .site-header__main__menu .menu-item__button:active::before,
.arrow-menu-mobile .arrow-menu-mobile__icon::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:hover::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:focus::before,
.arrow-menu-mobile .arrow-menu-mobile__icon:active::before {
  opacity: 0 !important;
  background: transparent !important;
}

/*
 * 6. Remaining non-button interactive form/select controls.
 */
select,
select:hover,
select:focus,
select:active,
.oho-rfl--autocomplete__has-clear-icon .oho-rfl--autocomplete__input-root,
.oho-rfl--autocomplete__has-clear-icon .oho-rfl--autocomplete__input-root:hover,
.oho-rfl--autocomplete__has-clear-icon .oho-rfl--autocomplete__input-root:focus,
.oho-rfl--autocomplete__has-clear-icon .oho-rfl--autocomplete__input-root:active,
form .form__fieldset__items,
form .form__fieldset__items:hover,
form .form__fieldset__items:focus,
form .form__fieldset__items:active {
  transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
  -webkit-transition-property: background-color, color, border-color, opacity, box-shadow, transform !important;
  clip-path: inherit !important;
}

/*
 * 7. Static notch wrapper utilities and decorative clipped blocks:
 * just stop clip-path animation entirely while preserving their shape.
 */
figure.blockquote,
.notch:not(.notch--small):not(.notch--large),
.notch:not(.notch--small):not(.notch--large).notch--border::before,
.notch.notch--large:not(.notch--border),
.notch.notch--large.notch--border,
.notch.notch--large.notch--border::before,
.notch.notch--small,
.notch.notch--small.notch--border::before {
  transition: none !important;
  -webkit-transition: none !important;
}