/* HotelOne Sync Theme */

:root {
    --hotelone-primary: #15307E;
    --hotelone-secondary: #38B6FF;
    --hotelone-white: #FFFFFF;
}

/* Primary color for buttons, links, and active elements */
.btn-primary, 
.bg-primary,
.text-primary,
.link-primary,
.pagination .active span,
.pagination .active a,
.nav-pills .nav-link.active {
    background-color: var(--hotelone-primary) !important;
    border-color: var(--hotelone-primary) !important;
    color: var(--hotelone-white) !important;
}

/* Secondary color for accents and highlights */
.btn-secondary,
.bg-secondary,
.text-secondary,
.link-secondary {
    background-color: var(--hotelone-secondary) !important;
    border-color: var(--hotelone-secondary) !important;
    color: var(--hotelone-white) !important;
}

/* Links and hover states */
a, .link-primary {
    color: var(--hotelone-primary);
}

a:hover, .link-primary:hover {
    color: var(--hotelone-secondary);
}

/* Sidebar styling */
.layout .aside {
    background-color: var(--hotelone-primary);
}

.layout .aside a {
    color: var(--hotelone-white);
}

.layout .aside a:hover,
.layout .aside .active a {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Header styling */
.layout .header {
    background-color: var(--hotelone-white);
    border-bottom: 1px solid rgba(21, 48, 126, 0.1);
}

/* Footer styling */
.layout .footer {
    background-color: var(--hotelone-white);
    border-top: 1px solid rgba(21, 48, 126, 0.1);
}

/* Tab styling */
.nav-tabs .nav-link.active {
    color: var(--hotelone-primary);
    border-bottom-color: var(--hotelone-primary);
}

/* Form controls */
.form-control:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--hotelone-secondary);
    box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}

/* Custom badge colors */
.badge-primary {
    background-color: var(--hotelone-primary);
    color: var(--hotelone-white);
}

.badge-secondary {
    background-color: var(--hotelone-secondary);
    color: var(--hotelone-white);
}

/* Table headers */
.table thead th {
    background-color: rgba(21, 48, 126, 0.05);
}

/* Card headers */
.card-header {
    background-color: rgba(21, 48, 126, 0.05);
}

/* Progress bars */
.progress-bar {
    background-color: var(--hotelone-secondary);
}

/* Alert styling */
.alert-primary {
    background-color: rgba(21, 48, 126, 0.1);
    border-color: rgba(21, 48, 126, 0.2);
    color: var(--hotelone-primary);
}

.alert-secondary {
    background-color: rgba(56, 182, 255, 0.1);
    border-color: rgba(56, 182, 255, 0.2);
    color: var(--hotelone-secondary);
}

/* Toast notifications */
.toast-success {
    background-color: var(--hotelone-secondary) !important;
}

.toast-info {
    background-color: var(--hotelone-primary) !important;
}

/* Dropdown menus */
.dropdown-item.active, 
.dropdown-item:active {
    background-color: var(--hotelone-primary);
    color: var(--hotelone-white);
}

/* Button hover states */
.btn-primary:hover {
    background-color: #0e2159 !important;
    border-color: #0e2159 !important;
}

.btn-secondary:hover {
    background-color: #2a9fe0 !important;
    border-color: #2a9fe0 !important;
}

/* Custom scrollbar */
::-webkit-scrollbar-thumb {
    background-color: var(--hotelone-secondary);
}

::-webkit-scrollbar-track {
    background-color: rgba(21, 48, 126, 0.05);
}

/* Focus outline */
*:focus {
    outline-color: var(--hotelone-secondary) !important;
}