/* ========================================
   MERCHANT BRANDING STYLES
   Uses CSS Custom Properties for dynamic branding
   ======================================== */

:root {
  /* Default branding colors (fallback) */
  --brand-primary-color: #0d6efd;
  --brand-secondary-color: #6c757d;
  --brand-primary-hover: #0b5ed7;
  --brand-secondary-hover: #5c636a;
}

/* Brand color utilities */
.brand-primary {
  color: var(--brand-primary-color) !important;
}

.brand-bg-primary {
  background-color: var(--brand-primary-color) !important;
}

.brand-border-primary {
  border-color: var(--brand-primary-color) !important;
}

.brand-secondary {
  color: var(--brand-secondary-color) !important;
}

.brand-bg-secondary {
  background-color: var(--brand-secondary-color) !important;
}

.text-brand-primary {
  color: var(--brand-primary-color) !important;
}

.bg-brand-primary {
  background-color: var(--brand-primary-color) !important;
}

.border-brand-primary {
  border-color: var(--brand-primary-color) !important;
}

/* Brand button styles */
.btn-brand-primary {
  background-color: var(--brand-primary-color);
  border-color: var(--brand-primary-color);
  color: white;
}

.btn-brand-primary:hover,
.btn-brand-primary:focus {
  background-color: var(--brand-primary-hover);
  border-color: var(--brand-primary-hover);
  color: white;
}

.btn-brand-primary:active {
  background-color: var(--brand-primary-hover);
  border-color: var(--brand-primary-hover);
}

/* Booking-specific classes (backward compatibility) */
.btn-booking-primary {
  background-color: var(--brand-primary-color);
  border-color: var(--brand-primary-color);
  color: white;
}

.btn-booking-primary:hover,
.btn-booking-primary:focus {
  background-color: var(--brand-primary-hover);
  border-color: var(--brand-primary-hover);
  color: white;
}

.text-booking-primary {
  color: var(--brand-primary-color) !important;
}

.bg-booking-primary {
  background-color: var(--brand-primary-color) !important;
}

.border-booking-primary {
  border-color: var(--brand-primary-color) !important;
}

