/* =========================================================
   HOME INTERACTIONS
========================================================= */

:root {
  --interaction-duration: 0.25s;
  --interaction-easing: ease;
  --interaction-card-shadow: 0 12px 28px rgba(32, 44, 70, 0.12);
}

body.home .booking-bar__button,
body.home .home-about__button,
body.home .home-conference__booking,
body.home .home-partners__button,
body.home .site-footer__booking {
  transition:
    background-color var(--interaction-duration) var(--interaction-easing),
    color var(--interaction-duration) var(--interaction-easing),
    border-color var(--interaction-duration) var(--interaction-easing),
    box-shadow var(--interaction-duration) var(--interaction-easing),
    transform var(--interaction-duration) var(--interaction-easing),
    opacity var(--interaction-duration) var(--interaction-easing);
}

body.home .booking-bar__button:active,
body.home .home-partners__button:active,
body.home .site-footer__booking:active,
body.home .home-about__button:active,
body.home .home-conference__booking:active {
  transform: translateY(0);
  box-shadow: none;
}

:is(body.home, .page-rooms, .single-room-page) .home-offers__card {
  transition:
    box-shadow var(--interaction-duration) var(--interaction-easing),
    transform var(--interaction-duration) var(--interaction-easing);
}


body.home .site-footer__socials a {
  transition:
    background-color var(--interaction-duration) var(--interaction-easing),
    filter var(--interaction-duration) var(--interaction-easing),
    transform var(--interaction-duration) var(--interaction-easing);
}

body.home .site-main :is(a, button):focus-visible,
body.home .site-footer :is(a, button):focus-visible {
  outline: 2px solid var(--color-gold);
  outline-offset: 3px;
}
:is(body.home, .page-rooms, .single-room-page)
  .home-offers__card:focus-visible {
  outline-offset: -3px;
}

@media (hover: hover) and (pointer: fine) {
  :is(body.home, .page-rooms, .single-room-page) .home-offers__slider {
    margin-block: -4px;
    padding-block: 4px;
  }

  :is(body.home, .page-rooms, .single-room-page) .home-offers__card:hover {
    transform: translateY(-3px);
  }


  body.home .site-footer__socials a:hover {
    filter: brightness(1.04);
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home .booking-bar__button,
  :is(body.home, .page-rooms, .single-room-page) .home-offers__card,
  body.home .home-about__button,
  body.home .home-conference__booking,
  body.home .home-partners__button,
  body.home .site-footer__booking,
  body.home .site-footer__socials a {
    transition-duration: 0.01ms;
  }

  :is(body.home, .page-rooms, .single-room-page) .home-offers__card:hover,
  body.home .booking-bar__button:hover,
  body.home .home-about__button:hover,
  body.home .home-conference__booking:hover,
  body.home .home-partners__button:hover,
  body.home .site-footer__booking:hover,
  body.home .site-footer__socials a:hover {
    transform: none;
  }
}