/* SIMOVO Brand Color Override for Bootstrap Theme */
/* Apply this CSS file AFTER bootstrap.min.css to override the default colors */

:root, [data-bs-theme=light], [data-bs-theme=dark] {
    /* SIMOVO Brand Colors */
    --vz-orange: #f15839;
    --vz-primary: #f15839;
    --vz-secondary: #383637;
    --vz-light: #f0e0ca;
    --vz-dark: #383637;
    
    /* RGB Values */
    --vz-primary-rgb: 241, 88, 57;
    --vz-secondary-rgb: 56, 54, 55;
    --vz-light-rgb: 240, 224, 202;
    --vz-dark-rgb: 56, 54, 55;
    
    /* Font Settings */
    --vz-font-sans-serif: "Inter", sans-serif;
    --vz-heading-font-family: "Inter", sans-serif;
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: 0.875rem;
    --vz-body-font-weight: 500;
    
    /* Body Colors */
    --vz-body-color: #383637;
    --vz-body-color-rgb: 56, 54, 55;
    --vz-body-bg: #f0e0ca;
    --vz-body-bg-rgb: 240, 224, 202;
    
    /* Secondary Backgrounds */
    --vz-secondary-bg: #f8eee1;
    --vz-secondary-bg-rgb: 248, 238, 225;
    --vz-tertiary-bg: #fbf3e9;
    --vz-tertiary-bg-rgb: 251, 243, 233;
    
    /* Text Colors */
    --vz-heading-color: #383637;
    --vz-emphasis-color: #383637;
    --vz-emphasis-color-rgb: 56, 54, 55;
    
    /* Link Colors */
    --vz-link-color: #f15839;
    --vz-link-color-rgb: 241, 88, 57;
    --vz-link-hover-color: #f15839;
    --vz-link-hover-color-rgb: 241, 88, 57;
    
    /* Border Settings */
    --vz-border-radius: 0.375rem;
    --vz-border-radius-sm: 0.125rem;
    --vz-border-radius-lg: 0.25rem;
    
    /* Button Overrides */
    --vz-btn-border-radius: var(--vz-border-radius);
    
    /* Primary Colors */
    --vz-primary-text-emphasis: #f15839;
    --vz-primary-bg-subtle: #fde8e4;
    --vz-primary-border-subtle: #f9c1b6;
    
    /* Secondary Colors */
    --vz-secondary-text-emphasis: #383637;
    --vz-secondary-bg-subtle: #e9ebec;
    --vz-secondary-border-subtle: #878a99;
    
    /* Light Theme */
    --vz-light-text-emphasis: #383637;
    --vz-light-bg-subtle: #f8eee1;
    --vz-light-border-subtle: #e9d9c5;
    
    /* Dark Theme */
    --vz-dark-text-emphasis: #f8eee1;
    --vz-dark-bg-subtle: #373534;
    --vz-dark-border-subtle: #878a99;
    
    /* Highlight Colors */
    --vz-highlight-bg: #fde8e4;
    --vz-highlight-color: #383637;
    
    /* Header/Footer specific */
    --vz-header-bg: #f8eee1;
    --vz-header-text: #383637;
    --vz-footer-bg: #373534;
    --vz-footer-text: #f8eee1;

    --vz-vertical-menu-bg: #f8eee1 !important;
    --vz-vertical-menu-border: #e9d4b5 !important;
    --vz-vertical-menu-text: #383637 !important;
    --vz-vertical-menu-active-bg: #f15839 !important;
    --vz-vertical-menu-active-text: #f15839 !important;
    --vz-vertical-menu-hover-bg: #f8eee1 !important;
    --vz-vertical-menu-hover-text: #f15839 !important;
    
}

/* Primary Button Override */
.btn-primary {
    --vz-btn-color: #fbf3e9 !important;
    --vz-btn-bg: #f15839 !important;
    --vz-btn-border-color: #f15839 !important;
    --vz-btn-hover-color: #fbf3e9 !important;
    --vz-btn-hover-bg: #d94d30 !important;
    --vz-btn-hover-border-color: #d94d30 !important;
    --vz-btn-focus-shadow-rgb: 241, 88, 57 !important;
    --vz-btn-active-color: #fbf3e9 !important;
    --vz-btn-active-bg: #c4452a !important;
    --vz-btn-active-border-color: #c4452a !important;
}

/* Secondary Button Override */
.btn-secondary {
    --vz-btn-color: #f8eee1 !important;
    --vz-btn-bg: #383637 !important;
    --vz-btn-border-color: #383637 !important;
    --vz-btn-hover-color: #f8eee1 !important;
    --vz-btn-hover-bg: #2a2829 !important;
    --vz-btn-hover-border-color: #2a2829 !important;
    --vz-btn-focus-shadow-rgb: 56, 54, 55 !important;
    --vz-btn-active-color: #f8eee1 !important;
    --vz-btn-active-bg: #1f1e1f !important;
    --vz-btn-active-border-color: #1f1e1f !important;
}

/* Light Button Override */
.btn-light {
    --vz-btn-color: #383637 !important;
    --vz-btn-bg: #f0e0ca !important;
    --vz-btn-border-color: #f0e0ca !important;
    --vz-btn-hover-color: #383637 !important;
    --vz-btn-hover-bg: #e9d4b5 !important;
    --vz-btn-hover-border-color: #e9d4b5 !important;
    --vz-btn-focus-shadow-rgb: 240, 224, 202 !important;
}

/* Dark Button Override */
.btn-dark {
    --vz-btn-color: #f8eee1 !important;
    --vz-btn-bg: #383637 !important;
    --vz-btn-border-color: #383637 !important;
    --vz-btn-hover-color: #f8eee1 !important;
    --vz-btn-hover-bg: #2a2829 !important;
    --vz-btn-hover-border-color: #2a2829 !important;
    --vz-btn-focus-shadow-rgb: 56, 54, 55 !important;
}

/* Form Control Overrides */
.form-control,
.form-select {
    background-color: #fbf3e9;
    border-color: #e9d4b5;
    color: #383637;
}

.form-control:focus,
.form-select:focus {
    background-color: #fbf3e9;
    border-color: #f15839;
    color: #383637;
    box-shadow: 0 0 0 0.25rem rgba(241, 88, 57, 0.25);
}

/* Form Check Input */
.form-check-input:checked {
    background-color: #f15839;
    border-color: #f15839;
}

.form-check-input:focus {
    border-color: #f9c1b6;
    box-shadow: 0 0 0 0.25rem rgba(241, 88, 57, 0.25);
}

/* Card Components */
.card {
    background-color: #f8eee1;
    border-color: #e9d4b5;
}

.card-header {
    background-color: #fbf3e9;
    border-bottom-color: #e9d4b5;
}

/* Table Overrides */
.table {
    --vz-table-color: #383637;
    --vz-table-bg: transparent;
    --vz-table-border-color: #e9d4b5;
}

.table-primary {
    --vz-table-color: #383637;
    --vz-table-bg: #fde8e4;
    --vz-table-border-color: #f9c1b6;
}

.table-secondary {
    --vz-table-color: #f8eee1;
    --vz-table-bg: #383637;
    --vz-table-border-color: #2a2829;
}

.table-light {
    --vz-table-color: #383637;
    --vz-table-bg: #f0e0ca;
    --vz-table-border-color: #e9d4b5;
}

.table-dark {
    --vz-table-color: #f8eee1;
    --vz-table-bg: #383637;
    --vz-table-border-color: #2a2829;
}

/* Navbar Overrides */
.navbar {
    background-color: #f8eee1 !important;
}

.navbar-menu {
    background: var(--vz-vertical-menu-bg);
}

.navbar-menu .navbar-nav .nav-link {
    color: var(--vz-vertical-menu-text) !important;
}

.navbar-menu .navbar-nav .nav-link.active {
    color: var(--vz-vertical-menu-active-text) !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #f15839 !important;
}

/* Badge Overrides */
.badge.bg-primary {
    background-color: #f15839 !important;
}

.badge.bg-secondary {
    background-color: #383637 !important;
}

.badge.bg-light {
    background-color: #f0e0ca !important;
    color: #383637 !important;
}

.badge.bg-dark {
    background-color: #383637 !important;
}

/* Alert Overrides */
.alert-primary {
    background-color: #fde8e4;
    border-color: #f9c1b6;
    color: #383637;
}

.alert-secondary {
    background-color: #e9ebec;
    border-color: #878a99;
    color: #383637;
}

.alert-light {
    background-color: #f8eee1;
    border-color: #e9d4b5;
    color: #383637;
}

.alert-dark {
    background-color: #373534;
    border-color: #2a2829;
    color: #f8eee1;
}

/* Dropdown Menu Overrides */
.dropdown-menu {
    background-color: #fbf3e9;
    border-color: #e9d4b5;
}

.dropdown-item {
    color: #383637;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #f8eee1;
    color: #f15839;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #f15839;
    color: #fbf3e9;
}

/* Modal Overrides */
.modal-content {
    background-color: #fbf3e9;
    border-color: #e9d4b5;
}

.modal-header {
    background-color: #f8eee1;
    border-bottom-color: #e9d4b5;
}

.modal-footer {
    background-color: #f8eee1;
    border-top-color: #e9d4b5;
}

/* Breadcrumb */
.breadcrumb {
    background-color: #f8eee1;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #878a99;
}

/* Pagination */
.page-link {
    color: #f15839;
    background-color: #fbf3e9;
    border-color: #e9d4b5;
}

.page-link:hover {
    color: #d94d30;
    background-color: #f8eee1;
    border-color: #e9d4b5;
}

.page-item.active .page-link {
    background-color: #f15839;
    border-color: #f15839;
    color: #fbf3e9;
}

/* Progress Bar */
.progress {
    background-color: #f8eee1;
}

.progress-bar {
    background-color: #f15839;
}

/* List Group */
.list-group-item {
    background-color: #fbf3e9;
    border-color: #e9d4b5;
    color: #383637;
}

.list-group-item:hover {
    background-color: #f8eee1;
}

.list-group-item.active {
    background-color: #f15839;
    border-color: #f15839;
    color: #fbf3e9;
}

/* Tooltip */
.tooltip-inner {
    background-color: #383637;
    color: #f8eee1;
}

/* Popover */
.popover {
    background-color: #fbf3e9;
    border-color: #e9d4b5;
}

.popover-header {
    background-color: #f8eee1;
    border-bottom-color: #e9d4b5;
    color: #383637;
}

.popover-body {
    color: #383637;
}

/* Spinners */
.spinner-border,
.spinner-grow {
    color: #f15839;
}

/* Text Colors */
.text-primary {
    color: #f15839 !important;
}

.text-secondary {
    color: #383637 !important;
}

.text-light {
    color: #f0e0ca !important;
}

.text-dark {
    color: #383637 !important;
}

/* Background Colors */
.bg-primary {
    background-color: #f15839 !important;
}

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

.bg-light {
    background-color: #f0e0ca !important;
}

.bg-dark {
    background-color: #383637 !important;
}

/* Border Colors */
.border-primary {
    border-color: #f15839 !important;
}

.border-secondary {
    border-color: #383637 !important;
}

.border-light {
    border-color: #f0e0ca !important;
}

.border-dark {
    border-color: #383637 !important;
}

/* Additional Typography Settings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: #383637;
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    letter-spacing: -0.005em;
}

/* Link Styles */
a {
    color: #f15839;
}

a:hover {
    color: #d94d30;
}

/* Selection */
::selection {
    background-color: #f15839;
    color: #fbf3e9;
}

::-moz-selection {
    background-color: #f15839;
    color: #fbf3e9;
}

.avatar-title {
    background-color: var(--vz-dark);
}

.footer {
    background-color: var(--vz-header-bg);
}