/* Theme Colours */

/* :root {
  --cui-primary: #652562 !important;
  --cui-primary-rgb: 101, 37, 98 !important;

  --cui-primary-bg-subtle: #d68fd2 !important;
  --cui-primary-border-subtle: 
} */

.wrapper {
  width: 100%;
  padding-left: var(--cui-sidebar-occupy-start, 0);
  padding-right: var(--cui-sidebar-occupy-end, 0);
  will-change: auto;
  transition: padding 0.15s;
}

@media (prefers-reduced-motion: reduce) {
  .wrapper {
    transition: none;
  }
}

#header,
.sidebar-header {
  min-height: calc(4rem + 1px);
}

.sidebar i.nav-icon {
  min-width: 25px;
}

#breadcrumb {
  min-height: 3rem;
}

.btn-success {
  color: #fff;
}

table .field-number {
  text-align: right;
}

.filter-group .filter-open {
  display: inline-block;
}

.filter-group .filter-closed {
  display: none;
}

.filter-group.collapsed .filter-open {
  display: none;
}

.filter-group.collapsed .filter-closed {
  display: inline-block;
}

#selectedFilters:not(#selectedFilters:has(span)) {
  display: none;
}

.markdown-panel table {
  border-spacing: 2px;
}

.markdown-panel td,
.markdown-panel th {
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px;
}

.markdown-panel img {
  max-width: 56rem;
  width: 95%;
}

.dragover {
  border: 2px dashed #28a745;
  /* Brighter border */
  background-color: rgba(40, 167, 69, 0.1);
  /* Subtle green background */
  color: #28a745;
  /* Match text color */
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

#basket-link {
  animation-duration: 0.5s;
  animation-iteration-count: 4;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-iteration-count: 4;
}

@keyframes blink {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes blink {

  0%,
  50%,
  100% {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.fancybox__container {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999 !important;
}

.fancybox__backdrop {
  position: fixed !important;
  top: 0;
  left: 0;
}

.product-card {
  width: 18rem;
}

.mini-product-card {
  width: 12rem;
}

input.add-quantity {
  width: 4rem;
}

.fade-text {
  transition: opacity 0.3s ease;
}

.fade-text.hidden {
  opacity: 0;
}


/* Keep the carousel viewport truly square and centered */
/* #itemCarousel .carousel-inner,
#itemCarousel .carousel-item {
  width: 28rem;
  height: 28rem;
} */




/* #itemCarousel .carousel-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
} */



/* Thumbnails below */
.thumb-strip {
  overflow-x: auto;
  /* scroll if many thumbs */
  padding-bottom: .25rem;
  padding-top: .25rem;
  mask-image: linear-gradient(90deg, #000 90%, transparent);
}

.thumb-btn {
  /* reset default button look */
  background: none;
}

.thumb-img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  display: block;
  cursor: pointer;
  border: 1px solid var(--bs-border-color);
}

.thumb-btn.active {
  outline: 2px solid var(--cui-gray-900) !important;
  outline-offset: 2px !important;
  border-color: var(--cui-gray-900) !important;
}

#global-search {
  width: 36rem;
  max-width: 100%;
}

/* .input-group > .form-control:focus {
  border: var(--cui-border-width) solid var(--cui-border-color) !important;
  box-shadow: none !important;
}
*/
table.dataTable tbody tr.selected>* {
  box-shadow: inset 0 0 0 9999px rgb(221.6, 221.2, 246.8) !important;
  color: #000 !important;
}