/* ============== Mobile + tablet hover disable ==============
 * V1 ships dozens of `:hover { transform: translateY(...); box-shadow: ... }`
 * rules. On touch devices these fire on tap (Safari/Chrome "sticky hover")
 * and leave cards stuck in their lifted state — visually messy and
 * confuses users into thinking the tap registered as a navigation.
 *
 * This file resets every card/pill/row/tile hover lift back to its base
 * transform + shadow on:
 *   - any device that lacks a true pointer (`hover: none`)
 *   - any viewport <= 1024px (tablet + below, regardless of pointer)
 *
 * Loaded last in layout.tsx so it wins the cascade. `!important` covers
 * inline / page-styles authored rules.
 * ============================================================ */

@media (hover: none), (max-width: 1024px) {
  /* === Global card/tile hovers (apps/web/public/assets/styles.css) === */
  .btn-primary:hover,
  .stat-pill:hover,
  .cam-tile:hover,
  .cam-tile-big:hover,
  .act-card:hover,
  .news-card:hover,
  .partner:hover,
  .cart-fab:hover,

  /* === Page-scoped hovers === */
  .bento article:hover,
  .trn-card:hover,
  .hotel-row:hover,
  .thumb:hover,
  .rs-hero .hero-cta:hover,
  .rs-dossier .dl-btn:hover,
  .rs-dossier .ct-btn:hover,
  .rs-tile:hover,
  .rs-cta .btn-primary:hover,
  body[data-page="ekipman-kiralama"] .ek-card:hover,
  body[data-page="ekipman-kiralama"] .ek-card .side .actions a:hover,
  body[data-page="ekipman-kiralama"] .ek-card .side .socials a:hover,
  body[data-page="ekipman-kiralama"] .ek-card .cover-stack .socials a:hover,
  .il-social-card:hover,
  .pist-card:hover,
  .wd-7d .day:hover,
  .hs-arrow:hover,
  .hero-cta-right:hover,
  .pl-lift:hover,
  .kf-tile:hover,
  .co-partner .web-btn:hover,
  .co-cta .btn-primary:hover,
  body[data-page="gastronomi"] .gs-card:hover,
  body[data-page="gastronomi"] .gs-card .body .actions a:hover,
  .maps-cta:hover,
  .rez-card:hover,
  body[data-page="mekanlar"] .mk-card:hover,
  body[data-page="mekanlar"] .mk-card .body .actions a:hover,
  .step-actions .step-btn:hover,
  .hb-feat-side .news-mini:hover,
  .hb-card:hover,
  .hb-more .btn:hover,
  .hb-cat-card:hover,
  body[data-page="kayak-okullari"] .sc-card:hover,
  body[data-page="kayak-okullari"] .sc-card .side .actions a:hover,
  body[data-page="kayak-okullari"] .sc-card .cover-stack .cover-socials .cs:hover,
  .bk-card:hover,
  .bk-card .bk-row:hover,
  .ev-next .btn-r:hover,
  .ev-next .btn-wa:hover,
  .ev-item:hover,
  .ev-card:hover,
  .ev-card .btn-r:hover,
  .ev-card .btn-wa:hover,
  .ev-wa-card .cta:hover,
  .ev-item .item-ctas .btn-wa:hover,
  .ev-item .item-ctas .btn-r:hover,
  .cam-card:hover,
  .cd-others .other-card:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  /* Cards that have a base shadow / border-color worth preserving when
     the hover lift is cancelled. These rules run AFTER the global reset
     above so they restore the base look on touch. */
  .il-social-card:hover {
    border-color: var(--u-black) !important;
  }
  .pist-card:hover {
    border-color: inherit !important;
  }

  /* Disable nested image/arrow micro-animations triggered by parent
     `:hover` selectors — these were paired with the lift effect and
     look broken when the lift is gone. */
  .act-card:hover .gal-img,
  .act-card:hover .detail .arr,
  .news-card:hover .img,
  .news-card:hover .more .arr,
  .partner:hover img,
  .events-combined .left-pane:hover .img,
  .cd-others .other-card:hover .arrow,
  .feat-card .stream:hover .play-btn {
    transform: none !important;
  }
}