/* media-queries.css */
@media (prefers-reduced-motion: reduce) {
  .menu__item,
  .button-outline,
  .btn-arrow,
  .card,
  .card__arrow,
  .card__img {
    transition: none !important;
    animation: none !important;
  }
}

@media (hover: hover) {
  .menu__item:hover,
  .button-outline:hover {
    background-color: var(--white);
    color: var(--blue-gray-dark);
  }

  .btn-arrow:hover {
    background-color: var(--red-hover);
  }

  .root[data-page-type="contacts"] .menu__item:hover,
  .root[data-page-type="contacts"] .button-outline:hover,
  .root[data-page-type="projects"] .menu__item:hover,
  .root[data-page-type="partners"] .menu__item:hover {
    background-color: var(--blue-light);
    color: var(--white);
  }

  .root[data-page-type="projects"] .button-outline:hover,
  .root[data-page-type="partners"] .button-outline:hover {
    background-color: var(--red);
    color: var(--white);
  }

  .root[data-page-type="about"] .menu__item:hover,
  .root[data-page-type="it-outsourcing"] .menu__item:hover,
  .root[data-page-type="it-audit"] .menu__item:hover,
  .root[data-page-type="information-security"] .menu__item:hover,
  .root[data-page-type="fault-tolerant-infrastructure"] .menu__item:hover,
  .root[data-page-type="equipment-supply"] .menu__item:hover,
  .root[data-page-type="network-connectivity"] .menu__item:hover,
  .root[data-page-type="engineering-systems"] .menu__item:hover {
    color: var(--blue-gray-dark);
  }

  .cards-hover .card:hover {
    background: var(--red);
    border-color: var(--red);
    box-shadow: 0 25px 125px 0 var(--red-box-shadow);
    color: var(--white);
  }

  .root[data-page-type='projects'] .menu-wrapper.menu-wrapper--opened .menu__item:hover,
  .root[data-page-type='partners'] .menu-wrapper.menu-wrapper--opened .menu__item:hover,
  .root[data-page-type='contacts'] .menu-wrapper.menu-wrapper--opened .menu__item:hover {
    background-color: var(--white);
    color: var(--blue-light);
  }

  .root[data-page-type='projects'] .menu-wrapper.menu-wrapper--opened .button-outline:hover,
  .root[data-page-type='partners'] .menu-wrapper.menu-wrapper--opened .button-outline:hover,
  .root[data-page-type='contacts'] .menu-wrapper.menu-wrapper--opened .button-outline:hover {
    background-color: var(--white);
    color: var(--blue-light);
  }
}

@media (hover: none) {
  .menu__item:active,
  .button-outline:active {
    background-color: var(--white);
    color: var(--blue-gray-dark);
  }

  .btn-arrow:active {
    background-color: var(--red-hover);
  }

  .root[data-page-type="contacts"] .menu__item:active,
  .root[data-page-type="contacts"] .button-outline:active,
  .root[data-page-type="projects"] .menu__item:active,
  .root[data-page-type="partners"] .menu__item:active {
    background-color: var(--blue-light);
    color: var(--white);
  }

  .root[data-page-type="projects"] .button-outline:active,
  .root[data-page-type="partners"] .button-outline:active {
    background-color: var(--red);
    color: var(--white);
  }

  .root[data-page-type="about"] .menu__item:active,
  .root[data-page-type="it-outsourcing"] .menu__item:active,
  .root[data-page-type="it-audit"] .menu__item:active,
  .root[data-page-type="information-security"] .menu__item:active,
  .root[data-page-type="fault-tolerant-infrastructure"] .menu__item:active,
  .root[data-page-type="equipment-supply"] .menu__item:active,
  .root[data-page-type="network-connectivity"] .menu__item:active,
  .root[data-page-type="engineering-systems"] .menu__item:active {
    color: var(--blue-gray-dark);
  }

  .cards-hover .card:active {
    background: var(--red);
    border-color: var(--red);
    box-shadow: 0 25px 125px 0 var(--red-box-shadow);
    color: var(--white);
  }

  .root[data-page-type='projects'] .menu-wrapper.menu-wrapper--opened .menu__item:active,
  .root[data-page-type='partners'] .menu-wrapper.menu-wrapper--opened .menu__item:active,
  .root[data-page-type='contacts'] .menu-wrapper.menu-wrapper--opened .menu__item:active {
    background-color: var(--white);
    color: var(--blue-light);
  }

  .root[data-page-type='projects'] .menu-wrapper.menu-wrapper--opened .button-outline:active,
  .root[data-page-type='partners'] .menu-wrapper.menu-wrapper--opened .button-outline:active,
  .root[data-page-type='contacts'] .menu-wrapper.menu-wrapper--opened .button-outline:active {
    background-color: var(--white);
    color: var(--blue-light);
  }
}