/* MCS unified non-yellow interaction states v1 — 2026-08-21 */

/* Primary CTAs: neutralize touch hover, then enhance real mouse hover below. */
.yla-about .yla-about-button:hover,
.yla-about .yla-about-button:focus,
.mcs-wholesale .mcs-wholesale__button:hover,
.mcs-wholesale .mcs-wholesale__button:focus,
.mcs-customer-reviews .mcs-customer-reviews__button:hover,
.mcs-customer-reviews .mcs-customer-reviews__button:focus,
.mcs-contact .mcs-contact__form-host button:hover,
.mcs-contact .mcs-contact__form-host button:focus,
.mcs-contact .mcs-contact__form-host [type="submit"]:hover,
.mcs-contact .mcs-contact__form-host [type="submit"]:focus,
.mcs-shipping-policy a.mcs-shipping-policy__button:hover,
.mcs-shipping-policy a.mcs-shipping-policy__button:focus,
.mcs-find-fit .mcs-find-fit__button:hover,
.mcs-find-fit .mcs-find-fit__button:focus {
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.yla-about .yla-about-button:focus-visible,
.mcs-wholesale .mcs-wholesale__button:focus-visible,
.mcs-customer-reviews .mcs-customer-reviews__button:focus-visible,
.mcs-contact .mcs-contact__form-host button:focus-visible,
.mcs-contact .mcs-contact__form-host [type="submit"]:focus-visible,
.mcs-shipping-policy a.mcs-shipping-policy__button:focus-visible,
.mcs-find-fit .mcs-find-fit__button:focus-visible {
  border-color: #303030 !important;
  background: #303030 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  outline: 2px solid #111 !important;
  outline-offset: 3px !important;
}

.yla-about .yla-about-button:active,
.mcs-wholesale .mcs-wholesale__button:active,
.mcs-customer-reviews .mcs-customer-reviews__button:active,
.mcs-contact .mcs-contact__form-host button:active,
.mcs-contact .mcs-contact__form-host [type="submit"]:active,
.mcs-shipping-policy a.mcs-shipping-policy__button:active,
.mcs-find-fit .mcs-find-fit__button:active {
  border-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  transform: translateY(1px);
}

/* Customer-help jump links are secondary controls, so use a light-grey hover. */
.mcs-help-guides .mcs-help-guides__jump a:hover,
.mcs-help-guides .mcs-help-guides__jump a:focus {
  border-color: #111 !important;
  background: transparent !important;
  color: #111 !important;
}

.mcs-help-guides .mcs-help-guides__jump a:focus-visible {
  background: #f1f1ef !important;
  outline: 2px solid #111 !important;
  outline-offset: 3px !important;
}

.mcs-customer-help.mcs-help-guides .mcs-help-hub a:focus-visible {
  background: #f2f2f0 !important;
  color: #111 !important;
  outline: 2px solid #111 !important;
  outline-offset: -4px !important;
}

.mcs-help-guides .mcs-help-guides__jump a:active {
  background: #e5e5e2 !important;
  transform: translateY(1px);
}

/* The trust strip remains dark; yellow stays only as a static icon accent. */
a.mcs-trust-strip__content:hover,
a.mcs-trust-strip__content:focus {
  background: var(--mcs-black, #050505) !important;
  color: #fff !important;
}

a.mcs-trust-strip__content:hover .mcs-trust-strip__icon,
a.mcs-trust-strip__content:focus .mcs-trust-strip__icon,
a.mcs-trust-strip__content:focus-visible .mcs-trust-strip__icon,
a.mcs-trust-strip__content:hover .mcs-trust-strip__arrow,
a.mcs-trust-strip__content:focus .mcs-trust-strip__arrow,
a.mcs-trust-strip__content:focus-visible .mcs-trust-strip__arrow {
  color: var(--mcs-yellow, #f2e800) !important;
}

a.mcs-trust-strip__content:hover .mcs-trust-strip__copy small,
a.mcs-trust-strip__content:focus .mcs-trust-strip__copy small,
a.mcs-trust-strip__content:focus-visible .mcs-trust-strip__copy small {
  color: #c9c9c9 !important;
}

.mcs-trust-strip a.mcs-trust-strip__content:focus-visible {
  background: #242424 !important;
  color: #fff !important;
  outline: 2px solid #fff !important;
  outline-offset: -4px !important;
}

a.mcs-trust-strip__content:active {
  background: #111 !important;
}

/* Legacy predictive-search CTA: neutralize touch hover and keep text legible. */
body #shopline-section-header .mcs-search-panel .predictive-search__term:hover,
body #shopline-section-header .mcs-search-panel .predictive-search__term:focus,
body #shopline-section-header .mcs-search-panel .mcs-search__retry:hover,
body #shopline-section-header .mcs-search-panel .mcs-search__retry:focus {
  border-color: var(--mcs-search-black, #1c1c1c) !important;
  background: var(--mcs-search-black, #1c1c1c) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body #shopline-section-header .mcs-search-panel .predictive-search__term[data-active],
body #shopline-section-header .mcs-search-panel .predictive-search__term:focus-visible,
body #shopline-section-header .mcs-search-panel .mcs-search__retry:focus-visible {
  border-color: #303030 !important;
  background: #303030 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  outline: 2px solid #111 !important;
  outline-offset: 3px !important;
}

@media (hover: hover) and (pointer: fine) {
  .yla-about .yla-about-button:hover:not(:active),
  .mcs-wholesale .mcs-wholesale__button:hover:not(:active),
  .mcs-customer-reviews .mcs-customer-reviews__button:hover:not(:active),
  .mcs-contact .mcs-contact__form-host button:hover:not(:active),
  .mcs-contact .mcs-contact__form-host [type="submit"]:hover:not(:active),
  .mcs-shipping-policy a.mcs-shipping-policy__button:hover:not(:active),
  .mcs-find-fit .mcs-find-fit__button:hover:not(:active) {
    border-color: #303030 !important;
    background: #303030 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    transform: translateY(-1px);
  }

  .mcs-help-guides .mcs-help-guides__jump a:hover:not(:active) {
    border-color: #111 !important;
    background: #f1f1ef !important;
    color: #111 !important;
    transform: translateY(-1px);
  }

  a.mcs-trust-strip__content:hover:not(:active) {
    background: #242424 !important;
    color: #fff !important;
  }

  a.mcs-trust-strip__content:hover:not(:active) .mcs-trust-strip__arrow {
    transform: translateX(3px);
  }

  body #shopline-section-header .mcs-search-panel .predictive-search__term:hover:not(:active),
  body #shopline-section-header .mcs-search-panel .mcs-search__retry:hover:not(:active) {
    border-color: #303030 !important;
    background: #303030 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yla-about .yla-about-button,
  .mcs-wholesale .mcs-wholesale__button,
  .mcs-customer-reviews .mcs-customer-reviews__button,
  .mcs-contact .mcs-contact__form-host button,
  .mcs-contact .mcs-contact__form-host [type="submit"],
  .mcs-shipping-policy a.mcs-shipping-policy__button,
  .mcs-find-fit .mcs-find-fit__button,
  .mcs-help-guides .mcs-help-guides__jump a,
  a.mcs-trust-strip__content .mcs-trust-strip__arrow {
    transition-duration: .01ms !important;
  }
}


/* MCS footer review orange interaction v1 — visual match: #FF9900 */
body .footer .mcs-footer-reference__stars {
  transition: background-color .25s ease, color .25s ease;
}

body .footer .mcs-footer-reference__review-badge:focus-visible {
  outline: 2px solid #111 !important;
  outline-offset: 3px !important;
}

body .footer .mcs-footer-reference__review-badge:focus-visible .mcs-footer-reference__stars {
  background: #ff9900 !important;
  color: #fff !important;
}

@media (hover: hover) and (pointer: fine) {
  body .footer .mcs-footer-reference__review-badge:hover .mcs-footer-reference__stars {
    background: #ff9900 !important;
    color: #fff !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .footer .mcs-footer-reference__stars {
    transition-duration: .01ms !important;
  }
}