.logobox {
	margin-bottom: 40px;
}
.alpha91 {
  font-family: 'Banchrift', sans-serif;
  font-size: 32px;
  font-weight: bold;
  position: relative;
  color: #CF5C36;
}

.tm {
  font-size: 12px;
  vertical-align: top;
  margin-left: 3px;
  position: relative;
  top: 4px;
}

.alpha91-small {
  font-family: 'Banchrift', sans-serif;
  font-size: 19px;
  font-weight: bold;
  position: relative;
  color: #CF5C36;
  padding-left: 23px;
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #323a4f;
}
.inputpass-code {
  height: 50px;
}
.marketing {
  font-size: 20px;
}
.font-18 {
  font-size: 16px;
}
.bg-grey-1 {
  background: #e8e8e8;
}
#qrcode {
  background: #fff;
  border:2px solid #fff;
}

#product .ck-editor__editable_inline {
  min-height: 200px;
}
.uploadbtn {
  margin-top: -10px;
}
@keyframes pulseGreen {
  0%   { background-color: #d4edda; }
  50%  { background-color: #c3e6cb; }
  100% { background-color: #d4edda; }
}

@keyframes pulseRed {
  0%   { background-color: #f8d7da; }
  50%  { background-color: #f5c6cb; }
  100% { background-color: #f8d7da; }
}

.pulse-save-success {
  animation: pulseGreen 1s ease-in-out;
}

.pulse-save-fail {
  animation: pulseRed 1s ease-in-out;
}
#privacy h2 {
  color: #CF5C36;
}
a {
  color: #CF5C36;
  text-decoration: none;
}

a:hover {
  color: #CF5C36;
  text-decoration: underline;
}

body {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.color-preview {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
html[data-bs-theme='light'] #domainSettingsForm textarea,
html[data-bs-theme='light'] #domainSettingsForm input { 
  color: #000 !important;
}
@media (max-width: 576px) {
  .content {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

#domainSettingsForm input:focus,
#domainSettingsForm textarea:focus,
#domainSettingsForm select:focus {
  border-color: #CF5C36 !important;
  box-shadow: 0 0 0 0.25rem rgba(207, 92, 54, 0.25) !important;
}
.bg-grey {
  background: #f5f5f5;
}
.bcr2 {
  border-left: 4px solid #493275;
}
.card {
  border-radius: 12px!important;
}
.card-footer {
  border-bottom-left-radius: 12px!important;
  border-bottom-right-radius: 12px!important;
}
.rounded {
  border-radius: 12px;
}
.bg-light-2 {
  background: #f5f5f5;
}
#spfValue {
  padding: 11px;
}
#dmarcValue {
  padding: 11px;
}
.card {
  color: #333;
}
.card-header {
  font-weight: normal;
  color: #000;
  font-size: 1.5em;
  border-top-left-radius: 12px!important;
  border-top-right-radius: 12px!important;
  text-transform: capitalize;
}
.form-label {
  color: #000;
}
.form-control {
  color: #333!important;
  padding: 8px;
  border-radius: 0.3rem;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Hover: orange glow */
.form-control:hover {
  box-shadow: 0 2px 8px rgba(207, 92, 54, 0.25); /* #CF5C36 */
  border-color: #CF5C36;
}

/* Focus: orange border and glow */
.form-control:focus {
  border-color: #CF5C36;
  outline: none;
  box-shadow: 0 0 0 4px rgba(207, 92, 54, 0.2);
}

/* Active: deeper orange glow */
.form-control:active {
  border-color: #CF5C36;
  box-shadow: 0 0 0 4px rgba(207, 92, 54, 0.3);
}
.form-select {
  padding: 8px;
  border-radius: 0.5rem;
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* Hover: orange glow */
.form-select:hover {
  box-shadow: 0 2px 8px rgba(207, 92, 54, 0.25); /* #CF5C36 */
  border-color: #CF5C36;
}

/* Focus: orange border and glow */
.form-select:focus {
  border-color: #CF5C36;
  outline: none;
  box-shadow: 0 0 0 4px rgba(207, 92, 54, 0.2);
}

/* Active: deeper orange glow */
.form-select:active {
  border-color: #CF5C36;
  box-shadow: 0 0 0 4px rgba(207, 92, 54, 0.3);
}
#ai-desc-full .card-header {
  border-bottom: 1px solid #ccc;
}
#ai-desc-full .form-switch {
  margin: 0px!important;
  padding-left: 0px!important;
}
.form-check-input:disabled + .form-check-label,
.form-check-label:has(+ .form-check-input:disabled) {
  opacity: 0.6;
  cursor: not-allowed;
}

#ai-disclaimer-block .card-header {
  border-bottom: 1px solid #ccc;
}

#ai-disclaimer-block .form-switch {
  margin: 0px!important;
  padding-left: 0px!important;
}
/* Reduce padding, match preview */
.dataTables_wrapper .form-control {
  border-radius: 0.375rem;
  padding: 0.3rem 0.75rem;
}

.dataTables_wrapper .table {
  margin-bottom: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.25rem 0.5rem;
  margin: 0 2px;
  border-radius: 0.25rem;
}
.barcode2fa {
  width: 180px;
}
.twofa-digit {
  width: 45px;
  height: 40px;
  border: 1px solid #333;
  box-shadow: none!important;
  font-size: 24px;
}
a {
  text-decoration: none!important;
}
#orderItemsTable th {
  color: #fff;
  font-weight: normal;
}
#orderItemsTable thead {
  font-weight: normal;
  background: #493275!important;
}
#orderItemsTable td {
  color: #000;
  font-weight: normal;
  background: #EFF2F6;
}
#orderTotalTable th {
  font-weight: normal;
  color: #000!important;
}

table.table:not(.default) {
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

table.table:not(.default) thead {
  background-color: #493275 !important;
  color: #fff !important;
  border-bottom: 2px solid #493275;
}

table.table:not(.default) thead th {
  border: none !important;
  padding: 1rem;
  font-size: 0.8rem;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: normal !important;
  white-space: nowrap;
}

table.table:not(.default) tbody td {
  padding: 0.9rem;
  vertical-align: middle;
  border-top: 1px solid #f1f1f1;
  font-size: 0.8rem;
  color: #374151;
}

table.table:not(.default) tbody tr:hover {
  background-color: #f5f7fa;
}

table.table:not(.default) + .dataTables_info,
table.table:not(.default) + .dataTables_paginate {
  padding: 1rem;
  font-size: 0.85rem;
  color: #6b7280;
}


.dataTables_wrapper .dataTables_filter input {
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  padding: 0.8rem 0.75rem;
  font-size: 0.875rem;
}

.dataTables_wrapper .dataTables_length select {
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
  background: transparent;
  color: #4b5563 !important;
  margin: 0 2px;
  border-radius: 0.375rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #3b82f6 !important;
  color: #fff !important;
  font-weight: bold;
}
.fade-transition {
  transition: opacity 0.4s ease;
}

.fade-out {
  opacity: 0;
}

.fade-in {
  opacity: 1;
}
#addCourierModal input, select, textarea {
  color: #000!important;
}
.item-name-autocomplete {
  white-space: normal;
  word-break: break-word;
}
.stock-available-label {
  white-space: nowrap;
  min-width: 40px;
  text-align: left;
}
#orderItemsTable .form-control {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0;
  padding: 2px;
  border-bottom: 1px solid #333;
  word-break: break-word;
  white-space: normal;
  height: auto;
  background-color: transparent;
}
.rounded-0 {
  border-radius: 0px!important;
}
iframe {
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.rounded-lg {
  border-radius: 12px;
}
.text-purple {
  color: #493275;
}
.purpleheader {
  background: #493275;
  color: #ffffff;
}
.purpleheader th {
  color: #fff!important;
  font-weight: normal!important;
}
.text-muted {
  color: #CF4D3F!important;
}
body {
  background: linear-gradient(to bottom, #f8f9fb 0%, #e9edf3 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

.progress-card.done {
  background: linear-gradient(to right, #bbf7d0, #86efac);
  border: 1px solid #34d399;
  color: #1e293b;
}

.progress-card.done .card-title {

  font-size: 1rem;
  color: #0f172a;
}

.progress-card.done .card-text {
  color: #1e293b;
}

.progress-card.done .text-muted {
  color: #334155 !important;
}

.progress-card i {
  font-size: 1.2rem;
  vertical-align: middle;
}

.progress-card.pending {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  color: #334155;
}

.progress-card.pending .card-title {
  font-weight: 500;
  color: #475569;
}

.progress-card.pending .text-muted {
  color: #94a3b8 !important;
}
.badge-bordered {
  background: #bd3a3a;
  color: #fff;
}
.devmodebox {
  font-size: 13px;
  background: #FAEDDB;
  padding:10px;
  border-radius: 8px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.badge {
  font-size: 11px;
  padding: 0.4em 0.65em;
  border-radius: 8px;
  text-transform: uppercase;
  border: 1px solid transparent;
}

.bg-danger-subtle.text-danger {
  border-color: #fca5a5;
  background-color: #fee2e2 !important;
  color: #b91c1c !important;
}

.bg-info-subtle.text-info {
  border-color: #7dd3fc;
  background-color: #e0f2fe !important;
  color: #0284c7 !important;
}

.bg-primary-subtle.text-primary {
  border-color: #c7d2fe;
  background-color: #eef2ff !important;
  color: #4338ca !important;
}

.bg-success-subtle.text-success {
  border-color: #86efac;
  background-color: #dcfce7 !important;
  color: #15803d !important;
}

#gradientPreview {
  height: 150px;
  background: linear-gradient(to right, #009999 0%, #006699 100%);
  margin-bottom: 1rem;
}
.direction-btn {
  width: 60px;
  height: 60px;
  border: 2px solid transparent;
  margin: 5px;
  background-size: cover;
  cursor: pointer;
}
.direction-btn.selected {
  border-color: black;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #e6e6e6;
  border-radius: 5px;
  outline: none;
  padding: 0;
  margin: 0;
}

/* Track filled portion */
input[type=range]::-webkit-slider-runnable-track {
  height: 8px;
  background: linear-gradient(to right, #009999 0%, #006699 100%);
  border-radius: 5px;
}


/* Track (Firefox) */
input[type=range]::-moz-range-track {
  height: 8px;
  background: linear-gradient(to right, #009999 0%, #006699 100%);
  border-radius: 5px;
}

.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.buynow {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 5px #CF5C36;
  }
  50% {
    box-shadow: 0 0 10px #CF5C36;
  }
  100% {
    box-shadow: 0 0 5px #CF5C36;
  }
}

.pulse-glow {
  background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(234,234,234,1) 48%,rgba(244,244,244,1) 59%,rgba(229,229,229,1) 100%);
  max-width: 500px;
  animation: pulseGlow 2s infinite ease-in-out;
}
.card-icon-list li::before {
  content: "✔️";
  margin-right: 0.5rem;
  color: #493275;
}
@keyframes rocketFloat {
  0%   { transform: translateY(0px) rotate(-1deg); }
  50%  { transform: translateY(-8px) rotate(1deg); }
  100% { transform: translateY(0px) rotate(-1deg); }
}

#rocket {
  margin-top: 40px;
  position: absolute;
  animation: rocketFloat 2.5s ease-in-out infinite;
  transform-origin: bottom center;
}
#rocket img {
  width: 150px;
}
.launchheader {
  background: #493275;
  color: #ffffff;
  font-family: "Matangi", sans-serif;
  font-size: 16px;
}
.buy {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px!important;
}
.offer {
  padding-top: 20px;
  padding-left: 30px;
}
#promo .card-footer {
  background: #F5F5F5;
  border-top:2px solid #ccc!important;
}
.unpaid {
  background: #F5F5F5;
  border:1px solid #777;
  pointer-events:none;
}
.unpaid:hover {
  background: #F5F5F5;
  pointer-events:none;
  border:1px solid #F5F5F5;
}
.unpaid:focus {
  border-color: #F5F5F5;
  outline: none;
  pointer-events:none;
}

.unpaid:active {
  border-color: #F5F5F5;
  box-shadow: none;
  pointer-events:none;
}
.alert-locked {
  border: 2px dashed #ccc;
}
.alert-success {
  background: #E7FFEC;
  border: 1px solid #008027;
  color: #008027;
  padding: 10px;
}
.alert-danger {
  background: #F8D7DA;
  border: 1px solid #84202B;
  color: #84202B;
  padding: 10px;
}
.alert-warning {
  background: #FFF5E7;
  border: 1px solid #B26000;
  color: #B26000;
  padding: 10px;
}
.shadow-2 {
  border:1px dashed #ccc;
  border-radius: 7px!important;
  padding: 20px;
  font-size: 15px;
  color: #000;
}
.scanbox {
  padding: 30px;
  background: #F5F5F5;
  border-radius: 12px;
}
#qrcode {
  background: #F5F5F5!important;
  border:0px!important;
}
.rounded-sm {
  border-radius: 10px;
}
.cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.btn-primary {
  border-radius: 5px;
  background: #493275;
  border: 1px solid #493275;
}
.btn-primary:hover {
  background: #4b3870;
  border: 1px solid #493275;
}
.domainerror {
  background: #ffd9d9!important;
  color: #cc1f1f!important;
  border: 1px solid red!important;
}
.box {
  padding: 10px;
  background: #F5F5F5;
  border-radius: 12px;
  margin-bottom: 20px;
  border-left: 3px solid #CF5C36;
}
.payfastbox {
  padding: 10px;
  background: #f7fff8;
  border-radius: 12px;
  margin-bottom: 20px;
  border:1px solid #328c3e;
}
.ozowbox {
  padding: 10px;
  background: #f7fff8;
  border-radius: 12px;
  margin-bottom: 20px;
  border:1px solid #328c3e;
}
.successbox {
  padding: 10px;
  background: #F5F5F5;
  border-radius: 12px;
  margin-bottom: 20px;
  border-left: 3px solid #F5F5F5
}
.disabled-input {
  background-color: #e9ecef !important;
  pointer-events: none;
  opacity: 0.7;
}
.combine {
  margin-top: 7px;
}
.grey {
  background: #f2f2f2!important;
}
.not-on-special input.special-price-input {
  background-color: #f8f9fa;
  color: #999;
  pointer-events: none;
  opacity: 0.6;
}

.variant-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 1rem;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
    padding-top: 10px;
 
  }

  .variant-slider::-webkit-scrollbar {
    height: 14px;
    padding: 10px;
    background: #f0f0f0;
  }

  .variant-slider::-webkit-scrollbar-thumb {
    background: #ccc;
    padding-top: 10px!important;
    border-radius: 3px;
  }

.input-group-text {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.vdisabled {
  border-top:4px solid #ccc!important;
}
.venabled {
  border-top:4px solid #4DA638!important;
}

  .variant-card {
    min-width: 250px;
    max-width: 280px;
    flex: 0 0 auto;
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 12px;
    color: #000;
  }
  .variant-body {
    padding: 20px;
  }
  .variant-card .form-control,
  .variant-card .form-check-input {
    font-size: 13px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-radius: 8px;
  }

  .variant-card .form-check-label {
    font-size: 0.75rem;
    color: #555;
  }

  .variant-card img {
    border-radius: 12px;
    width: 100%;
    background: transparent;
  }

  .slider-prev,
  .slider-next {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 1rem;
    padding: 0;
    text-align: center;
  }
.variant-card.newly-added {
  border: 2px dashed #493374;
  box-shadow: 0 0 6px rgba(76, 154, 255, 0.2);
  background-color: #f8fbff;
}
.variant-card-footer {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.variant-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
.readonly {
  background-color: #e9ecef !important;
  pointer-events: none;
  opacity: 0.7;
}
.progress-card.refunded {
  border: 2px solid #dc3545;
  background-color: #f8d7da;
  color: #842029;
}
.video-thumb {
  width: 28px;
  height: 28px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.pulse-dot {
  width: 8px;
  height: 8px;
  background: #dc3545;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  animation: pulse 1.2s infinite;
}

.video-hint {
  position: relative;
}

@keyframes pulse {
  0% { transform: scale(0.9); opacity: 1; }
  70% { transform: scale(1.6); opacity: 0; }
  100% { transform: scale(0.9); opacity: 0; }
}


/* Group headers (property names) */
.fc-datagrid-expander + .fc-datagrid-cell-cushion {
  font-size: 15px;
  font-weight: 600;
  color: #111;
}
.fc-datagrid-cell-cushion {
  font-size: 13px;
  padding: 5px 8px;
}
.fc-timeline-events {
  gap: 0 !important;
}
.fc-event {
  border: none !important;
  border-radius: 0 !important;
}
.fc-timeline-event {
  height: 100% !important;
}
.fc-event {
  font-weight: 400!important;
  font-size: 12px!important;
  text-align: center!important;
  min-height: 30px!important;
  border-left:1px solid #ccc!important;
}
#filterBtn {
  margin-top: 5px;
}
.btn-light {
  color: #000!important;
  border:1px solid #ccc;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfcff+1,ededed+50,d7dee3+100,fafcf9+100 */
  background: linear-gradient(to bottom,  #fcfcff 1%,#ededed 50%,#d7dee3 100%,#fafcf9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}