/***********************************
  SIMPLYBOOK.ME CUSTOM BRAND THEME
  Navy • Cream • Gold
***********************************/

/* === GLOBAL PAGE BACKGROUND === */
body {
  background-color: #FAF3E0 !important; /* Cream background */
  color: #001F3F !important; /* Default navy text */
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
}

/* === MAIN BOOKING CONTAINER === */
.booking-content, .main-content, .content-wrapper {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
  padding: 20px !important;
  margin-top: 20px !important;
}

/* Match "Cancel booking" text color to the "Book More" tab */
.client-booking-list .cancel_booking_btn {
    color: inherit !important;
}

/* Change "Cancel booking" button/text color to bright gold */
.client-booking-list .cancel_booking_btn {
    color: #FFD700 !important;   /* Bright gold */
    border-color: #FFD700 !important;  /* Optional: makes the border gold too if it’s a button */
}

/* Optional: change hover color */
.client-booking-list .cancel_booking_btn:hover {
    background-color: #FFD700 !important;
    color: #000000 !important;   /* Black text on gold background */
}
/* === HEADER / NAVIGATION === */
.header, .header-bar, .sb-header {
  background-color: #001F3F !important; /* Navy header */
  color: #FAF3E0 !important; /* Cream text */
  border-bottom: 3px solid #C9A227 !important; /* Gold underline */
}

.header a, .header h1, .header h2, .header span {
  color: #FAF3E0 !important;
}

/* === BUTTONS (Primary & Confirm) === */
.btn-primary, .sb-button, .confirm-button {
  background-color: #001F3F !important; /* Navy */
  color: #FAF3E0 !important; /* Gold text */
  border: 2px solid #C9A227 !important; /* Gold border */
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover, .sb-button:hover, .confirm-button:hover {
  background-color: #C9A227 !important; /* Gold hover */
  color: #001F3F !important; /* Navy text on hover */
}

/* === SERVICE TITLES / HEADINGS === */
h1, h2, h3, h4, .service-name, .sb-title {
  color: #001F3F !important; /* Navy headings */
  font-weight: 600 !important;
}

/* === PRICE & DETAILS === */
.price, .sb-price, .service-duration {
  color: #C9A227 !important; /* Gold price highlight */
  font-weight: bold !important;
}

/* === TEXT / LABELS === */
p, span, label, .sb-description {
  color: #001F3F !important;
}

/* === CALENDAR & TIME SLOT AREA === */
.sb-calendar, .sb-times, .time-slots {
  background-color: #FAF3E0 !important; /* Cream */
  border-radius: 10px !important;
  padding: 10px !important;
}

.sb-timeslot.free, .sb-time-slot {
  background-color: #ffffff !important;
  border: 1px solid #C9A227 !important;
  color: #001F3F !important;
}

.sb-timeslot.free:hover, .sb-time-slot:hover {
  background-color: #C9A227 !important;
  color: #FAF3E0 !important;
}

/* === FORM INPUTS (Name, Email, etc.) === */
input, select, textarea {
  border: 1px solid #C9A227 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;
  color: #001F3F !important;
}

input:focus, select:focus, textarea:focus {
  border-color: #001F3F !important;
  outline: none !important;
}

/* === FOOTER === */
.footer, .sb-footer {
  background-color: #001F3F !important;
  color: #FAF3E0 !important;
  text-align: center !important;
  padding: 10px !important;
  border-top: 2px solid #C9A227 !important;
}

/* Optional: Hide the SimplyBook footer text */
.footer a {
  color: #FAF3E0 !important;
  text-decoration: none !important;
}
.footer a:hover {
  color: #C9A227 !important;
}

/* === LINKS === */
a {
  color: #C9A227 !important; /* Gold links */
}
a:hover {
  color: #001F3F !important; /* Navy hover */
}

/* === BOOK NOW BUTTON === */
.btn-primary, .sb-button, .confirm-button {
  background-color: #001F3F !important; /* Navy background */
  color: #C9A227 !important; /* Gold text */
  border: 2px solid #C9A227 !important; /* Gold border */
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover, .sb-button:hover, .confirm-button:hover {
  background-color: #C9A227 !important; /* Gold background on hover */
  color: #001F3F !important; /* Navy text on hover */
  border-color: #001F3F !important;
}

/* === CANCEL BOOKING BUTTON === */
.sb-cancel-button, .cancel-button, .btn-cancel {
  background-color: transparent !important; /* transparent background */
  color: #C9A227 !important; /* Gold text */
  border: 2px solid #C9A227 !important; /* Gold border */
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.sb-cancel-button:hover, .cancel-button:hover, .btn-cancel:hover {
  background-color: #C9A227 !important; /* Gold background on hover */
  color: #001F3F !important; /* Navy text on hover */
  border-color: #001F3F !important;
}

/* === Cancel Booking under Upcoming Bookings (client side) === */
.sb-upcoming-booking .sb-cancel-button,
.sb-user-upcoming-bookings .sb-cancel-button {
  color: #C9A227 !important; /* Gold text */
  border-color: #C9A227 !important; /* Gold border */
  background-color: transparent !important; /* optional: transparent bg */
  font-weight: 600 !important;
}

.sb-upcoming-booking .sb-cancel-button:hover,
.sb-user-upcoming-bookings .sb-cancel-button:hover {
  background-color: #C9A227 !important; /* Gold background on hover */
  color: #001F3F !important; /* Navy text on hover */
  border-color: #001F3F !important;
}

/* Make Cancel Booking text match Book More tab */
.client-booking-list .cancel_booking_btn {
    color: #FFD700 !important;  /* Replace #FFD700 with your Book More color */

/* === Client-facing Cancel Booking button in Upcoming Bookings === */
.sb-user-upcoming-bookings .sb-cancel-button,
.sb-upcoming-booking .sb-cancel-button {
  color: #FFD700 !important; /* Bright gold text */
  border-color: #FFD700 !important; /* Optional: matching border */
  background-color: transparent !important; /* Keep background transparent */
  font-weight: 600 !important;
}

.sb-user-upcoming-bookings .sb-cancel-button:hover,
.sb-upcoming-booking .sb-cancel-button:hover {
  background-color: #FFD700 !important; /* Bright gold on hover */
  color: #001F3F !important; /* Navy text on hover */
  border-color: #001F3F !important; /* Optional hover border */
}