/* Discreet, fully interactive navigation, available only for mobile day cards. */
#reservation.booking-planner .booking-day-navigation { display:none; }
@media (max-width:640px) {
  body.premium-home #reservation.booking-planner .booking-scroll-hint { display:none; }
  #reservation.booking-planner .booking-day-navigation:not([hidden]) {
    display:grid;
    grid-template-columns:48px minmax(0,1fr) 48px;
    gap:10px;
    align-items:center;
    width:100%;
    box-sizing:border-box;
    margin:12px auto 20px;
    padding:12px;
    border:1px solid #cadfd1;
    border-radius:18px;
    background:linear-gradient(115deg,#edf6ef,#f8fbf7);
    box-shadow:0 5px 18px rgba(22,70,46,.07);
  }
  #reservation.booking-planner .booking-day-navigation[hidden] { display:none!important; }
  #reservation.booking-planner .booking-day-nav-button {
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid #246347;
    border-radius:50%;
    background:#1f5443;
    color:#fff;
    font:600 34px/1 Arial,Helvetica,sans-serif;
    cursor:pointer;
    touch-action:manipulation;
    transition:background-color .18s,transform .18s,box-shadow .18s;
    box-shadow:0 3px 10px rgba(25,77,52,.19);
  }
  #reservation.booking-planner .booking-day-nav-button:not(:disabled):active {
    transform:scale(.92);
    background:#287b54;
  }
  #reservation.booking-planner .booking-day-nav-button:disabled {
    cursor:default;
    color:#8b9e91;
    background:#e4ece6;
    border-color:#d0dcd2;
    box-shadow:none;
  }
  #reservation.booking-planner .booking-day-nav-button:focus-visible {
    outline:3px solid #1f5443;
    outline-offset:3px;
  }
  #reservation.booking-planner .booking-day-nav-chevron {
    display:block;
    padding-bottom:3px;
  }
  #reservation.booking-planner .booking-day-nav-copy {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    gap:4px;
    color:#1b4f39;
    text-align:center;
  }
  #reservation.booking-planner .booking-day-nav-copy strong {
    font:700 clamp(12px,3.5vw,15px)/1.3 Arial,Helvetica,sans-serif;
    text-wrap:balance;
  }
  #reservation.booking-planner .booking-day-nav-copy small {
    font:600 12px/1.3 Arial,Helvetica,sans-serif;
    color:#617c6a;
    letter-spacing:.02em;
  }
}
@media (max-width:640px) and (prefers-reduced-motion:no-preference) {
  #reservation.booking-planner .booking-day-nav-button:not(:disabled) .booking-day-nav-chevron {
    animation:booking-day-chevron-nudge 2.3s ease-in-out infinite;
  }
  #reservation.booking-planner .booking-day-nav-next:not(:disabled) {
    animation:booking-day-next-glow 2.3s ease-in-out infinite;
  }
  @keyframes booking-day-chevron-nudge {
    0%,55%,100% { transform:translateX(0); }
    69% { transform:translateX(4px); }
    83% { transform:translateX(-2px); }
  }
  #reservation.booking-planner .booking-day-nav-prev:not(:disabled) .booking-day-nav-chevron {
    animation-direction:reverse;
  }
  @keyframes booking-day-next-glow {
    0%,55%,100% { box-shadow:0 3px 10px rgba(25,77,52,.19); }
    70% { box-shadow:0 0 0 5px rgba(31,84,67,.15); }
  }
}
@media (prefers-reduced-motion:reduce) {
  #reservation.booking-planner .booking-day-nav-button,
  #reservation.booking-planner .booking-day-nav-chevron { animation:none!important;transition:none!important; }
}