/**
 * Conecta Colibri — acessibilidade mobile.
 * Escopo: componentes mobile explícitos; objetivo: foco legível e menor movimento quando solicitado.
 */
@media (max-width: 767px) {
  [data-cc-mobile-overlay] :focus-visible,
  .cc-announcement-reader :focus-visible {
    outline: 2px solid var(--cc-mobile-primary);
    outline-offset: 2px;
  }
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .cc-mobile-overlay__backdrop,
  [data-cc-mobile-overlay].cc-mobile-overlay--mounted {
    transition: none;
  }
}