/* 
====================================================
CDMB Colour Palette (CMYK)
====================================================
Primary: #24356f, #246ea6
Secondary: #b8d1dc, #8bd2ec, #d5b98c, #faac76
====================================================
*/

:root {
    --cdmb-primary-dark: #24356f;
    --cdmb-primary-light: #246ea6;
    --cdmb-secondary-blue-light: #b8d1dc;
    --cdmb-secondary-blue: #8bd2ec;
    --cdmb-secondary-gold: #d5b98c;
    --cdmb-secondary-orange: #faac76;
}

/* Gradient Buttons */
.gradient-button,
.btn-primary {
    background: linear-gradient(135deg, #24356f 0%, #246ea6 50%, #246ea6 100%) !important;
}

/* Text Colors */
#modalAreaNameHeader,
.modal-title,
h5,
.font-weight-bold {
    color: #24356f !important;
}

/* Accent Colors */
.modal-capacity,
.modal-add-person,
.status-badge {
    background: rgba(139, 210, 236, 0.1) !important;
    border-color: rgba(139, 210, 236, 0.3) !important;
    color: #24356f !important;
}

/* Price Display */
.price-display,
.total-price-value {
    color: #24356f !important;
}

.price-display span {
    color: #8bd2ec !important;
}

/* Icons */
.bi-calendar-event,
.bi-clock,
.bi-geo-alt-fill {
    color: #8bd2ec !important;
}

/* Badges & Tags */
.detail-tag i {
    color: #24356f !important;
}

/* Inclusion Items */
.inclusion-item {
    color: #24356f !important;
    border-left-color: #8bd2ec !important;
}

.inclusion-item::before {
    color: #8bd2ec !important;
    background: rgba(139, 210, 236, 0.1) !important;
}

.inclusion-item:hover {
    box-shadow: 0 4px 12px rgba(139, 210, 236, 0.2) !important;
}

/* Inclusions Grid Background */
.inclusions-grid {
    background: rgba(36, 53, 111, 0.03) !important;
}

/* Modal Price Action Row */
.modal-price-action-row {
    background: rgba(36, 53, 111, 0.1) !important;
    border-color: rgba(36, 53, 111, 0.2) !important;
    color: #24356f !important;
}

/* Close Button */
.close {
    background: linear-gradient(135deg, #24356f 0%, #246ea6 100%) !important;
}

/* Nav Tabs Active */
.nav-tabs .nav-link.active {
    color: #24356f !important;
}

.nav-tabs .nav-link.active::after {
    background: linear-gradient(135deg, #24356f 0%, #246ea6 100%) !important;
}

/* Stepper Buttons */
.stepper-btn {
    background: #24356f !important;
}

/* Plan Your Visit Section */
.plan-visit-section {
    background: linear-gradient(135deg, #24356f 0%, #246ea6 50%, #246ea6 100%) !important;
}

/* Step Numbers with Glassmorphism */
.step-number {
    background: rgba(139, 210, 236, 0.1) !important;
    border-color: #8bd2ec !important;
    color: #8bd2ec !important;
}

/* Divider */
.divider-master-book {
    background: #8bd2ec !important;
}

/* Accent Text */
.accent-text {
    color: #8bd2ec !important;
}

/* Form Labels */
.form-label {
    color: #24356f !important;
}

/* Links & Hover States */
a:hover {
    color: #246ea6 !important;
}

/* Button Hover Effects */
.gradient-button:hover,
.btn-primary:hover {
    box-shadow: 0 8px 20px rgba(36, 53, 111, 0.3) !important;
}

/* Secondary Colors for Highlights */
.highlight-gold {
    color: #d5b98c !important;
}

.highlight-orange {
    color: #faac76 !important;
}

/* Background Variants */
.bg-primary-dark {
    background-color: #24356f !important;
}

.bg-primary-light {
    background-color: #246ea6 !important;
}

.bg-secondary-blue {
    background-color: #8bd2ec !important;
}

.bg-secondary-gold {
    background-color: #d5b98c !important;
}