/*
 * Transfer cutoff message
 * Rendered INSIDE .wc-pao-addons-container to avoid layout overlaps and
 * to prevent theme notice relocation loops.
 */
.symbol-transfer-cutoff-message {
  margin-bottom: 40px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/*
 * Front‑end styles for Symbol API plugin.
 *
 * These styles are adapted from the legacy implementation to provide a
 * consistent booking experience. They style the booking button, availability
 * messages, and various UI elements used on the product page.
 */

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes blinker { 50% { opacity: 0; } }

/* Blinking availability messages */
.blinking {
  animation: blinker 1s linear infinite;
}

/* Optional availability message styling */
.availability-message {
  margin-top: 10px !important;
  color: #fff !important;
  display: block;
  transition: color 1s ease;
  background: transparent;
}

/* Generic WooCommerce form field override */
.form-field.form-field-wide {
  color: #fff;
  font-size: 15px;
}

/*
 * Inline message wrapper used by the custom flatpickr/participants UI. It
 * provides space beneath the top row (participants/date) for availability,
 * participants and transfer warning messages. The margin is tuned to avoid
 * overlap with the absolutely positioned participants breakdown.
 */
.symbol-inline-messages {
  margin-top: 53px;
  color: #ffffff;
}

/* Availability and participants messages inherit the default color and
 * spacing. They are moved into the inline wrapper by JS when the custom
 * UI is detected.
 */
.symbol-inline-messages .availability-message,
.symbol-inline-messages .participants-message {
  margin-top: 10px;
}

/*
 * Transfer cutoff message (shown when transfer add-ons are hidden).
 * This renders inside .wc-pao-addons-container, in place of the transfer addon.
 * No background, just spacing, so it visually matches the live site.
 */
.symbol-transfer-cutoff-inline {
  display: none;
  margin-top: 10px;
  margin-bottom: 40px !important;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
}

/* Transfer cutoff warning styling for the custom UI. This style mimics the
 * legacy Flatpickr Everywhere warning: a light pink background with red
 * text and rounded corners.
 */
.symbol-inline-messages .transfer-warning-message {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
  border: 1px solid #ffcccc;
  background: #fff5f5;
  color: #c00;
  border-radius: 6px;
}

/* (legacy selector retained in case older markup exists) */
.symbol-inline-messages .transfer-warning-message { display: none; }

/* Spinner indicator (hidden by default) */
.cfwc-btn-spinner {
  display: none;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin .8s linear infinite;
}

/* Wrapper positioning */
#cfwc-btn-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Custom “Book now” button */
#cfwc-symbol-book-now {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  z-index: 10;
  background-color: #ffc107 !important;
  border: 1px solid #e0a800 !important;
  color: #fff !important;
  pointer-events: auto !important;
  transition: background .3s;
}

#cfwc-symbol-book-now.disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* Hide the native add to cart button when waiting */
#cfwc-btn-wrap.symbol-waiting .single_add_to_cart_button {
  display: none !important;
}