/* Brand skin — Tamara Obrenović */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@300;400;500;600&display=swap');

/* Base */
:root, body, .booking-widget, .booking-widget * {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}
body, .booking-widget {
  background: #FAF6F0 !important;
  color: #2B2420 !important;
}

/* Headings — Cormorant Garamond */
h1, h2, h3, h4, .modal-title, .booking-widget h1, .booking-widget h2 {
  font-family: 'Cormorant Garamond', serif !important;
  color: #2F5468 !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
}

/* Primary accent buttons */
.btn, .btn-primary, button.primary, .btn--primary, .booking-widget .btn,
[class*="btn-confirm"], [class*="btn-success"] {
  background: #2F5468 !important;
  border-color: #2F5468 !important;
  color: #fff !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  padding: 10px 20px !important;
}
.btn:hover, .btn-primary:hover, button.primary:hover, .btn--primary:hover {
  background: #B87355 !important;
  border-color: #B87355 !important;
}

/* Secondary buttons */
.btn-default, .btn-secondary {
  background: transparent !important;
  border: 1.5px solid #2F5468 !important;
  color: #2F5468 !important;
  border-radius: 8px !important;
}

/* Service / item cards */
.item, .service-item, .provider-item, [class*="card"], .item-info {
  border-radius: 14px !important;
  border-color: #E4D9C8 !important;
  background: #fff !important;
  transition: all 0.2s !important;
}
.item:hover, .service-item:hover, .provider-item:hover {
  box-shadow: 0 8px 24px rgba(47,84,104,0.08) !important;
  transform: translateY(-2px) !important;
}

/* Pricing */
.price, [class*="price"] {
  color: #B87355 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 600 !important;
}

/* Calendar */
.timeline-row, .timeline-time, .slot, [class*="timeline-"], [class*="time-slot"] {
  border-color: #E4D9C8 !important;
}
.timeline-time.available, .slot.available, [class*="slot-available"] {
  color: #2F5468 !important;
  background: rgba(47,84,104,0.06) !important;
}
.timeline-time.available:hover, .slot.available:hover {
  background: #2F5468 !important;
  color: #fff !important;
}
.selected, .timeline-time.selected, .slot.selected, [class*="selected"] {
  background: #B87355 !important;
  color: #fff !important;
}

/* Inputs */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  border: 1px solid #E4D9C8 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 0.95rem !important;
}
input:focus, textarea:focus, select:focus {
  border-color: #B87355 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(184,115,85,0.12) !important;
}

/* Steps / breadcrumb */
.steps, .breadcrumb, [class*="step-"] {
  background: transparent !important;
}
.steps .active, [class*="step-active"] {
  color: #B87355 !important;
}

/* Headers / panels */
.panel-heading, .modal-header {
  background: #fff !important;
  border-bottom: 1px solid #E4D9C8 !important;
}

/* Body bg sections */
.booking-page, .booking-content {
  background: #FAF6F0 !important;
}

/* Service icons / images: subtle border */
.item__media img, .service-img {
  border-radius: 12px !important;
}

/* Datepicker */
.datepicker, .calendar {
  border-radius: 12px !important;
  border-color: #E4D9C8 !important;
}
.datepicker td.active, .calendar td.active, .calendar .today {
  background: #2F5468 !important;
  color: #fff !important;
}

/* Footer / branding minimization */
.simplybook-footer, .powered-by, [class*="simplybook"] a {
  opacity: 0.5;
  font-size: 0.75rem !important;
}
