.jvm-zoom-btn.jvm-zoomin,
.jvm-zoom-btn.jvm-zoomout {
  top: 10px;
  background: #d1d5db;
  color: #111827;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
}

.slick-dots {
  display: flex !important;
}

.fc-toolbar-title {
  font-size: 24px !important;
  font-weight: 600;
}

.fc-button {
  border-color: var(--primary-600) !important;
  background: #fff !important;
  color: var(--primary-600) !important;
  font-weight: 600 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 80px !important;
}

.fc-button:hover {
  background-color: var(--primary-50) !important;
}

.fc-button-active {
  color: #fff !important;
  background-color: var(--primary-600) !important;
}

.fc-button-active:hover {
  color: #fff !important;
  background-color: var(--primary-600) !important;
}

.fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: none !important;
}

.fc-toolbar-chunk {
  display: flex !important;
}

.fc .fc-button-primary:focus {
  box-shadow: none !important;
}

.fc-h-event {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-h-event .fc-event-main {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-v-event .fc-event-main {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-daygrid-day-number {
  transition: background-color 0.2s;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  border-radius: 50%;
}

.fc-daygrid-day:hover .fc-daygrid-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
  transition: background-color 0.2s;
}

.slider-progress .active {
  transition: all 0.3s linear;
}

.slick-list {
  margin: 0 -7px;
}

.slick-slide>div {
  padding: 0 10px;
}

.center-gap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.inline-grid {
  display: inline-grid;
}

.image-upload__boxInner.custom {
  display: flex;
  justify-content: center;
  align-items: center;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: unset !important;
}

/* Hide all submenus by default */
.sidebar-submenu {
  /* display: none; */
  list-style: none;
  padding-left: 20px;
  /* Adjust as needed */
}

.sidebar-menu .sidebar-submenu {
  display: block;
}

/* Optional: Add transition for smooth toggle */
.sidebar-menu .dropdown .sidebar-submenu {
  transition: max-height 0.3s linear;
  overflow: hidden;
  max-height: 0px;
}

/* .sidebar-menu .dropdown.open .sidebar-submenu {
  max-height: 1000px;
} */

.sidebar-menu li>a>i {
  margin-inline-end: 0;
}

.mr-10 {
  margin-right: 10px !important;
}

.sidebar-menu .sidebar-submenu li a {
  gap: 12px;
}

/* Active state for ALL sidebar links including top-level Dashboard */
.sidebar-menu li>.active-page {
  background-color: var(--primary-600);
  color: #fff;
}

/* Ensure the icon inside active page is also white */
.sidebar-menu li>.active-page .menu-icon,
.sidebar-menu li>.active-page i,
.sidebar-menu li>.active-page svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Specific rule for submenu items (redundant but safe to keep for specificity if needed) */
.sidebar-menu .sidebar-submenu li>.active-page {
  background-color: var(--primary-600);
  color: #fff;
}

.me-8 {
  margin-right: 8px;
}

.gap-10 {
  display: flex;
  gap: 8px;
}

.w-33 {
  width: 33.33%;
}

.overlay::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

.overlay.active::after {
  width: 100%;
}

#home-banner-add-btn:hover {
  background-color: #EEEAE5 !important;
  border-color: #EEEAE5 !important;
  color: #3A3530 !important;
}

#home-banner-add-btn:hover .icon {
  color: #3A3530 !important;
}

.catalog-add-btn:hover {
  background-color: #EEEAE5 !important;
  border-color: #EEEAE5 !important;
  color: #3A3530 !important;
}

.catalog-add-btn:hover .icon,
.catalog-add-btn:hover i,
.catalog-add-btn:hover svg {
  color: #3A3530 !important;
}

/* Orders specific dropdown color changes */
#sidebar-orders-dropdown.open>a,
#sidebar-orders-dropdown.dropdown-open>a,
#sidebar-orders-dropdown>a:focus,
#sidebar-orders-dropdown>a:active {
  background-color: #3A3530 !important;
  color: #ffffff !important;
}

#sidebar-orders-dropdown.open>a .menu-icon,
#sidebar-orders-dropdown.dropdown-open>a .menu-icon,
#sidebar-orders-dropdown>a:focus .menu-icon,
#sidebar-orders-dropdown>a:active .menu-icon {
  color: #ffffff !important;
}

#sidebar-orders-dropdown.open>a::after,
#sidebar-orders-dropdown.dropdown-open>a::after,
#sidebar-orders-dropdown>a:focus::after,
#sidebar-orders-dropdown>a:active::after {
  color: #ffffff !important;
}



/* Specific Pagination Previous/Next buttons active and hover styles */
.d-flex.justify-content-between.align-items-center.mt-3 .btn-group>.btn-outline-primary:not(:disabled),
.d-flex.align-items-center.mt-4.gap-3>.btn-primary:not(:disabled) {
  background-color: #ffffff !important;
  border: 1px solid #3A3530 !important;
  color: #3A3530 !important;
}

.d-flex.justify-content-between.align-items-center.mt-3 .btn-group>.btn-outline-primary:hover:not(:disabled),
.d-flex.align-items-center.mt-4.gap-3>.btn-primary:hover:not(:disabled),
.d-flex.justify-content-between.align-items-center.mt-3 .btn-group>.btn-outline-primary:focus:not(:disabled),
.d-flex.align-items-center.mt-4.gap-3>.btn-primary:focus:not(:disabled),
.d-flex.justify-content-between.align-items-center.mt-3 .btn-group>.btn-outline-primary:active:not(:disabled),
.d-flex.align-items-center.mt-4.gap-3>.btn-primary:active:not(:disabled) {
  background-color: #3A3530 !important;
  border-color: #3A3530 !important;
  color: #ffffff !important;
}

.fc-daygrid-day-number {
  transition: background-color 0.2s;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  border-radius: 50%;
}

.fc-daygrid-day:hover .fc-daygrid-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
  transition: background-color 0.2s;
}

.slider-progress .active {
  transition: all 0.3s linear;
}

.slick-list {
  margin: 0 -7px;
}

.slick-slide>div {
  padding: 0 10px;
}

.center-gap {
  display: flex;
  align-items: center;
  gap: 6px;
}

.inline-grid {
  display: inline-grid;
}

.image-upload__boxInner.custom {
  display: flex;
  justify-content: center;
  align-items: center;
}

table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
  text-align: unset !important;
}

/* Hide all submenus by default */
.sidebar-submenu {
  /* display: none; */
  list-style: none;
  padding-left: 20px;
  /* Adjust as needed */
}

.sidebar-menu .sidebar-submenu {
  display: block;
}

/* Optional: Add transition for smooth toggle */
.sidebar-menu .dropdown .sidebar-submenu {
  transition: max-height 0.3s linear;
  overflow: hidden;
  max-height: 0px;
}

/* .sidebar-menu .dropdown.open .sidebar-submenu {
  max-height: 1000px;
} */

.sidebar-menu li>a>i {
  margin-inline-end: 0;
}

.mr-10 {
  margin-right: 10px !important;
}

.sidebar-menu .sidebar-submenu li a {
  gap: 12px;
}

/* Active state for ALL sidebar links including top-level Dashboard */
.sidebar-menu li>.active-page {
  background-color: var(--primary-600);
  color: #fff;
}

/* Ensure the icon inside active page is also white */
.sidebar-menu li>.active-page .menu-icon,
.sidebar-menu li>.active-page i,
.sidebar-menu li>.active-page svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Specific rule for submenu items (redundant but safe to keep for specificity if needed) */
.sidebar-menu .sidebar-submenu li>.active-page {
  background-color: var(--primary-600);
  color: #fff;
}

.me-8 {
  margin-right: 8px;
}

.gap-10 {
  display: flex;
  gap: 8px;
}

.w-33 {
  width: 33.33%;
}

.overlay::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

.overlay.active::after {
  width: 100%;
}

/* Specific Pagination Previous/Next buttons - CLICKABLE / ACTIVE */
.d-flex.justify-content-between.align-items-center.mt-3 .btn-group>.btn-outline-primary:not(:disabled),
.d-flex.align-items-center.mt-4.gap-3>.btn-primary:not(:disabled) {
  background-color: #3A3530 !important;
  border-color: #3A3530 !important;
  color: #ffffff !important;
}

/* Specific Pagination Previous/Next buttons - UNACTIVE / DISABLED */
.d-flex.justify-content-between.align-items-center.mt-3 .btn-group>.btn-outline-primary:disabled,
.d-flex.align-items-center.mt-4.gap-3>.btn-primary:disabled {
  background-color: #ffffff !important;
  border: 1px solid #3A3530 !important;
  color: #3A3530 !important;
  opacity: 0.65 !important;
}

/* Global state for primary/success action buttons (prevent default red) */
.btn-primary,
.btn-success,
.btn-info {
  background-color: #3A3530 !important;
  border-color: #3A3530 !important;
  color: #ffffff !important;
  transition: all 0.3s ease;
}

.btn-primary i,
.btn-primary svg,
.btn-primary .icon,
.btn-success i,
.btn-success svg,
.btn-success .icon,
.btn-info i,
.btn-info svg,
.btn-info .icon {
  color: #ffffff !important;
}

/* Global hover state for primary/success action buttons (SWAPPED text and background) */
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-primary:focus,
.btn-success:focus,
.btn-info:focus,
.btn-primary:active,
.btn-success:active,
.btn-info:active {
  background-color: #ffffff !important;
  border-color: #3A3530 !important;
  color: #3A3530 !important;
}

.btn-primary:hover i,
.btn-primary:hover svg,
.btn-primary:hover .icon,
.btn-success:hover i,
.btn-success:hover svg,
.btn-success:hover .icon,
.btn-info:hover i,
.btn-info:hover svg,
.btn-info:hover .icon,
.btn-primary:focus i,
.btn-primary:focus svg,
.btn-primary:focus .icon,
.btn-success:focus i,
.btn-success:focus svg,
.btn-success:focus .icon,
.btn-info:focus i,
.btn-info:focus svg,
.btn-info:focus .icon,
.btn-primary:active i,
.btn-primary:active svg,
.btn-primary:active .icon,
.btn-success:active i,
.btn-success:active svg,
.btn-success:active .icon,
.btn-info:active i,
.btn-info:active svg,
.btn-info:active .icon {
  color: #3A3530 !important;
}

/* Global Checkbox Color Override to Match Theme Primary */
.form-check-input:checked {
  background-color: #3A3530 !important;
  border-color: #3A3530 !important;
}

.form-check-input:focus {
  border-color: #3A3530 !important;
  box-shadow: 0 0 0 0.25rem rgba(58, 53, 48, 0.25) !important;
}