/* ==========================================================================
 * МОБИЛЬНЫЕ УСТРОЙСТВА: убираем «нажатое» уменьшение карточек
 * --------------------------------------------------------------------------
 * Проблема: если на телефоне тапнуть по карточке и подержать палец, браузер
 * оставляет карточку в состоянии :active/:hover. Тема на это состояние
 * уменьшает карточку — app.css (.cases__item:active { transform: scale(.98) }),
 * mobile-premium.css (scale(.985) + смена фона), плюс эффекты наведения
 * (transform: translateY(-2px)). Из-за уменьшения содержимое сужалось, а по
 * краям карточки появлялись пустые полосы.
 *
 * Здесь эти эффекты гасятся на устройствах без наведения (телефоны, планшеты)
 * и на узких экранах. На ПК с мышью всё остаётся как было: наведение и нажатие
 * продолжают работать.
 *
 * Файл подключается последним в <head> (index.php), поэтому перебивает и тему,
 * и ранние файлы проекта. Живые файлы темы при этом не меняются.
 * ========================================================================== */

@media (hover: none), (pointer: coarse), (max-width: 1100px) {
  /* Карточки аккаунтов и их внутренние слои */
  body .cases__item:active,
  body .cases__item:hover,
  body .cases__link:active,
  body .cases__link:hover,
  body .cases__image-wrapper:active,
  body .cases__image-wrapper:hover,
  body .cases__image:active,
  body .cases__buy:active,
  body .cases__buy:hover,
  body .cases__fav:active,

  /* Карточки информационных разделов (/faq, /guarantee, /news, /contacts) */
  body .swfaq-step:active,
  body .swfaq-step:hover,
  body .swfaq-contact:active,
  body .swfaq-contact:hover,
  body .swfaq-community-card:active,
  body .swfaq-community-card:hover,
  body .swfaq-news-card:active,
  body .swfaq-news-card:hover,
  body .swfaq-item:active,
  body .swfaq-item:hover,
  body .swfaq-help:active,
  body .swfaq-help:hover,

  /* Профиль, биржа, новости, гарантии, рекомендации */
  body .sw-account__panel:active,
  body .sw-account__panel:hover,
  body .sw-account__summary:active,
  body .sw-account__summary:hover,
  body .sw-account__nav a:active,
  body .ps-card:active,
  body .ps-card:hover,
  body .ps-own-row:active,
  body .ps-own-row:hover,
  body .ps-spec:active,
  body .ps-spec:hover,
  body .news-card:active,
  body .news-card:hover,
  body .guarantee-item:active,
  body .guarantee-item:hover,
  body .guarantee-item-m1:active,
  body .home-about-slide:active,
  body .game__specs-item:active,
  body .game__specs-item:hover,
  body .profile-games__item:active,
  body .prizes_item:active,
  body .live_prizes_item:active {
    transform: none !important;
  }

  /* Системная подсветка тапа больше не «красит» карточку целиком */
  body .cases__item,
  body .cases__link,
  body .cases__buy,
  body .swfaq-step,
  body .swfaq-contact,
  body .swfaq-community-card,
  body .swfaq-news-card,
  body .swfaq-item,
  body .sw-account__panel,
  body .ps-card,
  body .news-card,
  body .guarantee-item,
  body .game__specs-item {
    -webkit-tap-highlight-color: transparent;
  }

  /* Долгое удержание не должно «залипать» в состоянии наведения:
     возвращаем карточкам их обычный фон, если тема его подменяла на :active */
  body .cases__item:active {
    border-radius: inherit;
  }

  /* Долгое нажатие на телефоне включает выделение текста и «перетаскивание»
     картинок/ссылок — от этого содержимое карточки сдвигалось и «уезжало».
     Отключаем выделение и перетаскивание внутри карточек: текст по-прежнему
     можно выделять в описаниях аккаунта, новостях и других текстовых блоках. */
  body .cases__item,
  body .cases__link,
  body .cases__buy,
  body .swfaq-step,
  body .swfaq-contact,
  body .swfaq-community-card,
  body .swfaq-news-card__title,
  body .ps-card,
  body .guarantee-item,
  body .game__specs-item {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  body .cases__item img,
  body .cases__link img,
  body .cases__image,
  body .swfaq-community-card__art,
  body .swfaq-step__icon img,
  body .ps-card__image img,
  body .guarantee-item-img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
  }
}

/* ==========================================================================
 * IPHONE/IPAD (WebKit): запрещаем «подъём» карточки при долгом нажатии
 * --------------------------------------------------------------------------
 * На iOS долгое нажатие на ссылку включает перетаскивание: система поднимает
 * элемент в отдельный предпросмотр (drag preview), а на странице остаётся его
 * сжатый силуэт и пустые поля вокруг — именно это заказчик описал как
 * «карточка сужается, по бокам пустые места».
 * Здесь перетаскивание запрещено и для самих ссылок/карточек, а не только для
 * картинок внутри них: -webkit-user-drag: none + -webkit-touch-callout: none
 * (второе убирает ещё и системное меню «Открыть в новой вкладке / Скопировать»).
 * Действует только на тачскринах, на ПК ничего не меняется.
 * ========================================================================== */
@media (hover: none), (pointer: coarse), (max-width: 1100px) {
  body .cases__item,
  body .cases__link,
  body .cases__image-wrapper,
  body .cases__buy,
  body .cases__fav,
  body .sw-fav,
  body .swfaq-step,
  body .swfaq-step *,
  body .swfaq-contact,
  body .swfaq-contact *,
  body .swfaq-community-card,
  body .swfaq-community-card *,
  body .swfaq-news-card,
  body .swfaq-news-card *,
  body .swfaq-item,
  body .swfaq-item *,
  body .sw-account__panel,
  body .ps-card,
  body .ps-own-row,
  body .news-card,
  body .guarantee-item,
  body .guarantee-item-m1,
  body .home-about-slide,
  body .game__specs-item,
  body .prizes_item,
  body .live_prizes_item {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-touch-callout: none !important;
  }
}

/* ==========================================================================
 * СТРАХОВКА: на устройствах без мыши отключаем ЛЮБЫЕ трансформации
 * в состояниях :hover и :active
 * --------------------------------------------------------------------------
 * На телефоне браузер оставляет :hover/:active на элементе, по которому тапнули
 * и держат палец. Если тема (app.css, mobile-premium.css, карточки, карусели)
 * что-то уменьшает или сдвигает в этом состоянии, карточка «съезжает»: фон и
 * содержимое сужаются, по краям появляются пустые полосы. Перечислять все
 * селекторы темы ненадёжно, поэтому здесь трансформации гасятся разом.
 * На ПК с мышью правило не действует — наведение и нажатие работают как были.
 * ========================================================================== */
@media (hover: none), (pointer: coarse) {
  body *:hover,
  body *:active {
    transform: none !important;
  }
}