/* ==========================================================================
   Booking Widget — Minimal floating button
   Strips the full bar down to a single luxury pill button
   ========================================================================== */

/* Hide phone, divider, accent stripe */
.booking-widget__phone,
.booking-widget__divider,
.booking-widget__bar-accent {
  display: none;
}

/* Bar — no background, no full width, just float the button */
.booking-widget__bar {
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.booking-widget__bar-inner {
  justify-content: center;
  padding: 0;
}

/* The trigger button — luxury pill */
.booking-widget__trigger {
  background: #2C1E12;
  color: #F5F0E8;
  border: 1px solid rgba(196, 166, 112, 0.3);
  border-radius: 50px;
  padding: 0.7rem 2rem 0.7rem 1.5rem;
  font-family: 'Lora', Georgia, serif;
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  gap: 0.6rem;
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.25),
    0 1px 4px rgba(0, 0, 0, 0.15);
  transition:
    background 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.booking-widget__trigger:hover {
  background: #3C2A1A;
  border-color: rgba(196, 166, 112, 0.5);
  box-shadow:
    0 6px 28px rgba(0, 0, 0, 0.3),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Arrow icon — gold tint */
.booking-widget__trigger-arrow {
  stroke: #C4A670;
}

/* Text styling */
.booking-widget__trigger-text {
  text-transform: none;
  letter-spacing: 0.03em;
}