/*
 * Additive polish for the published Bangkok snapshot.
 * All resting-state card geometry and artwork remain owned by the original bundle.
 */

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .bkk-diamond-card,
  [data-testid^="link-media-partner"],
  .bkk-sponsor,
  .mob-sponsor-card,
  .mob-media-card,
  .mob-event-card,
  div.bkk-scale-in:has(img[src*="/event-"]) {
    transition:
      transform 0.3s ease,
      box-shadow 0.3s ease,
      border-color 0.3s ease !important;
    transform-origin: center center;
    will-change: transform;
  }

  .bkk-diamond-card.is-revealed,
  [data-testid^="link-media-partner"].is-revealed,
  div.bkk-scale-in.is-revealed:has(img[src*="/event-"]) {
    animation-fill-mode: backwards !important;
    opacity: 1;
  }

  .bkk-diamond-card:hover,
  [data-testid^="link-media-partner"]:hover,
  .bkk-sponsor:hover,
  .mob-sponsor-card:hover,
  .mob-media-card:hover,
  .mob-event-card:hover,
  div.bkk-scale-in:has(img[src*="/event-"]):hover {
    transform: translateY(-6px) scale(1.05) !important;
    filter: none !important;
    z-index: 30 !important;
    border-color: rgba(226, 0, 122, 0.76) !important;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.1),
      0 16px 48px rgba(0, 0, 0, 0.54),
      0 0 34px rgba(161, 0, 255, 0.34),
      0 0 24px rgba(226, 0, 122, 0.24) !important;
  }

  [data-testid^="link-media-partner"]:hover,
  .bkk-sponsor:hover,
  .mob-media-card:hover {
    transform: translateY(-6px) scale(1.08) !important;
  }

  .bkk-diamond-card::after,
  [data-testid^="link-media-partner"]::after,
  .bkk-sponsor::after,
  .mob-sponsor-card::after,
  .mob-media-card::after,
  .mob-event-card::after,
  div.bkk-scale-in:has(img[src*="/event-"])::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    border: 1px solid rgba(255, 185, 226, 0.38);
    border-radius: inherit;
    background: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.12) 0%,
      rgba(255, 255, 255, 0.025) 34%,
      transparent 62%
    );
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }

  .bkk-diamond-card:hover::after,
  [data-testid^="link-media-partner"]:hover::after,
  .bkk-sponsor:hover::after,
  .mob-sponsor-card:hover::after,
  .mob-media-card:hover::after,
  .mob-event-card:hover::after,
  div.bkk-scale-in:has(img[src*="/event-"]):hover::after {
    opacity: 1;
  }

  /* Keep space for the lift inside horizontally scrolling event strips. */
  :where(div, section):has(> .mob-event-card) {
    padding-block: 16px 32px !important;
    margin-block: -16px -24px !important;
  }
}

/* Optical logo sizing is contained within existing logo zones and card boxes. */
.bkk-diamond-card > div[style*="height: 110px"] img {
  width: 70% !important;
  height: 56px !important;
  max-width: 70% !important;
  max-height: 56px !important;
  object-fit: contain !important;
  transform: scale(var(--prod-logo-scale, 1)) !important;
  transform-origin: center center;
}

[data-testid^="link-media-partner"] img,
.bkk-sponsor img {
  display: block;
  width: 70% !important;
  height: 56px !important;
  max-width: 70% !important;
  max-height: 56px !important;
  object-fit: contain !important;
  transform: scale(var(--prod-logo-scale, 1)) !important;
  transform-origin: center center;
}

.mob-sponsor-card img {
  width: 80% !important;
  height: 80% !important;
  object-fit: contain !important;
  transform: scale(var(--prod-logo-scale, 1)) !important;
  transform-origin: center center;
}

.mob-media-card img {
  width: 70% !important;
  height: 44px !important;
  max-width: 70% !important;
  max-height: 44px !important;
  object-fit: contain !important;
  transform: scale(var(--prod-logo-scale, 1)) !important;
  transform-origin: center center;
}

/* Keep heads in frame across collage cards. */
@media (min-width: 900px) {
  #root .bkk-photo img {
    object-position: 50% 20% !important;
  }
}

/* Hide legacy poster captions while keeping the poster art and alt text. */
#root .mob-event-card > div:last-child,
#root div.bkk-scale-in:has(> img[src*="/event-"]) > div:last-child {
  display: none !important;
}

/* The source bundle has persistent hover rules; do not let them stick on touch
   or animate for visitors who have requested reduced motion. */
@media (hover: none), (prefers-reduced-motion: reduce) {
  .bkk-diamond-card:hover,
  .bkk-sponsor:hover,
  [data-testid^="link-media-partner"]:hover,
  .mob-sponsor-card:hover,
  .mob-media-card:hover,
  .mob-event-card:hover,
  div.bkk-scale-in:has(img[src*="/event-"]):hover {
    transform: none !important;
    filter: none !important;
    transition: none !important;
    box-shadow: var(--prod-resting-shadow, none) !important;
    border-color: var(--prod-resting-border-color, currentColor) !important;
  }

  .bkk-diamond-card::after,
  [data-testid^="link-media-partner"]::after,
  .bkk-sponsor::after,
  .mob-sponsor-card::after,
  .mob-media-card::after,
  .mob-event-card::after,
  div.bkk-scale-in:has(img[src*="/event-"])::after {
    display: none !important;
  }
}

.mob-sponsor-card,
.mob-media-card {
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .bkk-diamond-card,
  [data-testid^="link-media-partner"],
  .mob-sponsor-card,
  .mob-media-card,
  .mob-event-card,
  div.bkk-scale-in:has(img[src*="/event-"]) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}