/*
 * Custom Theme Colors - KaspyCorporation
 * Primary Color: #FF6F0F (Orange)
 */

:root {
    --primary: #FF6F0F;
    --primary-hover: #E66300;
    --primary-light: #FFF5EE;
}

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

.badge-primary,
.badge.badge-primary {
    background-color: #FF6F0F !important;
    color: #fff !important;
}

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

a.text-primary:hover,
a.text-primary:focus {
    color: #E66300 !important;
}

/* Primary Buttons */
.btn-primary {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #E66300 !important;
    border-color: #E66300 !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

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

.btn-flat-primary {
    background-color: rgba(255, 111, 15, 0.12) !important;
    color: #FF6F0F !important;
}

.btn-flat-primary:hover,
.btn-flat-primary:focus {
    background-color: #FF6F0F !important;
    color: #fff !important;
}

.btn-relief-primary {
    background-color: #FF6F0F !important;
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
}

/* Primary Links */
a {
    color: #FF6F0F;
}

a:hover,
a:focus {
    color: #E66300;
}

/* Forms */
.form-control:focus {
    border-color: #FF6F0F !important;
    box-shadow: 0 3px 10px 0 rgba(255, 111, 15, 0.1) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF6F0F !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF6F0F !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

/* Bootstrap 5 form-check (checkbox/radio) */
.form-check-input:checked {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

.form-check-input:focus {
    border-color: #FF6F0F !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 111, 15, 0.25) !important;
}

.form-check-input:checked[type="checkbox"] {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

.form-check-input:checked[type="radio"] {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #FF6F0F !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

.pagination .page-link:hover {
    color: #FF6F0F !important;
}

/* Navigation / Menu */
.main-menu.menu-light .navigation > li.active > a {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgba(255, 111, 15, 0.7) !important;
    color: #fff !important;
}

.main-menu.menu-light .navigation > li > a:hover {
    color: #FF6F0F !important;
}

.main-menu.menu-light .navigation li a {
    color: #6e6b7b;
}

.main-menu.menu-light .navigation > li.active > a svg,
.main-menu.menu-light .navigation > li.active > a i {
    color: #fff !important;
}

.main-menu .navbar-header .brand-text {
    color: #FF6F0F !important;
}

/* Sidebar menu active */
.vertical-menu-modern .main-menu .navigation > li.active > a {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgba(255, 111, 15, 0.7) !important;
    border-radius: 4px;
}

/* Submenu items */
.main-menu.menu-light .navigation li.has-sub > a:hover {
    color: #FF6F0F !important;
}

.main-menu.menu-light .navigation .menu-content li.active > a {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgba(255, 111, 15, 0.7) !important;
    color: #fff !important;
    border-radius: 4px;
    margin: 0 10px;
}

.main-menu.menu-light .navigation .menu-content li.active > a:hover {
    color: #fff !important;
}

.main-menu.menu-light .navigation .menu-content li.active > a svg,
.main-menu.menu-light .navigation .menu-content li.active > a i {
    color: #fff !important;
}

.main-menu.menu-light .navigation .menu-content li.active > a:hover svg,
.main-menu.menu-light .navigation .menu-content li.active > a:hover i {
    color: #fff !important;
}

.main-menu.menu-light .navigation .menu-content li > a:hover {
    color: #FF6F0F !important;
}

.main-menu.menu-light .navigation .menu-content li a {
    color: #6e6b7b;
    transition: all 0.2s ease;
}

/* Submenu active state */
.navigation .menu-content li.active a {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
    color: #fff !important;
}

.navigation .menu-content li.active a:hover {
    color: #fff !important;
}

.main-menu.menu-light .navigation > li ul .active {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgba(255, 111, 15, 0.7) !important;
    border-radius: 4px !important;
    z-index: 1;
}

.main-menu.menu-light .navigation > li ul .active a {
    color: #fff !important;
}

.main-menu.menu-light .navigation > li ul .active a:hover {
    color: #fff !important;
}

.main-menu.menu-light .navigation > li ul li.active {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgba(255, 111, 15, 0.7) !important;
    border-radius: 4px !important;
}

.main-menu.menu-light .navigation > li ul li.active a {
    color: #fff !important;
}

.main-menu.menu-light .navigation > li ul li.active a:hover {
    color: #fff !important;
}

.main-menu.menu-light .navigation > li ul li.active a:hover span,
.main-menu.menu-light .navigation > li ul li.active a span {
    color: #fff !important;
}

/* Open submenu parent */
.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
    background: rgba(255, 111, 15, 0.12) !important;
    color: #FF6F0F !important;
}

.main-menu.menu-light .navigation > li.open > a svg,
.main-menu.menu-light .navigation > li.sidebar-group-active > a svg,
.main-menu.menu-light .navigation > li.open > a i,
.main-menu.menu-light .navigation > li.sidebar-group-active > a i {
    color: #FF6F0F !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(255, 111, 15, 0.12) !important;
    color: #FF6F0F !important;
}

.alert-primary .alert-heading {
    color: #FF6F0F !important;
}

.alert-primary .alert-link {
    color: #E66300 !important;
}

/* Progress bars */
.progress-bar {
    background-color: #FF6F0F !important;
}

.progress-bar-primary {
    background-color: #FF6F0F !important;
}

/* Tabs */
.nav-tabs .nav-item .nav-link.active {
    color: #FF6F0F !important;
    border-bottom-color: #FF6F0F !important;
}

.nav-pills .nav-link.active {
    background-color: #FF6F0F !important;
}

/* Borders */
.border-primary {
    border-color: #FF6F0F !important;
}

/* Dropdowns */
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(255, 111, 15, 0.12) !important;
    color: #FF6F0F !important;
}

.dropdown-item.active {
    background-color: #FF6F0F !important;
}

/* Tables */
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: rgba(255, 111, 15, 0.12) !important;
}

/* Spinners */
.spinner-border-primary {
    border-color: #FF6F0F !important;
    border-right-color: transparent !important;
}

.spinner-grow-primary {
    background-color: #FF6F0F !important;
}

/* List group */
.list-group-item.active {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

/* Cards */
.card-primary {
    border-color: #FF6F0F !important;
}

.card-primary .card-header {
    background-color: #FF6F0F !important;
    color: #fff !important;
}

/* Modals */
.modal-primary .modal-header {
    background-color: #FF6F0F !important;
    color: #fff !important;
}

/* Toast */
.toast-primary {
    background-color: #FF6F0F !important;
}

/* Avatar badge */
.avatar .avatar-status-primary {
    background-color: #FF6F0F !important;
}

/* Timeline */
.timeline .timeline-point-primary {
    border-color: #FF6F0F !important;
}

.timeline .timeline-point-indicator.timeline-point-primary {
    background-color: #FF6F0F !important;
}

/* Feather icons primary color */
.feather-primary {
    color: #FF6F0F !important;
}

/* SVG fill */
svg.text-primary path,
svg.text-primary g {
    fill: #FF6F0F !important;
}

/* Brand logo SVG */
.brand-logo svg path.text-primary {
    fill: #FF6F0F !important;
}

/* Divider */
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
    border-color: #FF6F0F !important;
}

/* Input groups */
.input-group-text {
    background-color: rgba(255, 111, 15, 0.12);
    border-color: #FF6F0F;
    color: #FF6F0F;
}

/* Flatpickr */
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background-color: #FF6F0F !important;
    border-color: #FF6F0F !important;
}

/* Quill Editor */
.ql-snow .ql-stroke.ql-fill {
    fill: #FF6F0F !important;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke {
    stroke: #FF6F0F !important;
}

/* Shadows */
.shadow-primary {
    box-shadow: 0 0 10px 1px rgba(255, 111, 15, 0.3) !important;
}

/* Background gradients */
.bg-gradient-primary {
    background: linear-gradient(118deg, #FF6F0F, rgba(255, 111, 15, 0.7)) !important;
}

/* Ripple effect */
.ripple-primary {
    background-color: rgba(255, 111, 15, 0.3) !important;
}