/**
 * Sequential auto-hover highlight for card grids ([data-auto-hover]).
 * Mirrors real :hover styles so the cycle looks intentional.
 */

/* —— Homepage plan cards —— */
#plans .pkg.is-auto-hover {
  border-color: rgba(255, 106, 26, 0.4);
  box-shadow: 0 20px 36px -18px rgba(11, 27, 46, 0.28);
  z-index: 1;
}

#plans .pkg.is-auto-hover .pkg__media > img {
  transform: scale(1.06);
}

#plans .pkg.is-auto-hover .pkg__cta {
  box-shadow: 0 14px 28px -10px rgba(255, 92, 0, 0.65);
  filter: brightness(1.04);
}

body[data-premium-motion][data-page="packages"] #pkg-grid .pkg.is-auto-hover {
  border-color: rgba(255, 106, 26, 0.4);
  box-shadow: 0 20px 36px -18px rgba(11, 27, 46, 0.28);
}

body[data-premium-motion][data-page="home"] #plans #pkg-grid .pkg.is-auto-hover {
  transform: translateY(-6px);
  border-color: rgba(255, 106, 26, 0.35);
  box-shadow:
    0 4px 10px rgba(11, 27, 46, 0.06),
    0 22px 40px -18px rgba(11, 27, 46, 0.28);
}

/* —— About vision cards —— */
.about-future__card.is-auto-hover {
  border-color: rgba(255, 106, 26, 0.45);
  transform: translateY(-4px);
  box-shadow: 0 22px 44px -24px rgba(0, 0, 0, 0.65);
  background:
    linear-gradient(160deg, rgba(255, 106, 26, 0.12) 0%, rgba(255, 255, 255, 0.05) 100%);
  z-index: 1;
}

.about-future__card.is-auto-hover .about-future__icon {
  transform: scale(1.06);
  background: rgba(255, 106, 26, 0.22);
}

.about-future__card.is-auto-hover .about-future__index {
  color: rgba(255, 106, 26, 0.18);
}

/* —— Partners: why-partner cards —— */
.partner-why__card.is-auto-hover {
  background: #f8fafc;
  box-shadow: inset 0 0 0 2px rgba(255, 106, 26, 0.35);
  transform: translateY(-3px);
  z-index: 1;
}

.partner-why__card.is-auto-hover .partner-why__index {
  background: rgba(255, 106, 26, 0.2);
  border-color: rgba(255, 106, 26, 0.45);
}

/* —— Contact: help path cards —— */
.contact-help-card.is-auto-hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px -18px rgba(11, 27, 46, 0.22);
  border-color: rgba(245, 126, 46, 0.4);
  background: linear-gradient(165deg, #ffffff 0%, #fff8f3 100%);
  z-index: 1;
}

.contact-help-card.is-auto-hover::before {
  transform: scaleX(1);
}

.contact-help-card.is-auto-hover::after {
  opacity: 1;
}

.contact-help-card.is-auto-hover .contact-help-card__icon {
  transform: scale(1.06);
  background: rgba(245, 126, 46, 0.18);
  box-shadow: 0 0 0 6px rgba(245, 126, 46, 0.08);
}

.contact-help-card.is-auto-hover .contact-help-card__link svg {
  transform: translateX(4px);
}

/* —— Contact: visit office cards —— */
.contact-office-card.is-auto-hover {
  background: #f8fafc;
  box-shadow: inset 0 0 0 2px rgba(255, 106, 26, 0.35), 0 18px 40px -20px rgba(11, 27, 46, 0.22);
  transform: translateY(-3px) rotateX(2deg);
  z-index: 1;
}

.contact-office-card.is-auto-hover .contact-office-card__index {
  background: rgba(255, 106, 26, 0.2);
  border-color: rgba(255, 106, 26, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  #plans .pkg.is-auto-hover,
  .about-future__card.is-auto-hover,
  .partner-why__card.is-auto-hover,
  .contact-office-card.is-auto-hover,
  .contact-help-card.is-auto-hover {
    transform: none !important;
  }
}