/* ===== Theme Customizer Generated CSS ===== */
:root {
    --primary-color: #e6f7ff;
    --secondary-color: #e6f7ff;
    --accent-color: #8b9ab6;
    --text-color: #000000;
    --background-color: #ffffff;
    --footer-color: #1b263b;
    --header-text-color: #030303;
    --button-text-color: #000000;
    --nav-link-color: #000000;
    --nav-link-hover-color: #0262de;
    --slot-button-color: #e6f7ff;
    --slot-button-hover-color: #a9bdc6;
    --slot-button-text-color: #000000;
    --slot-button-selected-color: #addbf0;
    --payment-summary-bg: #f8f5f0;
    --payment-summary-border: #4a2f8a;
    --payment-summary-text: #2d2a24;
    --review-header-color: #000000;
    --time-slot-interval: 15;
    --buffer-time: 15;
    --font-family: 'Outfit', sans-serif;
}

body {
    font-family: var(--font-family);
    background: var(--background-color) !important;
    color: var(--text-color);
}

.navbar-custom {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
}
.navbar-custom .navbar-brand {
    color: var(--header-text-color) !important;
}
.navbar-custom .nav-link {
    color: var(--nav-link-color) !important;
}
.navbar-custom .nav-link:hover {
    color: var(--nav-link-hover-color) !important;
}

.btn-primary,
.btn-primary:visited {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    border: none;
    color: var(--button-text-color) !important;
}
.btn-primary:hover {
    box-shadow: 0 8px 25px #e6f7ff55 !important;
    color: var(--button-text-color) !important;
}

.btn-success,
.btn-success:visited {
    background: var(--accent-color) !important;
    border: none;
    color: var(--button-text-color) !important;
}
.btn-success:hover {
    box-shadow: 0 8px 25px #8b9ab655 !important;
    color: var(--button-text-color) !important;
}

.card-header.bg-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
}
.review-header {
    color: var(--review-header-color) !important;
}
.card-header h4,
.card-header .h4,
.card-header .mb-0 {
    color: var(--review-header-color) !important;
}

.slot-btn {
    border-color: var(--slot-button-color) !important;
    color: var(--slot-button-text-color) !important;
    background: var(--slot-button-color) !important;
}
.slot-btn:hover:not(:disabled) {
    background: var(--slot-button-hover-color) !important;
    border-color: var(--slot-button-hover-color) !important;
    color: var(--slot-button-text-color) !important;
}
.slot-btn.selected {
    background: var(--slot-button-selected-color) !important;
    border-color: var(--slot-button-selected-color) !important;
    color: var(--slot-button-text-color) !important;
}

.booking-summary {
    background: var(--payment-summary-bg) !important;
    border-left-color: var(--payment-summary-border) !important;
    color: var(--payment-summary-text) !important;
}
.booking-summary * {
    color: var(--payment-summary-text) !important;
}
.booking-summary p,
.booking-summary strong,
.booking-summary h5,
.booking-summary h6,
.booking-summary .h5,
.booking-summary .h6,
.booking-summary .small,
.booking-summary .mb-0 {
    color: var(--payment-summary-text) !important;
}

.category-card:hover {
    border-color: var(--primary-color) !important;
}

.footer-custom {
    background: var(--footer-color) !important;
    color: rgba(255,255,255,0.8) !important;
}
.footer-custom a {
    color: rgba(255,255,255,0.7) !important;
}
.footer-custom a:hover {
    color: #ffffff !important;
}