/* =============================================================
   MFAF Theme overrides for VikBooking frontend (booking view)
   Loaded last — overrides vikbooking_styles.css
   ============================================================= */

/* ── CSS variable overrides ─────────────────────────────────── */
:root {
  --vbo-green-color:       #3c540b;
  --vbo-green-color-hover: #589719;
  --vbo-base-color:        #3c540b;
  --vbo-base-color-hover:  #589719;
  --vbo-blue-color:        #3c540b;
  --vbo-blue-color-hover:  #589719;
  --vbo-border-color:      #c8d7a0;
  --vbo-light-border-color:#e0eccc;
  --vbo-grey-bg-color:     #f5f5f0;
  --vbo-light-grey-bg-color:#f5f5f0;
  --vbo-text-color:        #2D2D2D;
  --vbo-body-text-color:   #2D2D2D;
}

/* ── Global font on booking page ─────────────────────────────── */
.vbo-booking-page-wrap {
  font-family: 'Source Sans 3', sans-serif;
}
.vbo-booking-page-wrap *:not([class*='fa-']):not(.fa) {
  font-family: 'Source Sans 3', sans-serif;
}

/* ── Intro headline ──────────────────────────────────────────── */
.vbo-booking-details-intro {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #3c540b !important;
  margin-bottom: 16px !important;
}

/* ── Status badge (Booking Confirmed / Pending / Cancelled) ──── */
.vbo-booking-details-head {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  border-radius: 4px !important;
  padding: 8px 20px !important;
}
.vbo-booking-details-head-confirmed {
  background: #3c540b !important;
  color: #ffffff !important;
}
.vbo-booking-details-head-pending {
  background: #cc9a04 !important;
  color: #ffffff !important;
}
.vbo-booking-details-head-cancelled {
  background: #b91c1c !important;
  color: #ffffff !important;
}

/* ── Info cards (Booking Details, Personal Details, Actions) ─── */
.vbo-booking-details-bookinfo {
  background-color: #f5f5f0 !important;
  border: 1px solid #c8d7a0 !important;
  border-radius: 8px !important;
}
.vbo-booking-details-bookinfo-lbl,
.vbo-bookingdet-userdetail-lbl {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #589719 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
.vbo-booking-details-bookinfo-val {
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #2D2D2D !important;
}

/* ── Preferred-color action buttons ─────────────────────────── */
.vbo-pref-color-btn,
a.vbo-pref-color-btn,
.btn.vbo-pref-color-btn,
.vbo-booking-details-actions .btn {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background-color: #3c540b !important;
  border-color: #3c540b !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  padding: 10px 18px !important;
  text-transform: none !important;
}
.vbo-pref-color-btn:hover,
a.vbo-pref-color-btn:hover,
.btn.vbo-pref-color-btn:hover {
  background-color: #589719 !important;
  border-color: #589719 !important;
  color: #ffffff !important;
}

/* ── Room detail card ────────────────────────────────────────── */
.vbo-booking-details-udets {
  background-color: #ffffff !important;
  border: 1px solid #c8d7a0 !important;
  border-radius: 8px !important;
}
.vbo-booking-details-udets .vbo-booking-details-bookinfo-lbl {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #589719 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* ── Costs / total section ───────────────────────────────────── */
.vbo-booking-costs-list {
  background-color: #f5f5f0 !important;
  border: 1px solid #c8d7a0 !important;
  border-radius: 8px !important;
}
.vbo-booking-cost-lbl {
  font-family: 'Space Grotesk', sans-serif !important;
  color: #555 !important;
  font-size: 14px !important;
}
.vbo-booking-cost-val-number {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #2D2D2D !important;
}
.vbo-booking-cost-detail-total .vbo-booking-cost-lbl {
  color: #3c540b !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}
.vbo-booking-cost-detail-total .vbo-booking-cost-val-number {
  color: #3c540b !important;
  font-size: 20px !important;
}

/* ── Print icon ──────────────────────────────────────────────── */
.vbo-booking-print-lnk a,
.vbo-booking-print-lnk i {
  color: #589719 !important;
}

/* ── Cancellation section ────────────────────────────────────── */
.vbo-booking-canc-submit .btn-danger {
  font-family: 'Space Grotesk', sans-serif !important;
  border-radius: 4px !important;
}

/* ── Mid-container spacing ───────────────────────────────────── */
.vbo-booking-details-midcontainer {
  margin-top: 20px !important;
}