/* Refinement layer — press feedback, touch-hover hygiene, focus visibility.
   Loaded after cmn.min.css; additive, overrides only the states below. */

/* --- Press feedback: buttons must feel responsive (160ms ease-out, scale .97) --- */
.cmn_btn,
.hbg_btn,
.global_nav__menu_list__item__link,
.footer__menu__list__item__link,
.footer__logo__link {
  transition: transform 160ms ease-out, opacity 160ms ease-out, color 400ms ease;
}
.cmn_btn:active,
.hbg_btn:active,
.global_nav__menu_list__item__link:active,
.footer__menu__list__item__link:active,
.footer__logo__link:active {
  transform: scale(0.97);
}

/* --- Keyboard focus: the clone had zero focus styles --- */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--c-main-blue);
  outline-offset: 3px;
  border-radius: 9999px;
}

/* --- Touch devices: neutralize sticky :hover states from the cloned CSS.
       Hover is only real on fine pointers; taps must not leave hover styles stuck. --- */
@media (hover: none) and (pointer: coarse) {
  .global_nav__menu_list__item__link:hover,
  .global_nav__menu_list__item__link:focus {
    color: var(--c-black);
  }
  .global_nav__menu_list__item__link:hover::after,
  .global_nav__menu_list__item__link:focus::after {
    opacity: 0;
    transform: none;
  }
  .global_nav__menu_list__item__link:hover .global_nav__menu_list__item__link__arrow {
    transform: translateX(0);
  }
  .cmn_btn:hover .cmn_btn__arrow {
    background-color: transparent;
  }
  .cmn_btn:hover .cmn_btn__arrow svg {
    fill: var(--c-white);
  }
  .footer__menu__list__item__link:hover,
  .footer__menu__list__item__link:focus {
    color: var(--c-main-blue);
  }
}