.image-input-placeholder {
    background-image: url('/admin/assets/media/svg/avatars/blank.svg') !important;
}

[data-bs-theme="dark"] .image-input-placeholder {

    background-image: url('/admin/assets/media/svg/avatars/blank-dark.svg')
}

.custom-datatable tbody tr:hover {
    cursor: pointer;
    transition: 0.3s;
}

[data-bs-theme="light"] .custom-datatable tbody tr:hover {
    background-color: #a4c6ef !important;
    color: #323941 !important;
}

[data-bs-theme="dark"] .custom-datatable tbody tr:hover {
    background-color: #2d4a6e !important;
    color: #e0e8f0 !important;
}

body {
    text-transform: capitalize
}


@font-face {
    font-family: 'Cairo';
    src: url('/admin/assets/plugins/global/fonts/Cairo/Cairo-VariableFont_slnt,wght.ttf') format('truetype');
    font-weight: 100 900; /* Range of weights */
    font-style: normal;
}


/* =====================================================
   DARK MODE OVERRIDES
   ===================================================== */

/* --- DateRangePicker --- */
[data-bs-theme="dark"] .daterangepicker {
    background-color: #1e2129;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .daterangepicker:before {
    border-bottom-color: #363843;
}

[data-bs-theme="dark"] .daterangepicker:after {
    border-bottom-color: #1e2129;
}

[data-bs-theme="dark"] .daterangepicker.drop-up:before {
    border-top-color: #363843;
}

[data-bs-theme="dark"] .daterangepicker.drop-up:after {
    border-top-color: #1e2129;
}

[data-bs-theme="dark"] .daterangepicker .calendar-table {
    background-color: #1e2129;
    border-color: #363843;
}

[data-bs-theme="dark"] .daterangepicker .calendar-table th,
[data-bs-theme="dark"] .daterangepicker .calendar-table td {
    color: #b5b5c3;
}

[data-bs-theme="dark"] .daterangepicker td.available:hover,
[data-bs-theme="dark"] .daterangepicker th.available:hover {
    background-color: #2d3142;
    color: #e0e0e0;
}

[data-bs-theme="dark"] .daterangepicker td.off,
[data-bs-theme="dark"] .daterangepicker td.off.in-range,
[data-bs-theme="dark"] .daterangepicker td.off.start-date,
[data-bs-theme="dark"] .daterangepicker td.off.end-date {
    background-color: #1e2129;
    color: #555;
}

[data-bs-theme="dark"] .daterangepicker td.in-range {
    background-color: #1b3a5c;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .daterangepicker td.active,
[data-bs-theme="dark"] .daterangepicker td.active:hover {
    background-color: #1b84ff;
    color: #fff;
}

[data-bs-theme="dark"] .daterangepicker td.week,
[data-bs-theme="dark"] .daterangepicker th.week {
    color: #555;
}

[data-bs-theme="dark"] .daterangepicker .drp-buttons {
    border-top-color: #363843;
}

[data-bs-theme="dark"] .daterangepicker select.monthselect,
[data-bs-theme="dark"] .daterangepicker select.yearselect,
[data-bs-theme="dark"] .daterangepicker select.hourselect,
[data-bs-theme="dark"] .daterangepicker select.minuteselect,
[data-bs-theme="dark"] .daterangepicker select.secondselect,
[data-bs-theme="dark"] .daterangepicker select.ampmselect {
    background-color: #2d3142;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .daterangepicker .ranges li {
    color: #b5b5c3;
}

[data-bs-theme="dark"] .daterangepicker .ranges li:hover {
    background-color: #2d3142;
}

[data-bs-theme="dark"] .daterangepicker .ranges li.active {
    background-color: #1b84ff;
    color: #fff;
}

[data-bs-theme="dark"] .daterangepicker .calendar-table .next span,
[data-bs-theme="dark"] .daterangepicker .calendar-table .prev span {
    border-color: #b5b5c3;
}

/* --- Select2 Dropdown --- */
[data-bs-theme="dark"] .select2-dropdown {
    background-color: #1e2129;
    border-color: #363843;
}

[data-bs-theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: #2d3142;
    border-color: #363843;
    color: #b5b5c3;
    outline: none;
}

[data-bs-theme="dark"] .select2-results__option {
    color: #b5b5c3;
    background-color: #1e2129;
}

[data-bs-theme="dark"] .select2-results__option--highlighted,
[data-bs-theme="dark"] .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #1b84ff !important;
    color: #fff !important;
}

[data-bs-theme="dark"] .select2-results__option[aria-selected="true"],
[data-bs-theme="dark"] .select2-results__option--selected {
    background-color: #1b3a5c;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .select2-container--bootstrap5 .select2-selection {
    background-color: #1e2129;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #b5b5c3;
}

[data-bs-theme="dark"] .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
    color: #555;
}

[data-bs-theme="dark"] .select2-container--bootstrap5.select2-container--focus .select2-selection,
[data-bs-theme="dark"] .select2-container--bootstrap5.select2-container--open .select2-selection {
    border-color: #1b84ff;
}

[data-bs-theme="dark"] .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice {
    background-color: #2d3142;
    border-color: #363843;
    color: #b5b5c3;
}

/* --- Bootstrap FileInput --- */
[data-bs-theme="dark"] .file-input .file-preview {
    background-color: #1e2129;
    border-color: #363843;
}

[data-bs-theme="dark"] .file-input .file-preview .file-thumbnail-footer {
    background-color: #2d3142;
}

[data-bs-theme="dark"] .file-input .file-drop-zone {
    background-color: #252b39;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .file-input .file-drop-zone .file-drop-zone-title {
    color: #b5b5c3;
}

[data-bs-theme="dark"] .btn-file {
    background-color: #2d3142;
    border-color: #363843;
    color: #b5b5c3;
}

/* --- Table striped & bordered --- */
[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.03);
    color: #b5b5c3;
}

[data-bs-theme="dark"] .table-bordered > :not(caption) > * {
    border-color: #363843;
}

/* --- DataTables wrapper in dark mode --- */
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_filter input,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_length select {
    background-color: #1e2129;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #b5b5c3 !important;
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #2d3142 !important;
    border-color: #363843 !important;
    color: #e0e0e0 !important;
}

[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-bs-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #1b84ff !important;
    border-color: #1b84ff !important;
    color: #fff !important;
}

/* --- List group tabs (sidebar nav) --- */
[data-bs-theme="dark"] .list-group-item {
    background-color: #1e2129;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .list-group-item-action:hover,
[data-bs-theme="dark"] .list-group-item-action:focus {
    background-color: #2d3142;
    color: #e0e0e0;
}

[data-bs-theme="dark"] .list-group-item.active,
[data-bs-theme="dark"] .list-group-item-action.active {
    background-color: #1b84ff;
    border-color: #1b84ff;
    color: #fff;
}

/* --- Cards --- */
[data-bs-theme="dark"] .card {
    background-color: #1e2129;
    border-color: #363843;
}

[data-bs-theme="dark"] .card-flush {
    background-color: #1e2129;
}

/* --- Nav tabs (language switcher & nav-line-tabs) --- */
[data-bs-theme="dark"] .nav-tabs,
[data-bs-theme="dark"] .nav-line-tabs,
[data-bs-theme="dark"] .nav-line-tabs-2x {
    background-color: transparent;
    border-bottom-color: #363843;
}

[data-bs-theme="dark"] .nav-tabs .nav-link,
[data-bs-theme="dark"] .nav-line-tabs .nav-link,
[data-bs-theme="dark"] .nav-line-tabs-2x .nav-link {
    color: #b5b5c3;
    background-color: transparent;
    border-color: transparent;
}

[data-bs-theme="dark"] .nav-tabs .nav-link:hover,
[data-bs-theme="dark"] .nav-line-tabs .nav-link:hover,
[data-bs-theme="dark"] .nav-line-tabs-2x .nav-link:hover {
    color: #e0e0e0;
    border-color: transparent;
    background-color: transparent;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active,
[data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link,
[data-bs-theme="dark"] .nav-line-tabs .nav-link.active,
[data-bs-theme="dark"] .nav-line-tabs-2x .nav-link.active {
    color: #1b84ff;
    border-bottom-color: #1b84ff;
    background-color: transparent;
}

/* Metronic nav-line-tabs active underline */
[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link.active,
[data-bs-theme="dark"] .nav-line-tabs .nav-item.show .nav-link,
[data-bs-theme="dark"] .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    background-color: transparent !important;
}

/* Tab content panes */
[data-bs-theme="dark"] .tab-content {
    background-color: transparent;
}

/* --- Form controls (inputs, selects, textareas) --- */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #1e2129;
    border-color: #363843;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #1e2129;
    border-color: #1b84ff;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #555;
}

[data-bs-theme="dark"] .form-control-solid {
    background-color: #252b39 !important;
    border-color: #363843 !important;
    color: #b5b5c3 !important;
}

[data-bs-theme="dark"] .form-control-solid:focus {
    background-color: #252b39 !important;
    border-color: #1b84ff !important;
}

/* --- HR divider --- */
[data-bs-theme="dark"] hr {
    border-color: #363843;
}

/* --- DataTables copy popup (dt-button-info) --- */
[data-bs-theme="dark"] .dt-button-info {
    background-color: #1e2129;
    border-color: #363843;
    color: #b5b5c3;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .dt-button-info h2 {
    background-color: #252b39;
    border-bottom-color: #363843;
    color: #e0e0e0;
}

[data-bs-theme="dark"] .dt-button-info > div {
    color: #b5b5c3;
}

/* --- Plain table (codes tab, order show) --- */
[data-bs-theme="dark"] .table {
    color: #b5b5c3;
    border-color: #363843;
}

[data-bs-theme="dark"] .table > :not(caption) > * > * {
    background-color: #1e2129;
    color: #b5b5c3;
    border-color: #363843;
}

[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(even) > * {
    background-color: #252b39;
    color: #b5b5c3;
}

[data-bs-theme="dark"] .table thead th {
    background-color: #252b39;
    color: #9899ac;
    border-color: #363843;
}

[data-bs-theme="dark"] .table-row-bordered tr {
    border-bottom-color: #363843;
}

/* ===== CKEditor 5 dark mode ===== */
[data-bs-theme="dark"] {
    --ck-color-base-foreground: #1e1e2d;
    --ck-color-base-background: #1e1e2d;
    --ck-color-base-border: #363843;
    --ck-color-base-action: #3699ff;
    --ck-color-base-focus: #3699ff;
    --ck-color-base-text: #cdcdde;
    --ck-color-base-active: #3699ff;
    --ck-color-base-active-focus: #1086ff;
    --ck-color-base-error: #f64e60;

    --ck-color-focus-border: #3699ff;
    --ck-color-focus-outer-shadow: rgba(54, 153, 255, 0.25);
    --ck-color-shadow-drop: rgba(0, 0, 0, 0.4);
    --ck-color-shadow-inner: rgba(0, 0, 0, 0.1);

    --ck-color-button-default-background: transparent;
    --ck-color-button-default-hover-background: #2b2b40;
    --ck-color-button-default-active-background: #2b2b40;
    --ck-color-button-default-disabled-background: transparent;

    --ck-color-button-on-background: #2b2b40;
    --ck-color-button-on-hover-background: #323248;
    --ck-color-button-on-active-background: #323248;
    --ck-color-button-on-disabled-background: #2b2b40;
    --ck-color-button-on-color: #cdcdde;

    --ck-color-button-action-background: #3699ff;
    --ck-color-button-action-hover-background: #1086ff;
    --ck-color-button-action-active-background: #0073e9;
    --ck-color-button-action-disabled-background: #2b2b40;
    --ck-color-button-action-text: #ffffff;

    --ck-color-button-save: #50cd89;
    --ck-color-button-cancel: #f64e60;

    --ck-color-switch-button-off-background: #565674;
    --ck-color-switch-button-off-hover-background: #6c6c8a;
    --ck-color-switch-button-on-background: #3699ff;
    --ck-color-switch-button-on-hover-background: #1086ff;
    --ck-color-switch-button-inner-background: #cdcdde;
    --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, 0.1);

    --ck-color-dropdown-panel-background: #1e1e2d;
    --ck-color-dropdown-panel-border: #363843;

    --ck-color-input-background: #1b1b29;
    --ck-color-input-border: #363843;
    --ck-color-input-text: #cdcdde;
    --ck-color-input-disabled-background: #2b2b40;
    --ck-color-input-disabled-border: #363843;
    --ck-color-input-disabled-text: #6c6c8a;

    --ck-color-list-background: #1e1e2d;
    --ck-color-list-button-hover-background: #2b2b40;
    --ck-color-list-button-on-background: #3699ff;
    --ck-color-list-button-on-background-focus: #1086ff;
    --ck-color-list-button-on-text: #ffffff;

    --ck-color-panel-background: #1e1e2d;
    --ck-color-panel-border: #363843;

    --ck-color-toolbar-background: #1b1b29;
    --ck-color-toolbar-border: #363843;

    --ck-color-tooltip-background: #2b2b40;
    --ck-color-tooltip-text: #cdcdde;

    --ck-color-engine-placeholder-text: #6c6c8a;

    --ck-color-upload-bar-background: #3699ff;

    --ck-color-link-default: #3699ff;
    --ck-color-link-selected-background: rgba(54, 153, 255, 0.15);
    --ck-color-link-fake-selection: rgba(54, 153, 255, 0.3);

    --ck-color-highlight-background: #fffacd;

    --ck-custom-background: #1b1b29;
    --ck-custom-foreground: #1e1e2d;
    --ck-custom-border: #363843;
    --ck-custom-white: #cdcdde;
}

[data-bs-theme="dark"] .ck.ck-editor__main > .ck-editor__editable {
    background-color: #1b1b29 !important;
    color: #cdcdde !important;
    border-color: #363843 !important;
}

[data-bs-theme="dark"] .ck.ck-editor__main > .ck-editor__editable.ck-focused {
    border-color: #3699ff !important;
    box-shadow: none !important;
}

[data-bs-theme="dark"] .ck.ck-editor,
[data-bs-theme="dark"] .ck.ck-reset_all,
[data-bs-theme="dark"] .ck.ck-reset {
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-toolbar {
    background: #1b1b29 !important;
    border-color: #363843 !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-toolbar .ck-toolbar__items {
    background: transparent !important;
}

[data-bs-theme="dark"] .ck.ck-button,
[data-bs-theme="dark"] a.ck.ck-button {
    background: transparent !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-button:not(.ck-disabled):hover,
[data-bs-theme="dark"] a.ck.ck-button:not(.ck-disabled):hover {
    background: #2b2b40 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .ck.ck-button.ck-on,
[data-bs-theme="dark"] a.ck.ck-button.ck-on {
    background: #2b2b40 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .ck.ck-dropdown__panel,
[data-bs-theme="dark"] .ck.ck-balloon-panel {
    background: #1e1e2d !important;
    border-color: #363843 !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-input,
[data-bs-theme="dark"] .ck.ck-input-text {
    background: #1b1b29 !important;
    border-color: #363843 !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-list {
    background: #1e1e2d !important;
}

[data-bs-theme="dark"] .ck.ck-list__item .ck-button {
    background: transparent !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
    background: #2b2b40 !important;
    color: #ffffff !important;
}

[data-bs-theme="dark"] .ck.ck-tooltip .ck-tooltip__text {
    background: #2b2b40 !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-content {
    background-color: #1b1b29 !important;
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-content h1,
[data-bs-theme="dark"] .ck.ck-content h2,
[data-bs-theme="dark"] .ck.ck-content h3,
[data-bs-theme="dark"] .ck.ck-content h4,
[data-bs-theme="dark"] .ck.ck-content h5,
[data-bs-theme="dark"] .ck.ck-content h6,
[data-bs-theme="dark"] .ck.ck-content p,
[data-bs-theme="dark"] .ck.ck-content li,
[data-bs-theme="dark"] .ck.ck-content span {
    color: #cdcdde !important;
}

[data-bs-theme="dark"] .ck.ck-content blockquote {
    border-left-color: #363843;
    color: #9899ac;
}

[data-bs-theme="dark"] .ck.ck-content code {
    background-color: #2b2b40;
    color: #f1416c;
}

[data-bs-theme="dark"] .ck.ck-content a {
    color: #3699ff;
}

[data-bs-theme="dark"] .ck.ck-toolbar .ck.ck-toolbar__separator {
    background: #363843;
}

[data-bs-theme="dark"] .ck.ck-button .ck-button__label,
[data-bs-theme="dark"] .ck.ck-list__item .ck-button .ck-button__label {
    color: #cdcdde;
}

[data-bs-theme="dark"] .ck.ck-button.ck-on .ck-button__label,
[data-bs-theme="dark"] .ck.ck-list__item .ck-button.ck-on .ck-button__label {
    color: #ffffff;
}

[data-bs-theme="dark"] .ck.ck-button.ck-disabled .ck-button__label {
    color: #6c6c8a;
}

[data-bs-theme="dark"] .ck.ck-icon,
[data-bs-theme="dark"] .ck.ck-button .ck-icon {
    color: #cdcdde;
}

[data-bs-theme="dark"] .ck.ck-button.ck-on .ck-icon {
    color: #ffffff;
}

[data-bs-theme="dark"] .ck.ck-button.ck-disabled .ck-icon {
    color: #6c6c8a;
}

[data-bs-theme="dark"] .ck.ck-input {
    background-color: #1b1b29;
    border-color: #363843;
    color: #cdcdde;
}

[data-bs-theme="dark"] .ck.ck-labeled-field-view .ck.ck-label {
    background: #1e1e2d;
    color: #9899ac;
}

[data-bs-theme="dark"] .ck.ck-balloon-panel {
    background: #1e1e2d;
    border-color: #363843;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .ck.ck-list {
    background: #1e1e2d;
}

[data-bs-theme="dark"] .ck.ck-list__item .ck-button {
    color: #cdcdde;
}

[data-bs-theme="dark"] .ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
    background: #2b2b40;
}

[data-bs-theme="dark"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action,
[data-bs-theme="dark"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow,
[data-bs-theme="dark"] .ck.ck-splitbutton:hover > .ck-splitbutton__action,
[data-bs-theme="dark"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow {
    background: #2b2b40;
}