/* GuestlyHub Brand Colors */
:root {
    --gh-primary: #ff6b6b;
    --gh-primary-dark: #ee5a6f;
    --gh-primary-light: #ffb3b3;
    --gh-secondary: #c44569;
    --gh-accent: #ffd6a5;
}

/* Primary color overrides */
.bg-gradient-primary,
div.bg-gradient-primary,
.header.bg-gradient-primary {
    background: linear-gradient(135deg, var(--gh-primary) 0%, var(--gh-primary-dark) 100%) !important;
    background-color: var(--gh-primary) !important;
}

.btn-primary {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--gh-primary-dark) !important;
    border-color: var(--gh-primary-dark) !important;
}

/* Outline primary buttons */
.btn-outline-primary {
    color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
    color: #fff !important;
}

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

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

/* Navigation tenant switcher gradient */
.px-3.py-3.bg-gradient-primary {
    background: linear-gradient(135deg, var(--gh-primary) 0%, var(--gh-primary-dark) 100%) !important;
}

/* Default gradient - change from dark blue to coral */
.bg-gradient-default {
    background: linear-gradient(87deg, var(--gh-primary) 0%, var(--gh-primary-dark) 100%) !important;
}

/* Default background - change from dark blue to light gray */
.bg-default {
    background-color: #f7f8fc !important;
}

/* SVG fill default - light gray to match body */
.fill-default {
    fill: #f7f8fc !important;
}

/* Links and interactive elements */
a:hover {
    color: var(--gh-primary);
}

.nav-link.active,
.nav-link:hover {
    color: var(--gh-primary) !important;
}

/* Input focus states - ensure coral color on all inputs */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: rgba(255, 107, 107, .25) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 107, .25) !important;
}

.input-group-alternative .form-control:focus {
    box-shadow: none !important;
    border-color: rgba(255, 107, 107, .25) !important;
}

/* Global search input - better readability */
#globalSearchInput {
    color: #32325d !important;
    background-color: #fff !important;
}

#globalSearchInput:focus {
    color: #32325d !important;
    background-color: #fff !important;
}

#globalSearchInput::placeholder {
    color: #8898aa !important;
    opacity: 1;
}

/* Input group alternative - coral focus border */
.input-group-alternative:focus-within {
    box-shadow: 0 4px 6px rgba(255, 107, 107, .11), 0 1px 3px rgba(255, 107, 107, .18) !important;
    border: 1px solid rgba(255, 107, 107, .5) !important;
}

.navbar-search .input-group-alternative {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 0.375rem;
}

.navbar-search .input-group-text {
    background-color: transparent !important;
    border: none !important;
    color: #8898aa !important;
}

/* Info buttons and badges - change from blue to coral */
.btn-info {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
    color: #fff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: var(--gh-primary-dark) !important;
    border-color: var(--gh-primary-dark) !important;
    color: #fff !important;
}

.btn-outline-info {
    color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
    color: #fff !important;
}

.badge-info {
    background-color: var(--gh-primary) !important;
    color: #fff !important;
}

/* Additional badge variations */
.bg-info {
    background-color: var(--gh-primary) !important;
}

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

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

/* Alert info */
.alert-info {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary-dark) !important;
    color: #ffffff !important;
}

.alert-info i,
.alert-info span,
.alert-info strong,
.alert-info a {
    color: #ffffff !important;
}

.alert-info a {
    text-decoration: underline;
}

/* Alert warning - ensure good contrast */
.alert-warning {
    color: #856404 !important;
}

/* Alert success - ensure good contrast */
.alert-success {
    color: #155724 !important;
}

/* Alert danger - ensure good contrast */
.alert-danger {
    color: #721c24 !important;
}

/* Dropdown button variations */
.btn-info.dropdown-toggle {
    background-color: var(--gh-primary) !important;
    border-color: var(--gh-primary) !important;
}

.btn-info.dropdown-toggle:hover {
    background-color: var(--gh-primary-dark) !important;
    border-color: var(--gh-primary-dark) !important;
}

/* Dropdown menu item styling - ensure visibility */
.dropdown-menu .dropdown-item,
.dropdown-menu a.dropdown-item {
    color: #32325d !important;
    font-weight: 500;
}

.dropdown-menu .dropdown-item:hover,
.dropdown-menu a.dropdown-item:hover {
    background-color: #f6f9fc !important;
    color: #32325d !important;
}

.dropdown-menu .dropdown-item.text-danger,
.dropdown-menu a.dropdown-item.text-danger {
    color: #f5365c !important;
}

.dropdown-menu .dropdown-item.text-danger:hover,
.dropdown-menu a.dropdown-item.text-danger:hover {
    background-color: #fef5f5 !important;
    color: #f5365c !important;
}

.dropdown-menu .dropdown-item i,
.dropdown-menu a.dropdown-item i {
    color: inherit !important;
    width: 1.25rem;
    text-align: center;
}

@media (max-width: 768px) {
    .legal {
        display: none;
    }
}

.legal {
    font-size: 12px;
}