/* Syncfusion Mondi Theme Overrides */
/* Applies Mondi brand colors to Syncfusion Bootstrap5 theme components */

:root {
  /* Bootstrap 5 Theme Variables - Mondi Brand Colors */
  /* These override the default Syncfusion Bootstrap 5 theme colors */
  
  /* Primary Color - Mondi Orange */
  --bs-primary: #EC6607;
  --bs-primary-rgb: 236, 102, 7;
  --bs-primary-text-emphasis: #EC6607;
  --bs-primary-bg-subtle: rgba(236, 102, 7, 0.1);
  --bs-primary-border-subtle: rgba(236, 102, 7, 0.2);
  
  /* Secondary Color - Mondi Gray */
  --bs-secondary: #AEA79F;
  --bs-secondary-rgb: 174, 167, 159;
  --bs-secondary-text-emphasis: #AEA79F;
  --bs-secondary-bg-subtle: rgba(174, 167, 159, 0.1);
  --bs-secondary-border-subtle: rgba(174, 167, 159, 0.2);
  
  /* Success Color - Mondi Green */
  --bs-success: #7BC5AD;
  --bs-success-rgb: 123, 197, 173;
  --bs-success-text-emphasis: #7BC5AD;
  --bs-success-bg-subtle: rgba(123, 197, 173, 0.1);
  --bs-success-border-subtle: rgba(123, 197, 173, 0.2);
  
  /* Info Color - Mondi Blue */
  --bs-info: #0061AF;
  --bs-info-rgb: 0, 97, 175;
  --bs-info-text-emphasis: #0061AF;
  --bs-info-bg-subtle: rgba(0, 97, 175, 0.1);
  --bs-info-border-subtle: rgba(0, 97, 175, 0.2);
  
  /* Warning Color - Mondi Yellow */
  --bs-warning: #FFC800;
  --bs-warning-rgb: 255, 200, 0;
  --bs-warning-text-emphasis: #FFC800;
  --bs-warning-bg-subtle: rgba(255, 200, 0, 0.1);
  --bs-warning-border-subtle: rgba(255, 200, 0, 0.2);
  
  /* Danger Color - Red */
  --bs-danger: #FF0000;
  --bs-danger-rgb: 255, 0, 0;
  --bs-danger-text-emphasis: #FF0000;
  --bs-danger-bg-subtle: rgba(255, 0, 0, 0.1);
  --bs-danger-border-subtle: rgba(255, 0, 0, 0.2);
}

/* Syncfusion Component Specific Overrides */

/* Buttons */
.e-btn.e-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

.e-btn.e-primary:hover,
.e-btn.e-primary:focus {
  background-color: #d45506 !important;
  border-color: #d45506 !important;
  box-shadow: 0 4px 8px rgba(236, 102, 7, 0.3) !important;
}

.e-btn.e-primary:active {
  background-color: #b8480a !important;
  border-color: #b8480a !important;
}

.e-btn.e-outline.e-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: transparent !important;
}

.e-btn.e-outline.e-primary:hover,
.e-btn.e-outline.e-primary:focus {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

/* Secondary Buttons */
.e-btn.e-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: white !important;
}

.e-btn.e-secondary:hover,
.e-btn.e-secondary:focus {
  background-color: #9a948b !important;
  border-color: #9a948b !important;
}

/* Success Buttons */
.e-btn.e-success {
  background-color: var(--bs-success) !important;
  border-color: var(--bs-success) !important;
  color: white !important;
}

.e-btn.e-success:hover,
.e-btn.e-success:focus {
  background-color: #6ab199 !important;
  border-color: #6ab199 !important;
}

/* Input Controls */
.e-input-group .e-input:focus,
.e-input-group.e-control-wrapper .e-input:focus,
.e-input-group .e-input:not(.e-disabled):focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.2rem rgba(236, 102, 7, 0.25) !important;
}

.e-input-group.e-input-focus,
.e-input-group.e-control-wrapper.e-input-focus {
  border-color: var(--bs-primary) !important;
}

/* Dropdown Controls */
.e-dropdownlist.e-input-focus .e-input-group,
.e-dropdownlist.e-input-focus .e-input-group.e-control-wrapper,
.e-combobox.e-input-focus .e-input-group,
.e-combobox.e-input-focus .e-input-group.e-control-wrapper {
  border-color: var(--bs-primary) !important;
}

/* Calendar and DatePicker */
.e-calendar .e-content .e-selected span.e-day,
.e-calendar .e-content .e-focused-date.e-selected span.e-day {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-calendar .e-content .e-today span.e-day {
  color: var(--bs-primary) !important;
  font-weight: bold !important;
}

.e-datepicker.e-input-focus .e-input-group,
.e-datepicker.e-input-focus .e-input-group.e-control-wrapper {
  border-color: var(--bs-primary) !important;
}

/* NumericTextBox */
.e-numerictextbox.e-input-focus .e-input-group,
.e-numerictextbox.e-input-focus .e-input-group.e-control-wrapper {
  border-color: var(--bs-primary) !important;
}

/* TextBox */
.e-textbox.e-input-focus,
.e-textbox.e-input-focus .e-input-group {
  border-color: var(--bs-primary) !important;
}

/* Checkbox */
.e-checkbox-wrapper .e-checkbox:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.e-checkbox-wrapper .e-checkbox:checked + .e-label::before {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.e-checkbox-wrapper:hover .e-checkbox:not(.e-disabled) + .e-label::before {
  border-color: var(--bs-primary) !important;
}

/* Radio Button */
.e-radio-wrapper .e-radio:checked + .e-label::before {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.e-radio-wrapper .e-radio:checked + .e-label::after {
  background-color: var(--bs-primary) !important;
}

/* Switch */
.e-switch-wrapper .e-switch-inner.e-switch-active {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* Progress Bar */
.e-progressbar .e-progress {
  background-color: var(--bs-primary) !important;
}

/* Tab */
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
  color: var(--bs-primary) !important;
}

.e-tab .e-tab-header .e-indicator {
  background-color: var(--bs-primary) !important;
}

/* Accordion */
.e-accordion .e-acrdn-item.e-selected .e-acrdn-header {
  background-color: rgba(236, 102, 7, 0.1) !important;
  color: var(--bs-primary) !important;
}

/* Menu - Conservative styling */
.e-menu-wrapper .e-menu .e-menu-item.e-selected,
.e-menu-wrapper .e-menu .e-menu-item:hover {
  background-color: rgba(174, 167, 159, 0.1) !important;
  color: var(--bs-dark) !important;
}

/* Grid */
.e-grid .e-gridheader .e-headercell.e-filterbarcell .e-filterbar .e-input-group.e-input-focus {
  border-color: var(--bs-primary) !important;
}

.e-grid .e-pager .e-currentitem {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

.e-grid .e-pager .e-numericitem:hover {
  background-color: rgba(236, 102, 7, 0.1) !important;
  color: var(--bs-primary) !important;
}

/* RichTextEditor */
.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-item:hover .e-tbar-btn {
  background-color: rgba(236, 102, 7, 0.1) !important;
  color: var(--bs-primary) !important;
}

/* Dialog */
.e-dialog .e-dlg-header {
  background-color: rgba(236, 102, 7, 0.05) !important;
  border-bottom: 1px solid rgba(236, 102, 7, 0.1) !important;
}

.e-dialog .e-footer-content .e-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* Toast */
.e-toast.e-toast-success {
  background-color: var(--bs-success) !important;
}

.e-toast.e-toast-info {
  background-color: var(--bs-info) !important;
}

.e-toast.e-toast-warning {
  background-color: var(--bs-warning) !important;
  color: #333 !important;
}

.e-toast.e-toast-danger {
  background-color: var(--bs-danger) !important;
}

/* Toolbar */
.e-toolbar .e-toolbar-item.e-active .e-tbar-btn {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-toolbar .e-toolbar-item:hover .e-tbar-btn {
  background-color: rgba(236, 102, 7, 0.1) !important;
  color: var(--bs-primary) !important;
}

/* Slider */
.e-slider-container .e-slider .e-handle {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.e-slider-container .e-slider .e-range {
  background-color: var(--bs-primary) !important;
}

/* Spinner */
.e-spinner-pane .e-spinner-inner .e-spin-material {
  border-color: rgba(236, 102, 7, 0.2) !important;
  border-top-color: var(--bs-primary) !important;
}

/* Upload */
.e-upload .e-upload-actions .e-file-select-wrap .e-btn.e-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* TreeView */
.e-treeview .e-list-item.e-active {
  background-color: rgba(236, 102, 7, 0.1) !important;
  color: var(--bs-primary) !important;
}

.e-treeview .e-list-item:hover {
  background-color: rgba(236, 102, 7, 0.05) !important;
}

/* ListView */
.e-listview .e-list-item.e-active {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-listview .e-list-item:hover {
  background-color: rgba(236, 102, 7, 0.1) !important;
}

/* Sidebar */
.e-sidebar {
  border-right: 1px solid rgba(174, 167, 159, 0.2) !important;
}

/* Card */
.e-card .e-card-header {
  background-color: rgba(236, 102, 7, 0.05) !important;
  border-bottom: 1px solid rgba(236, 102, 7, 0.1) !important;
}

/* Splitter */
.e-splitter .e-split-bar .e-resize-handler:hover {
  background-color: var(--bs-primary) !important;
}

/* Avatar */
.e-avatar.e-avatar-circle {
  background-color: var(--bs-primary) !important;
}

/* Badge */
.e-badge.e-badge-primary {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-badge.e-badge-secondary {
  background-color: var(--bs-secondary) !important;
  color: white !important;
}

.e-badge.e-badge-success {
  background-color: var(--bs-success) !important;
  color: white !important;
}

/* Chip */
.e-chip.e-primary {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-chip.e-primary .e-chip-delete {
  color: white !important;
}

/* Floating Action Button */
.e-fab.e-primary {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

.e-fab.e-primary:hover {
  background-color: #d45506 !important;
  box-shadow: 0 6px 12px rgba(236, 102, 7, 0.4) !important;
}

/* Speed Dial */
.e-speeddial.e-primary {
  background-color: var(--bs-primary) !important;
  color: white !important;
}

/* Rating */
.e-rating .e-rating-item.e-rated {
  color: var(--bs-warning) !important;
}

/* Message */
.e-message.e-success {
  background-color: rgba(123, 197, 173, 0.1) !important;
  border-color: var(--bs-success) !important;
  color: #4a8063 !important;
}

.e-message.e-info {
  background-color: rgba(0, 97, 175, 0.1) !important;
  border-color: var(--bs-info) !important;
  color: #004080 !important;
}

.e-message.e-warning {
  background-color: rgba(255, 200, 0, 0.1) !important;
  border-color: var(--bs-warning) !important;
  color: #cc9900 !important;
}

.e-message.e-error {
  background-color: rgba(255, 0, 0, 0.1) !important;
  border-color: var(--bs-danger) !important;
  color: #cc0000 !important;
}

/* Apply Rounded Corners to Syncfusion Components */
.e-btn,
.e-input-group,
.e-dropdownlist,
.e-combobox,
.e-datepicker,
.e-numerictextbox,
.e-textbox,
.e-card,
.e-dialog,
.e-toast,
.e-message,
.e-chip,
.e-badge,
.e-fab {
  border-radius: 1.5rem !important;
}

.e-btn-sm {
  border-radius: 1rem !important;
}

.e-btn-lg {
  border-radius: 2rem !important;
}

/* Override any Syncfusion specific border radius */
.e-input-group input,
.e-input-group textarea,
.e-input-group select {
  border-radius: inherit !important;
}

/* Ensure proper styling for form controls */
.e-control-wrapper.e-input-group,
.e-control-wrapper .e-input-group {
  border-radius: 1.5rem !important;
}

/* Make sure icons and fonts inherit Mondi font family */
.e-control,
.e-btn,
.e-input,
.e-label {
  font-family: "MADEEvolveSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}