/*
 * ============================================================
 * NORMAL CARDS — REMOVE LEGACY BLUE OVERLAY
 * ============================================================
 *
 * Старый card component использует:
 *
 * clickArea::before {
 *   background: blue;
 *   opacity: 0;
 *   transition: opacity .45s;
 * }
 *
 * hover -> opacity: 1
 *
 * Поэтому после ухода курсора синий слой
 * некоторое время продолжал затухать.
 *
 * В новой дизайн-системе этот overlay
 * больше вообще не нужен.
 */


/*
 * Полностью выключаем старый синий overlay
 * ТОЛЬКО у обычных карточек инструкций.
 */

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_clickArea_"]::before {

  content: none !important;

  display: none !important;

  opacity: 0 !important;

  visibility: hidden !important;

  background: none !important;
  background-color: transparent !important;
  background-image: none !important;

  transition: none !important;

  animation: none !important;

  pointer-events: none !important;
}


/*
 * На всякий случай перекрываем
 * старое hover/focus правило.
 */

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_clickArea_"]:hover::before,

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_clickArea_"]:focus-visible::before {

  content: none !important;

  display: none !important;

  opacity: 0 !important;

  background: none !important;

  transition: none !important;
}


/*
 * Сам внутренний clickArea больше
 * не должен менять фон или цвет
 * с задержкой после hover.
 */

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_clickArea_"] {

  background:
    transparent !important;

  color:
    #172b45 !important;

  transition:
    none !important;
}


/*
 * Заголовок остаётся тёмным постоянно.
 */

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_title_"] {

  color:
    #172b45 !important;

  transition:
    none !important;
}


/*
 * Номер остаётся синим,
 * без белого промежуточного состояния.
 */

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_index_"] {

  color:
    #2f6fd6 !important;

  transition:
    none !important;
}


/*
 * Стрелка.
 */

.boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard)
[class*="_arrow_"] {

  transition:
    color 150ms ease !important;
}


/*
 * Новый hover:
 * только белая карточка +
 * чёткая синяя рамка и тень.
 */

@media (hover: hover) {

  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover {

    background:
      #ffffff !important;

    border-color:
      #2f6fd6 !important;

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

    transform:
      none !important;
  }


  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover
  [class*="_clickArea_"] {

    background:
      transparent !important;

    color:
      #172b45 !important;
  }


  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover
  [class*="_title_"] {

    color:
      #172b45 !important;
  }


  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover
  [class*="_index_"] {

    color:
      #2f6fd6 !important;
  }


  .boykovCardSearchShadow:not(.generationListCard):not(.generationCatalogCard):hover
  [class*="_arrow_"] {

    color:
      #2f6fd6 !important;

    transform:
      none !important;
  }

}