.page-content{
    margin-right:0% !important;
}

header.topbar {
    padding-right:0% !important;
}

.dropdown-item {
   text-align: left !important;
}


.field--name-field-backup-lens {
    display: flex;
    flex-direction: column;
    justify-content: center;
} 

.field--name-field-backup-lens .form-checkbox {
    margin-right: 5px; /* Adds spacing between the checkbox and label */
}  

.form-item-field-backup-lens-value {
    display: flex;
} 

.button-sm-hover.sidebar-hover-button {
  left: auto !important;
}

.layout-region.layout-region--commerce-secondary {
    display:none;
}
  
.logo-box .logo-light .logo-lg, .logo-box .logo-dark .logo-lg, .auth-logo a img{
  height: 32px !important;
}

/* Status Message */
.custom-status .btn-close {
  left: auto !important;
}

#views-form-orders-block-1 .delete-order-item {
    width: auto !important;
}

.placeholder {
  background-color: transparent !important;
}

/* Base style for the password strength indicator */

/* Weak password - noticeable red */
.password-strength__indicator.is-weak {
    background-color: #e63946; /* Soft but alarming red */
}

/* Fair password - warm amber/orange */
.password-strength__indicator.is-fair {
  background-color: #f4a261; /* Approachable orange */
}

/* Good password - strong teal */
.password-strength__indicator.is-good {
  background-color: #2a9d8f; /* Confident teal green */
}

/* Strong password - bold blue */
.password-strength__indicator.is-strong {
  background-color: #264653; /* Deep professional blue */
}

.profile-details .views-label {
  margin-right: 6px;
  font-size: 1.25rem;
}

.profile-details .views-label,
.profile-details .field-content {
  line-height: 1.6;
  font-size: 1.25rem;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

body.maintenance-page .logo-dark img {
  height: 50px !important;
  width: auto;
  display: block;
  margin: 0 auto;
}

.form-text {
  margin-top: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
}

.js-form-type-checkbox.form-item-field-backup-lens-value {
  margin-top: 12.125px !important;
}

html[data-bs-theme="dark"] .form-text {
  color: #ffffff !important;
}

html[data-bs-theme="light"] .form-text {
  color: #333333 !important;
}

body.path-user #edit-current-pass--description {
  display: none;
}

p.no-span::before {
  left: auto !important;
}

.form-required::after {
  content: "*";
  color: #e00;
  margin-left: 0.25em;
}

.choices__list {
  padding-left: 1rem !important;
}

input[data-drupal-selector="edit-order-items-actions-ief-add"] {
  display: none !important;
}

@media (max-width: 767.98px) {
  .mobile-button-group .btn {
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .mobile-button-group .btn:last-child {
    margin-bottom: 0;
  }
}

.comment-form h2.title {
  display: none;
}

.custom-bg {
  background-color: #dbdbdbf0 !important;
}

/* Scroll bar adjustment */

.scrollbar {
  position: relative;
  display: block;
  max-height: calc(100vh - 60px); /* Ensures container height adapts */
  overflow: hidden; /* Let SimpleBar handle scroll */
}

.simplebar-content-wrapper {
  max-height: inherit; /* Inherit from .scrollbar */
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.simplebar-content::after {
  content: '';
  display: block;
  height: 2.5rem; /* Optional padding at bottom */
}

.simplebar-scrollbar::before {
  border-radius: 10px;
  height: 50px !important;
}


/* hide ajax processing */
.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-bar {
  display: none !important;
}

/* edit order hide tabledrag */
.ief-tabledrag-handle {
  display: none !important;
}

td.field-multiple-drag {
  display: none !important;
}

/* Only target the dropdown inside this field wrapper in add to cart page */
.custom-customer-reference-wrapper .choices__list--dropdown .choices__list {
  overflow-x: auto !important;
  white-space: nowrap !important;
  max-height: 300px;
  margin: 0 !important;
  padding: 0 10px !important;
}

/* Prevent dropdown from closing on horizontal scroll */
.custom-customer-reference-wrapper .choices__list--dropdown {
  pointer-events: auto;
}

.custom-customer-reference-wrapper .choices__item--choice {
  white-space: nowrap !important;
}

.custom-customer-reference-wrapper .choices__list--dropdown .choices__list::-webkit-scrollbar {
  height: 6px;
}
.custom-customer-reference-wrapper .choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}

.custom-customer-reference-wrapper .choices__list--single .choices__item {
  width: 76% !important;
}

.custom-customer-reference-wrapper .choices[data-type*=select-one]::after {
  top: 64% !important;
}

.choices__placeholder {
  opacity: 9 !important;
}

/* Default (light theme) */
.choices__inner {
  background-color: var(--bs-secondary-bg, #ffffff) !important; /* fallback to white */
}

/* If using a body class or data attribute for dark theme */
body[data-theme="dark"] .choices__inner {
  background-color: #000000 !important;
}

/* Order details order process */
.order_process {
  margin-left:-1% !important;
}

@media only screen and (max-width: 767px){
  .order_process {
      margin-left:-3% !important;
  }
}

.choices__inner {
  min-height: 37px !important;
}

.language-dropdown .dropdown-toggle::after {
  display: none;
}
.language-dropdown iconify-icon {
  color: #333;
  cursor: pointer;
}

/* Light theme: on hover, icon turns blue */
html[data-bs-theme="light"] .language-dropdown button:hover iconify-icon {
  color: var(--bs-primary); /* Bootstrap primary (blue) */
}

/* Dark theme: on hover, icon turns white */
html[data-bs-theme="dark"] .language-dropdown button:hover iconify-icon {
   color: var(--bs-primary);
}

/* Dark theme: icon turns white */
html[data-bs-theme="dark"] .language-dropdown iconify-icon {
  color: #ffffff;
}

/* Light theme: on hover, icon turns Bootstrap primary */
html[data-bs-theme="light"] label:hover .cylinder-guide {
  color: var(--bs-primary);
}

/* Dark theme: default icon is white */
html[data-bs-theme="dark"] .cylinder-guide {
  color: #ffffff;
}

/* Dark theme: on hover, icon turns Bootstrap primary */
html[data-bs-theme="dark"] label:hover .cylinder-guide {
  color: var(--bs-primary);
}

.tooltip-inner {
  text-align: left !important;
}

#banner-message .btn-close {
  position: absolute !important;
  top: 0.5rem !important;
  right: 0.5rem !important;
  left: auto !important;
  z-index: 5;
}