/* Author: Luka */
.hero-actions { gap: 22px; flex-wrap: wrap; }
.hero-call { gap: 20px; }
.hero-booking, .reservation-booking, .footer-phone {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  font-size: 12px;
  line-height: 1.5;
}
.hero-booking { color: #eadbc0; }
.hero-booking > span:first-child, .reservation-booking > span:first-child {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: #b8966880;
}
.hero-booking:hover, .reservation-booking:hover { color: #fff; }
.reservation .reservation-call { margin-top: 23px; }
.reservation-call > span { display: grid; gap: 3px; }
.reservation-call small { font-size: 12px; font-weight: 400; letter-spacing: .035em; }
.reservation-booking { margin-top: 10px; color: #eadbc0; font-size: 13px; }
.reservation-note { margin-top: 4px; max-width: 42ch; }
.footer-phone { gap: 9px; color: var(--ink); font-size: 13px; }
.footer-phone:hover { text-decoration: underline; text-underline-offset: 4px; }
.footer-phone .icon { width: 16px; height: 16px; }
@media (max-width: 760px) {
  .hero-actions { flex-direction: column; align-items: stretch; gap: 4px; }
  .hero-booking { justify-content: center; min-height: 44px; }
  .hero-fine { margin-top: 6px; }
  .mobile-book { gap: 6px; padding: 6px; }
  .mobile-book > a { justify-content: center; gap: 8px; padding: 11px 10px; font-size: 12px; }
  .mobile-book > .mobile-call { background: #eadbc0; color: #183c43; border: 1px solid #d8c3a3; }
  .mobile-book > [data-booking] { background: transparent; color: #183c43; border: 1px solid #183c4330; }
  .mobile-book > a:hover { border-color: #b89668; }
  .mobile-book > a > span:last-child { font-size: inherit; }
}
@media (max-width: 360px) {
  .mobile-book > a { font-size: 11px; padding-inline: 7px; }
}