/*
 * ============================================================
 * PROFESSION CARDS — WHITE HOVER V1
 * ============================================================
 *
 * Hover:
 * - white surface
 * - dark navy text
 * - blue link / arrow
 * - sharp blue shadow
 *
 * Generation CTA is excluded.
 */


/*
 * Плавно меняем только визуальные свойства.
 */

.boykovCardSearchShadow {
  transition:
    background-color 150ms ease,
    color 150ms ease,
    border-color 150ms ease,
    box-shadow 150ms ease !important;
}


/*
 * Только обычные карточки инструкций.
 */

@media (hover: hover) {

  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover {
    background:
      #ffffff !important;

    color:
      #172b45 !important;

    border-color:
      #2f6fd6 !important;

    box-shadow:
      5px 5px 0
      #2f6fd6 !important;

    transform:
      none !important;
  }


  /*
   * Если исходный CSS при hover
   * красит дочерний текст в белый —
   * принудительно возвращаем тёмный.
   */

  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover * {
    color:
      #172b45 !important;
  }


  /*
   * Ссылку и стрелку оставляем синими.
   */

  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover a,
  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover a * {
    color:
      #2f6fd6 !important;
  }

}


/*
 * Touch:
 * никакого зависшего hover.
 */

@media (hover: none) {

  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover {
    box-shadow:
      none !important;

    transform:
      none !important;
  }

}