html,
body,
#root {
  background: var(--color-bg-page);
  color: var(--color-text-primary);
}

body {
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Excel Foundation utilities — Drotly_Them Colour.xlsx */
.bg-page {
  background-color: var(--color-bg-page) !important;
}

.bg-subtle {
  background-color: var(--color-bg-subtle) !important;
}

.bg-surface {
  background-color: var(--color-bg-surface) !important;
}

.bg-elevated {
  background-color: var(--color-bg-elevated) !important;
}

.bg-light-dark {
  background: var(--color-bg-subtle) !important;
}

a {
  color: var(--color-text-link);
}

a:hover,
a:focus {
  color: var(--color-text-link-hover);
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .list-group-item,
[data-theme="dark"] .popover,
[data-theme="dark"] .search-result-card,
[data-theme="dark"] .customer-review-profile_block,
[data-theme="dark"] .product-sideBar-parent,
[data-theme="dark"] .product-listing-sideBar,
[data-theme="dark"] .product-listing-sideBar-colum,
[data-theme="dark"] .sideBar-category,
[data-theme="dark"] .content_tabmulti_First {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .custom-select,
[data-theme="dark"] .react-datepicker-wrapper input,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .form-control::placeholder,
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] input:-webkit-autofill,
[data-theme="dark"] input:-webkit-autofill:hover,
[data-theme="dark"] input:-webkit-autofill:focus,
[data-theme="dark"] input:-webkit-autofill:active,
[data-theme="dark"] textarea:-webkit-autofill,
[data-theme="dark"] select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--color-bg-surface) inset !important;
  box-shadow: 0 0 0 30px var(--color-bg-surface) inset !important;
  -webkit-text-fill-color: var(--color-text-primary) !important;
  caret-color: var(--color-text-primary) !important;
}

[data-theme="dark"] .table,
[data-theme="dark"] table {
  color: var(--color-text-primary);
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
  border-color: var(--color-border-default);
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: var(--color-bg-surface-alt);
}

[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-body {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .text-muted {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .product-sideBar-parent .MuiAccordion-root,
[data-theme="dark"] .product-sideBar-parent .MuiAccordionSummary-root,
[data-theme="dark"] .product-sideBar-parent .MuiAccordionDetails-root,
[data-theme="dark"] .product-sideBar-parent .MuiPaper-root {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .product-sideBar-parent .MuiTypography-root,
[data-theme="dark"] .product-sideBar-parent .MuiSvgIcon-root,
[data-theme="dark"] .product-sideBar-parent .toggle-category,
[data-theme="dark"] .product-sideBar-parent .sideBar-category li a,
[data-theme="dark"] .product-sideBar-parent .toggletab-bx li a {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .product-sideBar-parent .toggletab-bx,
[data-theme="dark"] .product-sideBar-parent .nav-tabs {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .product-sideBar-parent .product-listing-sideBar-colum.other-option.otheropt_newcls {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

[data-theme="dark"] .product-sideBar-parent .product-listing-sideBar-colum.other-option.otheropt_newcls>h2 {
  background: transparent !important;
}

[data-theme="dark"] .product-sideBar-parent .toggletab-bx li a.active,
[data-theme="dark"] .learnmultipal_secns ul.toggletab-bx li a.active {
  color: var(--color-brand-primary) !important;
}

[data-theme="dark"] .content_tabmulti_First,
[data-theme="dark"] .content_tabmulti_First .multilable,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont p,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont li,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h1,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h2,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h3,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h4,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h5,
[data-theme="dark"] .content_tabmulti_First .multi_regularcont h6 {
  color: var(--color-text-primary) !important;
}

.theme-text-muted {
  color: var(--color-text-muted) !important;
}

.theme-refund-notice {
  background: var(--color-warning-soft);
  border: 1px solid var(--color-warning);
  color: var(--color-text-primary);
  border-radius: 6px;
}

.theme-dispute-panel {
  background: var(--color-danger-soft);
  border-left: 4px solid var(--color-danger);
  box-shadow: var(--color-shadow-xs);
}

.dispute-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: var(--color-overlay-strong) !important;
  z-index: 1060 !important;
}

.dispute-modal-content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: min(500px, 90%) !important;
  max-height: calc(100vh - 40px) !important;
  overflow: auto !important;
  padding: 25px !important;
  border-radius: 10px !important;
  transform: translate(-50%, -50%) !important;
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  outline: none !important;
}

.dispute-modal-content .modal-header {
  border-bottom: 1px solid var(--color-border-default);
}

.dispute-modal-content .modal-title,
.dispute-modal-content .form-label {
  color: var(--color-text-primary) !important;
}

.dispute-modal-content .close,
.dispute-modal-content .close i {
  color: var(--color-text-primary) !important;
  opacity: 1;
}

.dispute-modal-content .dispute-reason-input {
  min-height: 130px;
  resize: vertical;
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

.dispute-modal-content .dispute-reason-input:focus {
  border-color: var(--color-brand-primary) !important;
  box-shadow: 0 0 0 3px var(--color-brand-primary-soft) !important;
}

.return-request-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: var(--color-overlay-strong) !important;
  z-index: 1060 !important;
}

.return-request-modal {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  max-height: calc(100vh - 40px) !important;
  overflow: auto !important;
  transform: translate(-50%, -50%) !important;
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  outline: none !important;
}

.return-request-modal .modal-title,
.return-request-modal label,
.return-request-modal .control-label {
  color: var(--color-text-primary) !important;
}

.return-request-modal .shipCloseBtn {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.return-request-modal .shipCloseBtn i {
  color: var(--color-text-on-accent) !important;
}

.return-request-modal .shipCloseBtn:hover,
.return-request-modal .shipCloseBtn:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.return-request-modal .shipCloseBtn:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

.return-request-modal .btn.themeBtn,
.return-request-modal .theme-btn-info-cta {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
  border-radius: 8px !important;
  font-weight: 600;
}

.return-request-modal .btn.themeBtn:hover,
.return-request-modal .btn.themeBtn:focus,
.return-request-modal .theme-btn-info-cta:hover,
.return-request-modal .theme-btn-info-cta:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.return-request-modal .btn.themeBtn:active,
.return-request-modal .theme-btn-info-cta:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* My Orders — Shipping Details modal submit (secondary blue CTA) */
.manual-ship-modal .modal-footer .btn {
  border-radius: 8px !important;
  font-weight: 600;
}

.manual-ship-modal .modal-footer .theme-btn-info-cta {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.manual-ship-modal .modal-footer .theme-btn-info-cta:hover,
.manual-ship-modal .modal-footer .theme-btn-info-cta:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.manual-ship-modal .modal-footer .theme-btn-info-cta:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

.return-request-modal select,
.return-request-modal textarea {
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

.return-request-modal select:focus,
.return-request-modal textarea:focus {
  border-color: var(--color-brand-primary) !important;
  box-shadow: 0 0 0 3px var(--color-brand-primary-soft) !important;
}

/* Shared confirmation modals */
[data-theme="dark"] .confirmation-modal .modal-content {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  box-shadow: var(--color-shadow-md) !important;
}

[data-theme="dark"] .confirmation-modal .modal-header,
[data-theme="dark"] .confirmation-modal .modal-footer {
  background: var(--color-bg-surface-alt) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .confirmation-modal .modal-title,
[data-theme="dark"] .confirmation-modal .modal-body,
[data-theme="dark"] .confirmation-modal .modal-body p,
[data-theme="dark"] .confirmation-modal .confirmation-close,
[data-theme="dark"] .confirmation-modal .confirmation-close span {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .confirmation-modal .btn-secondary {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border: 1px solid var(--color-border-strong) !important;
}

[data-theme="dark"] .confirmation-modal .btn-secondary:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
  box-shadow: var(--color-shadow-sm) !important;
}

[data-theme="dark"] .confirmation-modal .btn-secondary:active {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .confirmation-modal .btn-primary {
  background: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-brand-primary) !important;
}

.theme-badge-secondary {
  background: var(--color-bg-disabled) !important;
  color: var(--color-text-primary) !important;
}

.theme-manual-shipping-badge,
.theme-shipping-badge--manual,
.order-status-badge.order-status-manual-shipping,
.order-header-badge.order-status-manual-shipping,
.badge.order-status-manual-shipping,
.order-card .order-shipping-action-badge--manual {
  background: var(--color-shipping-manual-bg) !important;
  color: var(--color-shipping-manual-text) !important;
  border: 1px solid var(--color-shipping-manual-border) !important;
  border-radius: 4px !important;
}

.order-card .order-shipping-action-badge--collection {
  background: var(--color-shipping-local-bg) !important;
  color: var(--color-shipping-local-text) !important;
  border: 1px solid var(--color-shipping-local-border) !important;
}

.order-card .order-shipping-action-badge--awaiting {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border: 1px solid var(--color-order-awaiting-border) !important;
}

.theme-shipping-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.theme-shipping-badge--local {
  background: var(--color-shipping-local-bg) !important;
  color: var(--color-shipping-local-text) !important;
  border: 1px solid var(--color-shipping-local-border) !important;
}

.theme-shipping-badge--online {
  background: var(--color-shipping-online-bg) !important;
  color: var(--color-shipping-online-text) !important;
  border: 1px solid var(--color-shipping-online-border) !important;
}

.theme-user-offline-dot {
  background: var(--color-bg-disabled) !important;
}

/* Theme Toggle Button */
.theme-toggle-li {
  display: flex;
  align-items: center;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1.5px solid var(--color-border-default);
  border-radius: 999px;
  background: var(--color-bg-surface);
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: var(--color-shadow-xs);
}

.theme-toggle-btn:hover {
  background: var(--color-info-soft);
  border-color: var(--color-info);
  color: var(--color-icon-hover);
  box-shadow: var(--color-shadow-sm);
  transform: translateY(-1px);
}

.theme-toggle-btn:hover i,
.theme-toggle-btn:hover svg {
  color: var(--color-icon-hover);
}

.theme-toggle-btn:active {
  transform: translateY(0);
  box-shadow: var(--color-shadow-xs);
  border-color: var(--color-info-active);
  color: var(--color-icon-active);
}

.theme-toggle-btn:active i,
.theme-toggle-btn:active svg {
  color: var(--color-icon-active);
}

.theme-toggle-btn__icon {
  display: flex;
  align-items: center;
  font-size: 14px;
  transition: transform 0.3s ease;
}

.theme-toggle-btn:hover .theme-toggle-btn__icon {
  transform: rotate(20deg);
}

.theme-toggle-btn__label {
  line-height: 1;
}

@media (max-width: 767px) {
  .top-header .theme-toggle-li.mobile_none {
    display: inline-flex !important;
    margin-left: 8px;
  }

  .top-header .theme-toggle-btn {
    width: 32px;
    height: 32px;
    justify-content: center;
    gap: 0;
    padding: 0;
  }

  .top-header .theme-toggle-btn__label,
  #floating-theme-toggle {
    display: none !important;
  }
}

/* Navbar: keep hover & dropdown same as light mode in dark mode */
[data-theme="dark"] .main-menu-bx ul li a:hover,
[data-theme="dark"] .main-menu-bx ul li.active a {
  background: var(--color-bg-page) !important;
}

[data-theme="dark"] .mainh_manudrop ul.dropdown-menu {
  background: var(--color-bg-elevated);
}

[data-theme="dark"] .mainh_manudrop ul.dropdown-menu li a {
  color: var(--color-text-primary);
}

/* My Profile activity tabs/cards */
[data-theme="dark"] .subtab_prodlist_NEW,
[data-theme="dark"] .subtab_prodlist_NEW_forpadd,
[data-theme="dark"] .subtab_secondmain,
[data-theme="dark"] .formcontdetail_inner.withbg_white,
[data-theme="dark"] .formnotification_inner.withbg_white,
[data-theme="dark"] .socialnetywiork_inner.withbg_white,
[data-theme="dark"] .withbg_white,
[data-theme="dark"] .subtab_tabcont,
[data-theme="dark"] .weekly_deals_block {
  /* background: var(--color-bg-surface) !important; */
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

.subtab_prodlist_NEW .subtab_secondmain {
  min-width: 0;
}

.subtab_prodlist_NEW .fillter_box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
  margin: 0 0 16px;
  overflow: visible;
  background: transparent !important;
}

.subtab_prodlist_NEW .fillter_box .btnx {
  flex: 0 0 auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
  white-space: nowrap;
}

@media (max-width: 1199.98px) {
  .subtab_prodlist_NEW .fillter_box {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
}

[data-theme="dark"] .subtab_prodlist_NEW .product-listing-sideBar,
[data-theme="dark"] .subtab_prodlist_NEW .sideBar-category,
[data-theme="dark"] .subtab_prodlist_NEW .MuiAccordion-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiAccordionSummary-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiAccordionDetails-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiPaper-root {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .product-listing-sideBar-title,
[data-theme="dark"] .subtab_prodlist_NEW .product-listing-sideBar-title strong,
[data-theme="dark"] .subtab_prodlist_NEW .MuiTypography-root,
[data-theme="dark"] .subtab_prodlist_NEW .MuiSvgIcon-root {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx,
[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx.nav-tabs,
[data-theme="dark"] .subtab_prodlist_NEW .toggle-bx {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx li,
[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx li a {
  background: transparent !important;
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW ul.toggletab-bx li.active a {
  color: var(--color-nav-tab-active-text) !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .btnx.btn-secondaryx.btn-inactive,
[data-theme="dark"] .subtab_prodlist_NEW .btnx.btn-inactive {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .btnx.btn-secondaryx.active:not(.fillter_btn_track),
[data-theme="dark"] .subtab_prodlist_NEW .btnx.active:not(.fillter_btn_track) {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border: 1px solid var(--color-nav-tab-active-border) !important;
}

[data-theme="dark"] .subtab_prodlist_NEW .Streaming_live .bg-light-dark {
  background: transparent !important;
}

[data-theme="dark"] .selling-banner {
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border-default) !important;
  box-shadow: var(--color-shadow-sm);
}

[data-theme="dark"] .selling-banner-title,
[data-theme="dark"] .selling-banner-text {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .selling-banner a,
[data-theme="dark"] .selling-banner .selling-banner-link {
  color: var(--color-brand-primary) !important;
  text-decoration: underline;
}

[data-theme="dark"] .subtab_prodlist_NEW .Streaming_heading {
  color: var(--color-text-primary) !important;
}

/* Transaction history receipts */
[data-theme="dark"] .transaction-history-page {
  background: var(--color-bg-page) !important;
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .transaction-history-page .customer-review-bx,
[data-theme="dark"] .transaction-history-page .transaction-tabs,
[data-theme="dark"] .transaction-history-page .filters-header,
[data-theme="dark"] .transaction-history-page .filters-body,
[data-theme="dark"] .transaction-history-page .transactions-body,
[data-theme="dark"] .transaction-history-page .transaction-item {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .transaction-history-page .transactions-header,
[data-theme="dark"] .transaction-history-page .transaction-image,
[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn:hover {
  background: var(--color-bg-surface-alt) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .transaction-history-page .btn-clear-filters {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .transaction-history-page .btn-clear-filters:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .transaction-history-page .btn-clear-filters:active {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .transaction-history-page .transactions-header h3,
[data-theme="dark"] .transaction-history-page .filters-header h3,
[data-theme="dark"] .transaction-history-page .transaction-title,
[data-theme="dark"] .transaction-history-page .empty-state h5 {
  color: var(--color-text-primary) !important;
}

[data-theme="dark"] .transaction-history-page .transactions-count,
[data-theme="dark"] .transaction-history-page .filter-label,
[data-theme="dark"] .transaction-history-page .transaction-meta,
[data-theme="dark"] .transaction-history-page .receipt-number-display,
[data-theme="dark"] .transaction-history-page .transaction-details,
[data-theme="dark"] .transaction-history-page .divider {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn.active,
[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn.active:hover {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn:not(.active),
[data-theme="dark"] .transaction-history-page .transaction-tabs .tab-btn:not(.active):hover {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

/* Fix streaming slot badge colors in both light and dark themes */
.ad_box.streaming_price_label .badge-primary,
.ad_box ul li .badge-primary {
  background: var(--color-bg-inverse) !important;
  color: var(--color-text-inverse) !important;
}

/* Fix Edit/Delete/Change Status dropdown text color in dark mode */
[data-theme="dark"] .dropdown-ad-actions .dropdown-item {
  color: var(--color-text-primary) !important;
  background-color: var(--color-bg-surface) !important;
}

[data-theme="dark"] .dropdown-ad-actions .dropdown-item:hover,
[data-theme="dark"] .dropdown-ad-actions .dropdown-item:focus {
  background-color: var(--color-bg-elevated) !important;
  color: var(--color-text-primary) !important;
}

/* Search / grid product cards — badges & wishlist icons (light + dark) */
.specialtags span.black_special {
  background: var(--color-featured-soft-bg) !important;
  color: var(--color-featured-soft-text) !important;
}

.Jtaballp_content02 .add-to-wishlist,
.actionpage_list .add-to-wishlist,
.product_card_box .add-to-wishlist {
  color: var(--color-wishlist-default);
}

.Jtaballp_content02 .add-to-wishlist>span,
.actionpage_list .add-to-wishlist>span,
.product_card_box .add-to-wishlist>span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px;
  height: 36px;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: var(--color-heart-surface) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.Jtaballp_content02 .add-to-wishlist:hover>span,
.actionpage_list .add-to-wishlist:hover>span,
.product_card_box .add-to-wishlist:hover>span {
  background-color: var(--color-heart-surface-hover) !important;
}

.Jtaballp_content02 .add-to-wishlist .far.fa-heart,
.actionpage_list .add-to-wishlist .far.fa-heart,
.product_card_box .add-to-wishlist .far.fa-heart {
  color: var(--color-wishlist-default);
  font-size: 16px;
}

.Jtaballp_content02 .add-to-wishlist .fas.fa-heart,
.actionpage_list .add-to-wishlist .fas.fa-heart,
.product_card_box .add-to-wishlist .fas.fa-heart {
  color: var(--color-wishlist-active);
  font-size: 16px;
}

.Jtaballp_content02 .add-to-wishlist:hover .fas.fa-heart,
.actionpage_list .add-to-wishlist:hover .fas.fa-heart,
.product_card_box .add-to-wishlist:hover .fas.fa-heart {
  color: var(--color-wishlist-hover);
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist>span,
[data-theme="dark"] .actionpage_list .add-to-wishlist>span,
[data-theme="dark"] .product_card_box .add-to-wishlist>span {
  background-color: var(--color-heart-surface) !important;
  border: 0 !important;
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist:hover>span,
[data-theme="dark"] .actionpage_list .add-to-wishlist:hover>span,
[data-theme="dark"] .product_card_box .add-to-wishlist:hover>span {
  background-color: var(--color-heart-surface-hover) !important;
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist .far.fa-heart,
[data-theme="dark"] .actionpage_list .add-to-wishlist .far.fa-heart,
[data-theme="dark"] .product_card_box .add-to-wishlist .far.fa-heart {
  color: var(--color-wishlist-default);
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist .fas.fa-heart,
[data-theme="dark"] .actionpage_list .add-to-wishlist .fas.fa-heart,
[data-theme="dark"] .product_card_box .add-to-wishlist .fas.fa-heart {
  color: var(--color-wishlist-active);
}

[data-theme="dark"] .Jtaballp_content02 .add-to-wishlist:hover .fas.fa-heart,
[data-theme="dark"] .actionpage_list .add-to-wishlist:hover .fas.fa-heart,
[data-theme="dark"] .product_card_box .add-to-wishlist:hover .fas.fa-heart {
  color: var(--color-wishlist-hover);
}

/* Bootstrap vendor bridge — remap legacy #249ee4 / #28a745 to Excel tokens */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--color-brand-primary-hover) !important;
  border-color: var(--color-brand-primary-hover) !important;
}

.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: var(--color-brand-primary-active) !important;
  border-color: var(--color-brand-primary-active) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: var(--color-bg-disabled) !important;
  border-color: var(--color-bg-disabled) !important;
  color: var(--color-text-disabled) !important;
}

.btn-ghost,
.btn.btn-ghost,
.sidebarleft_newinner .filter-clear button {
  background: transparent !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
}

[data-theme="dark"] .btn-ghost,
[data-theme="dark"] .btn.btn-ghost,
[data-theme="dark"] .sidebarleft_newinner .filter-clear button {
  color: var(--color-text-muted) !important;
}

.btn-ghost:hover,
.btn.btn-ghost:hover,
.sidebarleft_newinner .filter-clear button:hover {
  background: var(--color-bg-section) !important;
  color: var(--color-text-ghost-hover) !important;
  border-color: var(--color-border-hover) !important;
}

[data-theme="dark"] .btn-ghost:hover,
[data-theme="dark"] .btn.btn-ghost:hover,
[data-theme="dark"] .sidebarleft_newinner .filter-clear button:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-ghost-hover) !important;
}

.btn-ghost:active,
.btn.btn-ghost:active,
.sidebarleft_newinner .filter-clear button:active {
  background: var(--color-info-soft-hover) !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

.modal-header-danger {
  background: var(--color-danger-surface) !important;
  color: var(--color-danger-text) !important;
  border-bottom: 1px solid var(--color-danger-border-soft) !important;
}

.labltable.bg-danger,
.labltable.lablesct.bg-danger {
  background-color: var(--color-danger-soft) !important;
  color: var(--color-danger-text) !important;
}

.labltable.bg-warning,
.labltable.lablesct.bg-warning {
  background-color: var(--color-warning-soft) !important;
  color: var(--color-warning) !important;
}

.btn-outline-primary {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  border-color: var(--color-btn-outlined-border) !important;
  color: var(--color-btn-outlined-text) !important;
}

.text-primary,
a.text-primary,
a.text-primary:hover,
a.text-primary:focus {
  color: var(--color-text-link) !important;
}

.bg-primary {
  background-color: var(--color-brand-primary) !important;
}

.badge-primary {
  background-color: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background-color: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-info:hover,
.btn-info:focus {
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.btn-outline-info {
  color: var(--color-text-link) !important;
  border-color: var(--color-info) !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus {
  background-color: var(--color-info-soft) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-link) !important;
}

.btn-outline-info:active,
.btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: var(--color-info-soft-hover) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-link) !important;
}

.text-info,
a.text-info {
  color: var(--color-text-link) !important;
}

.bg-info {
  background-color: var(--color-info-soft) !important;
  color: var(--color-info-hover) !important;
}

.badge-info {
  background-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: var(--color-success) !important;
  border-color: var(--color-success) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-success:hover,
.btn-success:focus {
  background-color: var(--color-success-hover) !important;
  border-color: var(--color-success-hover) !important;
}

.btn-outline-success {
  color: var(--color-success) !important;
  border-color: var(--color-success) !important;
}

.text-success,
a.text-success {
  color: var(--color-success) !important;
}

.bg-success {
  background-color: var(--color-success) !important;
}

.badge-success {
  background-color: var(--color-success) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: var(--color-danger) !important;
  border-color: var(--color-danger) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-danger:hover,
.btn-danger:focus {
  background-color: var(--color-danger-hover) !important;
  border-color: var(--color-danger-hover) !important;
}

.text-danger,
a.text-danger {
  color: var(--color-danger) !important;
}

.bg-danger {
  background-color: var(--color-danger) !important;
}

.badge-danger {
  background-color: var(--color-danger) !important;
  color: var(--color-text-on-accent) !important;
}

.btn-warning,
.badge-warning {
  background-color: var(--color-warning) !important;
  border-color: var(--color-warning) !important;
  color: var(--color-text-on-accent) !important;
}

.text-warning {
  color: var(--color-warning) !important;
}

.bg-warning {
  background-color: var(--color-warning) !important;
}

.alert-info {
  background-color: var(--color-info-soft) !important;
  border-color: var(--color-info-soft-hover) !important;
  color: var(--color-info-hover) !important;
}

.alert-warning {
  background-color: var(--color-warning-soft) !important;
  border-color: var(--color-warning) !important;
  color: var(--color-text-primary) !important;
}

.alert-danger {
  background-color: var(--color-danger-soft) !important;
  border-color: var(--color-danger) !important;
  color: var(--color-danger-text) !important;
}

.alert-success {
  background-color: var(--color-success-soft) !important;
  border-color: var(--color-success) !important;
  color: var(--color-text-primary) !important;
}

.page-container {
  background: var(--color-bg-page);
  min-height: 100vh;
}

.bg-light {
  background-color: var(--color-bg-surface-alt) !important;
}

.text-dark {
  color: var(--color-text-primary) !important;
}

.text-muted {
  color: var(--color-text-muted) !important;
}

.border-primary {
  border-color: var(--color-brand-primary) !important;
}

.border-info {
  border-color: var(--color-info) !important;
}

.spinner-border.text-primary {
  color: var(--color-text-link) !important;
}

.form-control:hover,
.custom-select:hover,
input:not([type="checkbox"]):not([type="radio"]):not(.MuiInputBase-input):hover,
textarea:hover,
select:hover {
  border-color: var(--color-border-hover) !important;
}

.form-control:focus,
.custom-select:focus,
input:not([type="checkbox"]):not([type="radio"]):not(.MuiInputBase-input):focus,
textarea:focus,
select:focus {
  border-color: var(--color-focus-ring) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* MUI inputs manage their own focus ring via OutlinedInput — no inner box */
.MuiInputBase-input,
.MuiInputBase-input:hover,
.MuiInputBase-input:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.btn-link {
  color: var(--color-text-link) !important;
}

.btn-link:hover,
.btn-link:focus {
  color: var(--color-text-link-hover) !important;
}

.page-link {
  color: var(--color-text-link) !important;
}

.page-link:hover {
  color: var(--color-text-link-hover) !important;
}

.page-item.active .page-link {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}

.custom-control-input:checked~.custom-control-label::before {
  background-color: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}

/* Back (web navigation) — Excel R154: grey border, blue text */
.breadcrumb-bx .btnx.btn-primaryx,
.btn-back.btnx.btn-primaryx,
.btnx.btn-outline-primaryx {
  background: var(--color-btn-back-bg) !important;
  color: var(--color-btn-back-text) !important;
  border: 1px solid var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:hover,
.breadcrumb-bx .btnx.btn-primaryx:hover i,
.breadcrumb-bx .btnx.btn-primaryx:hover span,
.btn-back.btnx.btn-primaryx:hover,
.btn-back.btnx.btn-primaryx:hover span,
.btnx.btn-outline-primaryx:hover {
  background: var(--color-btn-back-hover-bg) !important;
  color: var(--color-btn-back-text) !important;
  border-color: var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:active,
.btn-back.btnx.btn-primaryx:active,
.btnx.btn-outline-primaryx:active {
  background: var(--color-btn-back-active-bg) !important;
  border-color: var(--color-btn-back-border) !important;
  color: var(--color-btn-back-text) !important;
}

/* Item listing pages: soft live badge (search page keeps solid primary) */
.Jtaballp_content .product-img-bx .live-tag,
.actionpage_list .product-img-bx .live-tag,
.auctionplist_main .product-img-bx .live-tag {
  background: var(--color-live-soft-bg);
  color: var(--color-live-soft-text);
}

.Jtaballp_content .product-img-bx .live-tag i,
.actionpage_list .product-img-bx .live-tag i,
.auctionplist_main .product-img-bx .live-tag i {
  color: var(--color-live-soft-text);
}

.show_product_box .product-img-bx .live-tag,
.auctionplist_main .product-img-bx .live-tag {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
}

.show_product_box .product-img-bx .pre-bid-tag,
.auctionplist_main .product-img-bx .pre-bid-tag,
.actionpage_list .product-img-bx .pre-bid-tag {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  background: var(--color-info-soft);
  color: var(--color-text-link);
  border: 0;
}

.forsalepage_listing .product-img-bx .live-tag {
  background: var(--color-live-soft-bg);
  color: var(--color-live-soft-text);
}

.forsalepage_listing .product-img-bx .live-tag i {
  color: var(--color-live-soft-text);
}

.formgrop_main_New .btn-secondaryx {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.formgrop_main_New .btn-secondaryx:hover {
  background: var(--color-info-hover) !important;
}

/* Submit (on review) — secondary blue CTA per client colour sheet */
.customer-review-bx .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track),
.customer-review-profile_block .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track),
.review_mess .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track),
.review_reply .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track) {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.customer-review-bx .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover,
.customer-review-profile_block .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover,
.review_mess .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover,
.review_reply .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.customer-review-bx .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active,
.customer-review-profile_block .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active,
.review_mess .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active,
.review_reply .btnx.btn-secondaryx:not(.btn-inactive):not(.fillter_btn_track):active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Product listing — capsule filter buttons, card hover, buy-now chat CTA */
.go-btn {
  width: auto !important;
  min-width: 72px;
  height: auto !important;
  min-height: 37px;
  line-height: 1.2 !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 600;
}

.specialtags span,
.specialtags span.black_special {
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 600;
  padding: 6px 12px !important;
  margin: 8px !important;
}

.item-condition {
  display: inline-flex;
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  width: auto;
  line-height: normal;
  border-radius: 0;
}

.item-conditionTag {
  display: inline-block;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  border: 1px solid var(--color-condition-badge-border);
  background: var(--color-condition-badge-bg);
  color: var(--color-condition-badge-text);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product_card_box:hover {
  transform: none;
  box-shadow: none;
}

.product_card_box .product-img-bx {
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product_card_box:hover .product-img-bx {
  box-shadow: 0 0 0 2px var(--color-brand-primary-soft), var(--color-shadow-sm);
}

.listing-card-chat-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-info);
  box-shadow: var(--color-shadow-sm);
  cursor: pointer;
}

.listing-card-chat-btn img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}


/* Keep listing-card images full-width when the video icon is a sibling in the image box. */
.product-img-bx {
  align-items: stretch;
}

.product-img-bx > a {
  display: block;
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}

.product-img-bx > a img {
  display: block;
  width: 100%;
}

@media (max-width: 991.98px) {
  .product_card_box .product-img-bx > a img,
  .forsalepage_listing .product-img-bx > a img,
  .show_product_box .product-img-bx > a img,
  .similar-pro .product-img-bx > a img,
  .similar-products-bx .product-img-bx > a img {
    width: 100%;
    aspect-ratio: 2 / 2.1;
    object-fit: cover;
    object-position: center center;
  }
}

.product-img-bx>.product-card-video-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  left: auto;
  z-index: 4;
}

.product-card-video-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border-radius: 10px;
  background: var(--color-bg-surface);
  color: var(--color-video-icon, var(--color-info));
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
  border: 1px solid rgba(47, 143, 214, 0.18);
  z-index: 3;
  padding: 0;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.product-card-video-btn__online-dot {
  position: absolute;
  top: 3px;
  right: 1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-presence-online);
  /* border: 2px solid var(--color-bg-surface); */
  /* box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.45); */
  z-index: 6;
  pointer-events: none;
}

.product-card-video-btn:hover,
.product-card-video-btn:focus {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
  outline: none;
}

.product-card-video-btn--online::after {
  content: none;
}

.product-img-bx .product-card-video-btn {
  z-index: 5;
}

.landing-product-card__image .product-card-video-btn {
  z-index: 6;
}

.product_card_box {
  position: relative;
}

.product-listing-sideBar-colum .toggle-category i,
.product-listing-sideBar-colum h2 i,
.product-listing-sideBar-colum .MuiAccordionSummary-expandIcon,
.product-listing-sideBar .MuiSvgIcon-root {
  color: var(--color-text-primary) !important;
}

/* Product detail — tabs, similar items, report modal */
.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link {
  font-size: 16px !important;
  border-bottom: 3px solid transparent !important;
}

.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
}

.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link.active,
.product-all-detail-tab .nav-tabs.my-custom-tab .nav-link.active.show {
  color: var(--color-text-primary) !important;
  border-bottom: 3px solid var(--color-info) !important;
  background: transparent !important;
}

.db_product_detail_tab_nav .nav-tabs.my-custom-tab .nav-link.active {
  border-bottom: 3px solid var(--color-info) !important;
}

.similar-products-bx .section-heading .see-all-btn {
  font-size: 14px !important;
}

.similar-products-bx .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.similar-products-bx .product-name-bx h6,
.similar-products-bx .product-name-bx h6 span {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  font-size: 20px !important;
}

.similar-products-bx .product-name-bx p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.similar-products-bx .similar_item_countdown,
.similar-products-bx .similar_item_countdown time {
  color: var(--color-text-muted) !important;
  font-weight: 500 !important;
}

.similar-products-bx .owl-dots {
  display: none !important;
}

.delivery_option_block .delivery-info-icon svg,
.delivery_option_block .delivery-info-icon img,
.delivery_status_track svg {
  color: var(--color-icon-default);
}

.product-action-buttons .btn,
.product-action-buttons .number-reveal-btn,
.product-detail-owner-bx .scheduleCallBtn,
.product-detail-owner-bx .buy-now-btn {
  font-size: 16px !important;
}

/* Scarcity / urgency capsule shown under the Buy Now / Register to bid button.
   Text is admin-controlled (Basic Settings > Product Banner).
   Colors use the danger design tokens so it adapts to light & dark themes. */
.scarcity-capsule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin: 16px auto;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  letter-spacing: 0.1px;
  background: var(--color-danger-soft, rgba(239, 68, 68, 0.12));
  color: var(--color-danger, #ef4444);
  border: 1px solid var(--color-danger-soft, rgba(239, 68, 68, 0.12));
}

.scarcity-capsule i {
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
}

[data-theme="dark"] .scarcity-capsule {
  background: var(--color-danger-soft);
  color: var(--color-danger);
  border-color: var(--color-danger-soft);
}

/* On the auction card the capsule sits right after the Register-to-bid row,
   which carries a 30px bottom margin. Scoped to that exact adjacency, trim it so
   the capsule keeps balanced spacing above and below (other .livestriming_lsec
   usages are untouched). */
.contact-bx .livestriming_lsec:has(+ .scarcity-capsule) {
  margin-bottom: 16px;
}

.Cancel_report_btn {
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  background: var(--color-bg-surface) !important;
}

.Cancel_report_btn:hover {
  background: var(--color-bg-section) !important;
  color: var(--color-text-ghost-hover) !important;
  border-color: var(--color-border-strong) !important;
}

.Cancel_report_btn:active {
  background: var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .Cancel_report_btn {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .Cancel_report_btn:hover {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .Cancel_report_btn:active {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

.send_report_btn {
  background: var(--color-info) !important;
  border: 2px solid var(--color-info) !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  color: var(--color-text-on-accent) !important;
}

.send_report_btn:hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.send_report_btn:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

@media (max-width: 767px) {

  .similar-products-bx .product-name-bx h6,
  .similar-products-bx .product-name-bx h6 span {
    font-size: 18px !important;
  }
}

/* Excel order status badges */
.order-status-badge.order-status-bought,
.transaction-status-badge.order-status-bought,
.status-badge-t.order-status-bought,
.badge.order-status-bought {
  background: var(--color-order-bought-bg) !important;
  color: var(--color-order-bought-text) !important;
  border: 1px solid var(--color-order-bought-border) !important;
}

.order-status-badge.order-status-shipped,
.transaction-status-badge.order-status-shipped,
.status-badge-t.order-status-shipped,
.badge.order-status-shipped {
  background: var(--color-order-shipped-bg) !important;
  color: var(--color-order-shipped-text) !important;
  border: 1px solid var(--color-order-shipped-border) !important;
}

.order-status-badge.order-status-delivered,
.transaction-status-badge.order-status-delivered,
.status-badge-t.order-status-delivered,
.badge.order-status-delivered {
  background: var(--color-order-delivered-bg) !important;
  color: var(--color-order-delivered-text) !important;
  border: 1px solid var(--color-order-delivered-border) !important;
}

.order-status-badge.order-status-completed,
.transaction-status-badge.order-status-completed,
.status-badge-t.order-status-completed,
.badge.order-status-completed {
  background: var(--color-order-completed-bg) !important;
  color: var(--color-order-completed-text) !important;
  border: 1px solid var(--color-order-completed-border) !important;
}

.order-status-badge.order-status-cancelled,
.transaction-status-badge.order-status-cancelled,
.status-badge-t.order-status-cancelled,
.badge.order-status-cancelled {
  background: var(--color-order-cancelled-bg) !important;
  color: var(--color-order-cancelled-text) !important;
  border: 1px solid var(--color-order-cancelled-border) !important;
}

.order-status-badge.order-status-refunded,
.transaction-status-badge.order-status-refunded,
.status-badge-t.order-status-refunded,
.badge.order-status-refunded {
  background: var(--color-order-refunded-bg) !important;
  color: var(--color-order-refunded-text) !important;
  border: 1px solid var(--color-order-refunded-border) !important;
}

.order-status-badge.order-status-active,
.transaction-status-badge.order-status-active,
.status-badge-t.order-status-active,
.badge.order-status-active {
  background: var(--color-order-active-bg) !important;
  color: var(--color-order-active-text) !important;
  border: 1px solid var(--color-order-active-border) !important;
}

.order-status-badge.order-status-expired,
.transaction-status-badge.order-status-expired,
.status-badge-t.order-status-expired,
.badge.order-status-expired {
  background: var(--color-order-expired-bg) !important;
  color: var(--color-order-expired-text) !important;
  border: 1px solid var(--color-order-expired-border) !important;
}

.order-status-badge.order-status-awaiting,
.transaction-status-badge.order-status-awaiting,
.status-badge-t.order-status-awaiting,
.badge.order-status-awaiting {
  background: var(--color-order-awaiting-bg) !important;
  color: var(--color-order-awaiting-text) !important;
  border: 1px solid var(--color-order-awaiting-border) !important;
}

.order-status-badge.order-status-receipt,
.transaction-status-badge.order-status-receipt,
.status-badge-t.order-status-receipt,
.badge.order-status-receipt {
  background: var(--color-order-receipt-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border: 1px solid var(--color-order-receipt-border) !important;
}

/* Transaction History — receipt tabs + status badges (light + dark) */
.transaction-history-page .transaction-tabs .tab-btn.active,
.transaction-history-page .transaction-tabs .tab-btn.active:hover {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

.transaction-history-page .transaction-tabs .tab-btn:not(.active):hover {
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
}

.transaction-history-page .transaction-status-badge.order-status-completed,
.transaction-history-page .transaction-status-badge.order-status-cancelled,
.transaction-history-page .transaction-status-badge.order-status-refunded,
.transaction-history-page .transaction-status-badge.order-status-bought,
.transaction-history-page .transaction-status-badge.order-status-shipped,
.transaction-history-page .transaction-status-badge.order-status-delivered,
.transaction-history-page .transaction-status-badge.order-status-active,
.transaction-history-page .transaction-status-badge.order-status-expired,
.transaction-history-page .transaction-status-badge.order-status-awaiting,
.transaction-history-page .transaction-status-badge.order-status-receipt,
.transaction-history-page .badge {
  border-width: 1px !important;
  border-style: solid !important;
}

.status-badge-t.order-status-bought,
.status-badge-t.order-status-shipped,
.status-badge-t.order-status-delivered,
.status-badge-t.order-status-completed,
.status-badge-t.order-status-cancelled,
.status-badge-t.order-status-refunded,
.status-badge-t.order-status-active,
.status-badge-t.order-status-expired {
  border: 1px solid transparent;
}

/* Excel listing date metadata */
.listing-date-default,
.listofsubtabbx .listing-date-default {
  color: var(--color-listing-date-default);
}

.listofsubtabbx .listing-date-default strong {
  color: var(--color-listing-date-muted);
}

.listing-expiry-normal,
.listofsubtabbx .listing-expiry-normal {
  color: var(--color-listing-date-default);
}

.listing-expiry-normal strong,
.listofsubtabbx .listing-expiry-normal strong {
  color: var(--color-listing-date-muted);
}

.listing-expiry-warning,
.listofsubtabbx .listing-expiry-warning {
  color: var(--color-listing-expiry-warning-text);
  background: var(--color-listing-expiry-warning-bg);
  border-radius: 4px;
  padding: 2px 6px;
}

.listing-expiry-warning strong,
.listofsubtabbx .listing-expiry-warning strong {
  color: var(--color-listing-expiry-warning-icon);
}

.listing-expiry-critical,
.listofsubtabbx .listing-expiry-critical {
  color: var(--color-listing-expiry-critical-text);
  background: var(--color-listing-expiry-critical-bg);
  border-radius: 4px;
  padding: 2px 6px;
}

.listing-expiry-critical strong,
.listofsubtabbx .listing-expiry-critical strong {
  color: var(--color-listing-expiry-critical-text);
}

/* Excel star rating colors (MUI + shared) */
.MuiRating-iconFilled {
  color: var(--color-star-active) !important;
}

.MuiRating-iconEmpty {
  color: var(--color-star-empty) !important;
}

.rating-text,
.star-txt,
.customer_review_track .rating-value {
  color: var(--color-text-primary);
}

/* Post an ad — Category MUI Autocomplete (List an Item) */
.addaadd .MuiAutocomplete-root,
.addaadd .post-an-ad-category-autocomplete,
.addaadd .MuiFormControl-root {
  width: 100%;
}

.addaadd .MuiAutocomplete-root {
  position: relative;
}

.addaadd .MuiInput-underline:before,
.addaadd .MuiInput-underline:after,
.addaadd .MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: none !important;
}

.addaadd .MuiOutlinedInput-root {
  border-radius: 8px;
  background-color: var(--color-bg-surface);
  font-family: "segoe_ui", sans-serif;
  font-size: 14px;
  min-height: 48px;
  padding: 2px 12px;
}

.addaadd .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-default);
}

.addaadd .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-hover);
}

.addaadd .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-focus-ring);
  border-width: 1px;
}

.addaadd .MuiInputLabel-root {
  color: var(--color-text-muted) !important;
  font-weight: 500 !important;
  font-size: 14px;
}

.addaadd .MuiInputLabel-root.Mui-focused {
  color: var(--color-focus-ring) !important;
}

.addaadd .MuiInputBase-input {
  color: var(--color-text-primary);
  font-weight: 500;
}

.addaadd .MuiInputBase-input::placeholder {
  color: var(--color-text-muted);
  opacity: 1;
}

.addaadd .MuiAutocomplete-popupIndicator,
.addaadd .MuiAutocomplete-clearIndicator {
  color: var(--color-text-muted);
}

.addaadd .MuiAutocomplete-popupIndicator:hover,
.addaadd .MuiAutocomplete-clearIndicator:hover {
  color: var(--color-text-primary);
}

.addaadd .MuiAutocomplete-popper {
  width: 100% !important;
  left: 0 !important;
  z-index: 10;
}

.addaadd .MuiAutocomplete-popper .MuiPaper-root {
  width: 100%;
  margin-top: 4px;
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  box-shadow: var(--color-shadow-sm);
  color: var(--color-text-primary);
}

.addaadd .MuiAutocomplete-listbox {
  padding: 4px 0;
}

.addaadd .MuiAutocomplete-listbox .MuiAutocomplete-option {
  color: var(--color-text-primary);
  font-size: 14px;
  padding: 10px 16px;
}

.addaadd .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus="true"],
.addaadd .MuiAutocomplete-listbox .MuiAutocomplete-option:hover {
  background: var(--color-info-soft);
}

.addaadd .MuiAutocomplete-noOptions {
  color: var(--color-text-muted);
  padding: 12px 16px;
  font-size: 14px;
}

.addaadd .normal .text {
  color: var(--color-text-primary);
}

.addaadd .text-color-sky {
  color: var(--color-text-link);
}

[data-theme="dark"] .addaadd,
[data-theme="dark"] .bfind_category {
  border-color: var(--color-border-default);
  box-shadow: var(--color-shadow-sm);
}

[data-theme="dark"] .addaadd .MuiOutlinedInput-root {
  background-color: var(--color-bg-surface);
}

[data-theme="dark"] .addaadd .MuiAutocomplete-popper .MuiPaper-root {
  background: var(--color-bg-elevated);
  border-color: var(--color-border-default);
}

/* Schedule / auction — MUI Autocomplete & pickers */
.header-input-icon_block .MuiAutocomplete-root,
.header-input-icon_block .MuiFormControl-root {
  width: 100%;
}

.header-input-icon_block:has(.MuiAutocomplete-root):after,
.header-input-icon_block:has(.MuiFormControl-root):after {
  display: none;
}

.header-input-icon_block .MuiOutlinedInput-root {
  border-radius: 8px;
  background-color: var(--color-bg-surface);
  font-family: "segoe_ui", sans-serif;
  font-size: 14px;
  min-height: 40px;
  padding: 2px 8px;
}

.header-input-icon_block .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-default);
}

.header-input-icon_block .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-border-hover);
}

.header-input-icon_block .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--color-focus-ring);
  border-width: 1px;
}

.header-input-icon_block .MuiInputLabel-root {
  color: var(--color-text-muted);
  font-weight: 500 !important;
  font-size: 14px;
}

.header-input-icon_block .MuiInputLabel-root.Mui-focused {
  color: var(--color-focus-ring);
}

.header-input-icon_block .MuiInputBase-input {
  color: var(--color-text-primary);
  font-weight: 500;
}

.header-input-icon_block .MuiChip-root {
  background-color: var(--color-info-soft);
  color: var(--color-text-link-hover);
  border-radius: 6px;
  height: 28px;
}

.header-input-icon_block .MuiChip-label {
  font-size: 13px;
  font-weight: 600;
}

.header-input-icon_block .MuiChip-deleteIcon {
  color: var(--color-text-muted);
}

.header-input-icon_block .MuiChip-deleteIcon:hover {
  color: var(--color-icon-hover);
}

.header-input-icon_block .MuiAutocomplete-popupIndicator,
.header-input-icon_block .MuiAutocomplete-clearIndicator {
  color: var(--color-text-muted);
}

.header-input-icon_block .MuiAutocomplete-popupIndicator:hover,
.header-input-icon_block .MuiAutocomplete-clearIndicator:hover {
  color: var(--color-icon-hover);
}

/* Icon system — hover/active (client sheet) */
.top-header .header-more-toggle:hover,
.top-header .header-more-menu .header-more-item:hover i,
.theme-icon-interactive:hover,
.theme-icon-interactive:focus-visible {
  color: var(--color-icon-hover);
}

.top-header .header-more-toggle:active,
.theme-icon-interactive:active {
  color: var(--color-icon-active);
}

/* Time picker nested inside schedule date box */
.Schedule_date_time .MuiFormControl-root {
  width: 100%;
}

.Schedule_date_time .MuiInput-underline:before,
.Schedule_date_time .MuiInput-underline:after {
  border-bottom: none !important;
}

.Schedule_date_time .MuiInputBase-root {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary);
}

.Schedule_date_time .MuiInputLabel-root {
  color: var(--color-text-muted);
  font-size: 12px;
}

/* Native schedule selects — match boxed inputs */
.header-input-icon_block select.header-input,
.Schedule_live.Schedule_live_block .profile_input.header-input {
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-primary);
  width: 100%;
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  padding: 0 32px 0 12px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.header-input-icon_block select.header-input:hover,
.Schedule_live.Schedule_live_block .profile_input.header-input:hover {
  border-color: var(--color-border-hover);
}

.header-input-icon_block select.header-input:focus,
.Schedule_live.Schedule_live_block .profile_input.header-input:focus {
  border-color: var(--color-focus-ring);
  outline: none;
  box-shadow: none;
}

[data-theme="dark"] .check-box label:after {
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .check-box input:checked+label:after {
  background-color: var(--color-text-on-accent);
  border-color: var(--color-border-strong);
}

[data-theme="dark"] .check-box input:checked+label:before {
  filter: none;
}

/* Live streaming product page — dark theme polish */
[data-theme="dark"] .actionpag_tabmess_newperent .main_tabmessage_bx,
[data-theme="dark"] .live_s_tab .main_tabmessage_bx,
[data-theme="dark"] .tabsec_in {
  background: var(--color-bg-surface) !important;
  box-shadow: var(--color-shadow-sm) !important;
}

[data-theme="dark"] .liveac_notify {
  background: transparent;
}

[data-theme="dark"] .chatbox_footer {
  background: var(--color-bg-surface-alt) !important;
  border-top: 1px solid var(--color-border-default);
}

[data-theme="dark"] .writesomt_full input {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-primary) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .start_conversation {
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .upcoming-live-auction-colums,
[data-theme="dark"] .upcoming-live-auction-colum {
  background: var(--color-bg-surface-alt);
  border-color: var(--color-border-default);
}

[data-theme="dark"] .listtclick li a {
  background: var(--color-bg-elevated);
  box-shadow: none;
}

[data-theme="dark"] .listtclick li a.active,
[data-theme="dark"] .listtclick li a:hover {
  background: var(--color-bg-surface);
  box-shadow: var(--color-shadow-xs);
}

[data-theme="dark"] .live-auction-video-icon {
  background: var(--color-video-icon-bg);
  color: var(--color-video-icon);
  border-color: rgba(96, 165, 250, 0.28);
}

[data-theme="dark"] .auctionaminim_main.productDetails_bx,
[data-theme="dark"] .auction_track {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .product-all-detail-tab .tab-content,
[data-theme="dark"] .carphotTab .tab-content {
  background: var(--color-bg-surface);
  color: var(--color-text-primary);
}

/* Minimum readable font size — no text below 12px */
.small,
small {
  font-size: max(12px, 80%);
}

sup,
sub {
  font-size: max(12px, 75%);
}

/* ── Excel 100% completion bridges (Drotly_Them Colour.xlsx) ── */

/* Cancel / ghost buttons — Bootstrap + standalone */
.btn-secondary,
.btn.btn-secondary,
button.btn-secondary:not(.btn-primary):not(.btn-info),
a.btn-secondary {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  box-shadow: none !important;
}

.btn-secondary:hover:not(:disabled):not(.disabled),
.btn.btn-secondary:hover:not(:disabled):not(.disabled) {
  background-color: var(--color-bg-section) !important;
  color: var(--color-text-ghost-hover) !important;
  border-color: var(--color-border-strong) !important;
}

.btn-secondary:active:not(:disabled):not(.disabled),
.btn.btn-secondary:active:not(:disabled):not(.disabled),
.show>.btn-secondary.dropdown-toggle {
  background-color: var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn.btn-secondary,
[data-theme="dark"] button.btn-secondary:not(.btn-primary):not(.btn-info) {
  background: transparent !important;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong) !important;
}

[data-theme="dark"] .btn-secondary:hover:not(:disabled):not(.disabled),
[data-theme="dark"] .btn.btn-secondary:hover:not(:disabled):not(.disabled) {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-muted) !important;
}

[data-theme="dark"] .btn-secondary:active:not(:disabled):not(.disabled),
[data-theme="dark"] .btn.btn-secondary:active:not(:disabled):not(.disabled) {
  background: var(--color-border-strong) !important;
  color: var(--color-text-muted) !important;
}

/* Passive utility buttons (non-breadcrumb back) */
.btnx.btn-primaryx:not(.btn-back) {
  background-color: var(--color-bg-surface-alt) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
}

.btnx.btn-primaryx:not(.btn-back):hover,
.btnx.btn-primaryx:not(.btn-back):hover i,
.btnx.btn-primaryx:not(.btn-back):hover span {
  background-color: var(--color-border-default) !important;
  color: var(--color-icon-default) !important;
  border-color: var(--color-border-strong) !important;
}

.btnx.btn-primaryx:not(.btn-back):active {
  background-color: var(--color-border-strong) !important;
  border-color: var(--color-border-strong) !important;
  color: var(--color-icon-default) !important;
}

/* Tab / filter chips — inactive neutral, active primary */
.btnx.btn-secondaryx.btn-inactive,
.btnx.btn-inactive,
.subtab_prodlist_NEW .btnx.btn-secondaryx.btn-inactive,
.subtab_prodlist_NEW .btnx.btn-inactive {
  background: var(--color-bg-section) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-default) !important;
  opacity: 1 !important;
}

/* Mobile filter chips — secondary outlined */
.btnx.btn-secondaryx.fillter_btn_track {
  background: var(--color-bg-surface) !important;
  color: var(--color-text-link) !important;
  border: 1px solid var(--color-info) !important;
}

.btnx.btn-secondaryx.fillter_btn_track:hover {
  background: var(--color-info-soft) !important;
  color: var(--color-text-link) !important;
  border-color: var(--color-info) !important;
  opacity: 1 !important;
}

.btnx.btn-secondaryx.fillter_btn_track:active {
  background: var(--color-info-soft-hover) !important;
  border-color: var(--color-info) !important;
}

[data-theme="dark"] .btnx.btn-secondaryx.fillter_btn_track {
  background: transparent !important;
  color: var(--color-text-link) !important;
  border-color: var(--color-info) !important;
}

[data-theme="dark"] .btnx.btn-secondaryx.fillter_btn_track:hover {
  background: var(--color-info-soft) !important;
}

[data-theme="dark"] .btnx.btn-secondaryx.fillter_btn_track:active {
  background: var(--color-info-soft-hover) !important;
}

/* Product list status badges */
.product-status-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  border-radius: 999px;
  padding: 4px 10px;
  line-height: 1.3;
  width: auto;
}

.product-status-inactive {
  background: var(--color-bg-section);
  color: var(--color-icon-default);
  border: 1px solid var(--color-border-strong);
}

.product-status-active {
  background: var(--color-order-active-bg);
  color: var(--color-order-active-text);
  border: 1px solid var(--color-order-active-border);
}

.product-status-expired {
  background: var(--color-order-expired-bg);
  color: var(--color-order-expired-text);
  border: 1px solid var(--color-order-expired-border);
}

.product-status-completed {
  background: var(--color-order-completed-bg);
  color: var(--color-order-completed-text);
  border: 1px solid var(--color-order-completed-border);
}

/* Review — disabled submit (Excel Inactive row) */
.write-review .btn-secondaryx:disabled,
.write-review .btnx.btn-secondaryx:disabled,
.jreview_sec .btn-secondaryx:disabled,
.jreview_sec .btnx.btn-secondaryx:disabled {
  background-color: var(--color-bg-section) !important;
  color: var(--color-icon-default) !important;
  border: 1px solid var(--color-border-strong) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/* Excel standard inputs — light + dark boxed fields */
.form-control,
.custom-select,
select.form-control,
textarea.form-control {
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
  border-color: var(--color-border-default);
}

.form-control::placeholder,
textarea.form-control::placeholder {
  color: var(--color-text-muted);
}

/* Create / edit ad, schedule auction, login, modals — form-control-line */
.special_makead_stand .form-control-line,
#add-ads-form .form-control-line,
.productSubSec .form-control-line,
.productSubSec .form-control,
.address_form_block .form-control,
.pre-bid-modal .form-control,
.write-review .form-control-line,
.jreview_sec .form-control-line,
.formgrop_main_New .form-control-line,
.form-horizontal .form-control,
.group-input .form-control,
.transaction-filters .form-control,
.schedule-live-auction-bx .form-control-line,
.note_auction+.form-control-line {
  background-color: var(--color-bg-surface);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  min-height: 38px;
  padding: 8px 12px;
}

.special_makead_stand .form-control-line:hover,
#add-ads-form .form-control-line:hover,
.productSubSec .form-control-line:hover,
.productSubSec .form-control:hover,
.address_form_block .form-control:hover,
.pre-bid-modal .form-control:hover,
.write-review .form-control-line:hover,
.jreview_sec .form-control-line:hover,
.formgrop_main_New .form-control-line:hover,
.form-horizontal .form-control:hover,
.group-input .form-control:hover,
.transaction-filters .form-control:hover,
.schedule-live-auction-bx .form-control-line:hover {
  border-color: var(--color-border-hover) !important;
}

.special_makead_stand .form-control-line:focus,
#add-ads-form .form-control-line:focus,
.productSubSec .form-control-line:focus,
.productSubSec .form-control:focus,
.address_form_block .form-control:focus,
.pre-bid-modal .form-control:focus,
.write-review .form-control-line:focus,
.jreview_sec .form-control-line:focus,
.formgrop_main_New .form-control-line:focus,
.form-horizontal .form-control:focus,
.group-input .form-control:focus,
.transaction-filters .form-control:focus,
.schedule-live-auction-bx .form-control-line:focus {
  border-color: var(--color-focus-ring) !important;
  outline: none;
  box-shadow: none !important;
}

/* Underline inputs — hover/focus ring on bottom border */
.form-control-line:not(.line_input):hover,
.New_control.form-control-line:hover,
select.form-control-line:hover,
textarea.form-control-line:not(.line_input):hover {
  border-color: var(--color-border-hover) !important;
}

.form-control-line:not(.line_input):focus,
.New_control.form-control-line:focus,
select.form-control-line:focus,
textarea.form-control-line:not(.line_input):focus {
  border-color: var(--color-focus-ring) !important;
  outline: none;
  box-shadow: none;
}

/* Keep chat composer underline-only */
.form-control-line.line_input,
.writesomt_full input {
  background: transparent;
  border-radius: 0;
  box-shadow: none !important;
}

/* Checkbox — passive neutral (Excel row 88) */
.custom-control-input~.custom-control-label::before {
  background-color: var(--color-bg-surface);
  border-color: var(--color-border-default);
}

.custom-control-input:hover~.custom-control-label::before {
  border-color: var(--color-border-hover);
}

/* Floating theme toggle — brand blue (#2F8FD6), interactive */
#floating-theme-toggle {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 99999;
  cursor: pointer;
  background: var(--color-info);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: var(--delivery-shadow);
  user-select: none;
  touch-action: manipulation;
  border: none;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#floating-theme-toggle:hover {
  background: var(--color-info-hover);
  transform: scale(1.06);
  box-shadow: var(--color-shadow-sm);
}

#floating-theme-toggle:active {
  background: var(--color-info-active);
  transform: scale(0.98);
  box-shadow: var(--color-shadow-xs);
}

/* Stripe payment modal — card field container + dark mode */
.stripePaymentModal .StripeElement,
.stripePaymentModal .__PrivateStripeElement,
.popupModal .StripeElement,
.popupModal .__PrivateStripeElement {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  height: auto !important;
  min-height: 44px;
  margin-bottom: 15px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.stripePaymentModal .StripeElement--focus,
.stripePaymentModal .__PrivateStripeElement--focus,
.popupModal .StripeElement--focus,
.popupModal .__PrivateStripeElement--focus {
  border-color: var(--color-focus-ring) !important;
  box-shadow: none !important;
}

.stripePaymentModal .border-top,
.popupModal.stripePaymentModal .border-top {
  border-color: var(--color-border-default) !important;
}

/* Catch-all: single-border focus on every input — no outer glow / double box */
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus,
.form-control:focus,
.custom-select:focus,
.form-control-line:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* =============================================================================
   Global dropdown UI — match post-an-ad category autocomplete (UI only)
   ============================================================================= */

/* Shared thin scrollbar for scrollable menus */
.dropdown-menu,
.MuiAutocomplete-listbox,
.pac-container,
.dropdown_scroll .dropdown-menu {
  scrollbar-width: thin;
  scrollbar-color: var(--color-border-strong) transparent;
}

.dropdown-menu::-webkit-scrollbar,
.MuiAutocomplete-listbox::-webkit-scrollbar,
.pac-container::-webkit-scrollbar {
  width: 6px;
}

.dropdown-menu::-webkit-scrollbar-track,
.MuiAutocomplete-listbox::-webkit-scrollbar-track,
.pac-container::-webkit-scrollbar-track {
  background: transparent;
}

.dropdown-menu::-webkit-scrollbar-thumb,
.MuiAutocomplete-listbox::-webkit-scrollbar-thumb,
.pac-container::-webkit-scrollbar-thumb {
  background: var(--color-border-strong);
  border-radius: 999px;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover,
.MuiAutocomplete-listbox::-webkit-scrollbar-thumb:hover,
.pac-container::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-muted);
}

/* Bootstrap / custom dropdown panels */
.dropdown-menu,
.dropdown-menu-2,
.dropdown.select-box .dropdown-menu {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  box-shadow: var(--color-shadow-sm) !important;
  padding: 4px 0 !important;
  color: var(--color-text-primary);
  overflow-x: hidden;
}

.dropdown-item,
.dropdown-menu-2 .dropdown-item,
.dropdown.select-box .dropdown-menu li {
  color: var(--color-text-primary) !important;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 16px !important;
  border-bottom: none !important;
  transition: background-color 0.15s ease;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-menu-2 .dropdown-item:hover,
.dropdown.select-box .dropdown-menu li:hover,
.dropdown.select-box .dropdown-menu li.active {
  background: var(--color-info-soft) !important;
  color: var(--color-text-primary) !important;
}

/* MUI Autocomplete — list panel (all instances) */
.MuiAutocomplete-popper .MuiPaper-root {
  margin-top: 4px;
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  box-shadow: var(--color-shadow-sm) !important;
  color: var(--color-text-primary);
}

.MuiAutocomplete-listbox {
  padding: 4px 0 !important;
  max-height: 280px;
}

.MuiAutocomplete-listbox .MuiAutocomplete-option {
  color: var(--color-text-primary) !important;
  font-size: 14px !important;
  font-weight: 500;
  padding: 10px 16px !important;
  min-height: 44px;
}

.MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus="true"],
.MuiAutocomplete-listbox .MuiAutocomplete-option[aria-selected="true"],
.MuiAutocomplete-listbox .MuiAutocomplete-option:hover {
  background: var(--color-info-soft) !important;
}

.MuiAutocomplete-noOptions,
.MuiAutocomplete-loading {
  color: var(--color-text-muted) !important;
  padding: 12px 16px !important;
  font-size: 14px;
}

/* Option layout: name + category path (e.g. Shirts Boys Fashion) */
.MuiAutocomplete-listbox .normal,
.MuiAutocomplete-listbox .normal .text {
  color: var(--color-text-primary);
  font-weight: 500;
}

.MuiAutocomplete-listbox .text-color-sky,
.dropdown-menu .text-color-sky,
.pac-item .text-color-sky {
  color: var(--color-text-link) !important;
  font-weight: 600;
}

/* Google Places location dropdown */
.pac-container {
  margin-top: 4px;
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: 8px !important;
  box-shadow: var(--color-shadow-sm) !important;
  font-family: "segoe_ui", sans-serif;
  z-index: 10000 !important;
}

.pac-item {
  color: var(--color-text-primary) !important;
  font-size: 14px;
  padding: 10px 16px !important;
  border-top: none !important;
  cursor: pointer;
}

.pac-item:hover,
.pac-item-selected {
  background: var(--color-info-soft) !important;
}

.pac-item-query {
  color: var(--color-text-primary) !important;
  font-size: 14px;
}

.pac-matched {
  color: var(--color-text-link) !important;
  font-weight: 600;
}

/* Native select — closed field matches boxed inputs (open list is OS-controlled) */
select.form-control,
select.form-control-line,
.select_box select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--color-bg-surface);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  padding-right: 36px !important;
  border: 1px solid var(--color-border-default);
  border-radius: 8px;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 500;
  min-height: 40px;
}

/* Legacy .select_box:after PNG chevron — disable to avoid double arrow with select background-image */
.select_box:not(.Price):after {
  display: none !important;
  content: none !important;
}

select.form-control:hover,
select.form-control-line:hover,
.select_box select:hover {
  border-color: var(--color-border-hover);
}

select.form-control:focus,
select.form-control-line:focus,
.select_box select:focus {
  border-color: var(--color-focus-ring);
  outline: none;
  box-shadow: none;
}

[data-theme="dark"] select.form-control,
[data-theme="dark"] select.form-control-line,
[data-theme="dark"] .select_box select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-theme="dark"] .MuiAutocomplete-popper .MuiPaper-root,
[data-theme="dark"] .pac-container,
[data-theme="dark"] .dropdown-menu {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border-default) !important;
}

[data-theme="dark"] .MuiAutocomplete-listbox .MuiAutocomplete-option[data-focus="true"],
[data-theme="dark"] .MuiAutocomplete-listbox .MuiAutocomplete-option:hover,
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .pac-item:hover,
[data-theme="dark"] .pac-item-selected {
  background: var(--color-info-soft) !important;
}

/* ── Excel YELLOW highlights (Reviewcomment_Drotly_Them Colour.xlsx) ── */

/* Search / Apply Go button — secondary blue */
.go-btn {
  background-color: var(--color-info) !important;
  border: 1px solid var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border-radius: 999px !important;
}

.go-btn:hover {
  background-color: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.go-btn:active {
  background-color: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Login tab selection — keep pill shape for both Login and Register (incl. after logout) */
.logintab_New.nav-tabs {
  border: none;
  border-radius: 50px;
  overflow: hidden;
}

.logintab_New.nav-tabs .nav-item {
  margin-bottom: 0;
}

.logintab_New .nav-link,
.logintab_New button.nav-link {
  border-radius: 100px !important;
  width: 100%;
}

.logintab_New .nav-link.active {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border: 1px solid var(--color-nav-tab-active-border) !important;
  border-radius: 100px !important;
}

.logintab_New .nav-link:not(.active) {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  border-radius: 100px !important;
}

.logintab_New .nav-link:not(.active):hover {
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  border-radius: 100px !important;
}

/* Followers / Following tabs */
.followers_tab_block a.number-reveal-btn.nav-link.active span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link.active span.followers_count {
  background-color: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

.followers_tab_block a.number-reveal-btn.nav-link:not(.active) span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link:not(.active) span.followers_count {
  background-color: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.followers_tab_block a.number-reveal-btn.nav-link:not(.active):hover span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link:not(.active):hover span.followers_count {
  background-color: var(--color-nav-tab-inactive-hover-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.followers_tab_block a.number-reveal-btn.nav-link.active:hover span.tab_title_track,
.followers_tab_block a.number-reveal-btn.nav-link.active:hover span.followers_count {
  background-color: var(--color-nav-tab-active-hover-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

/* Follow / Unfollow / Edit / Change / Connect — secondary outlined */
.btnnew_used.btn-follow,
.theme-btn-outlined {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.btnnew_used.btn-follow:hover,
.btnnew_used.btn-follow:focus,
.theme-btn-outlined:hover,
.theme-btn-outlined:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.btnnew_used.btn-follow:active,
.theme-btn-outlined:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.btnnew_used.btn-unfollow {
  background: var(--color-btn-neutral-bg) !important;
  color: var(--color-btn-neutral-text) !important;
  border: 1px solid var(--color-btn-neutral-border) !important;
}

.btnnew_used.btn-unfollow:hover,
.btnnew_used.btn-unfollow:focus {
  background: var(--color-btn-neutral-hover-bg) !important;
  color: var(--color-btn-neutral-text) !important;
  border-color: var(--color-btn-neutral-border) !important;
}

.btnnew_used.btn-unfollow:active {
  background: var(--color-btn-neutral-hover-bg) !important;
  color: var(--color-btn-neutral-text) !important;
  border-color: var(--color-border-strong) !important;
}

/* Profile forms — Update / Next / Add secondary CTA */
.Jcompny_actin .bottonsend .btn-secondaryx:not(.btn-inactive),
.noti_enable .bottonsend .btn-secondaryx:not(.btn-inactive),
.bottonsend.text-center .btn-secondaryx:not(.btn-inactive) {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.Jcompny_actin .bottonsend .btn-secondaryx:not(.btn-inactive):hover,
.noti_enable .bottonsend .btn-secondaryx:not(.btn-inactive):hover,
.bottonsend.text-center .btn-secondaryx:not(.btn-inactive):hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.Jcompny_actin .bottonsend .btn-secondaryx:not(.btn-inactive):active,
.noti_enable .bottonsend .btn-secondaryx:not(.btn-inactive):active,
.bottonsend.text-center .btn-secondaryx:not(.btn-inactive):active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Edit / Change / Connect — secondary outlined (Excel R183–185) */
.btnx.btn-outlined-action,
.righttsocial .bottonsend .btn-secondaryx,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive) {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.btnx.btn-outlined-action:hover,
.btnx.btn-outlined-action:focus,
.righttsocial .bottonsend .btn-secondaryx:hover,
.righttsocial .bottonsend .btn-secondaryx:focus,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive):hover,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive):focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.btnx.btn-outlined-action:active,
.righttsocial .bottonsend .btn-secondaryx:active,
.bottonsend.text-right .btn-secondaryx:not(.btn-inactive):active {
  background: var(--color-btn-outlined-active-bg) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

/* My Orders — Receipt action button (outlined) */
.order-card .btn-outline-primary,
.my-orders-page .btn-outline-primary {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.order-card .btn-outline-primary:hover,
.my-orders-page .btn-outline-primary:hover {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

/* Featured badge on landing cards */
.landing-product-card__featured {
  background: var(--color-featured-soft-bg) !important;
  color: var(--color-featured-soft-text) !important;
}

/* Star ratings */
.rated-star .MuiRating-iconFilled,
.rated-star .fa-star,
.rated-star .fas.fa-star {
  color: var(--color-star-active) !important;
}

.rated-star .MuiRating-iconEmpty,
.rated-star .far.fa-star {
  color: var(--color-star-empty) !important;
}

/* Secondary CTA utility — Update / Next / Add (Excel R180–182) */
.btnx.btn-secondary-cta,
.btn-secondary-cta.btnx {
  background: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-info) !important;
}

.btnx.btn-secondary-cta:hover,
.btn-secondary-cta.btnx:hover {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
}

.btnx.btn-secondary-cta:active,
.btn-secondary-cta.btnx:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
}

/* Profile settings — inline Change / Edit (Excel R183–184) */
.noti_enable .d-flex .btn-outlined-action,
.noti_enable .d-flex .btnx.btn-secondaryx.font-size-14,
.formnotification_inner .d-flex .btn-outlined-action {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.noti_enable .d-flex .btn-outlined-action:hover,
.noti_enable .d-flex .btnx.btn-secondaryx.font-size-14:hover,
.formnotification_inner .d-flex .btn-outlined-action:hover {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.top-header a:not(.btn) i,
.top-header button:not(.btn) i,
.top-header .header-more-menu .header-more-item i,
.bottom-navigation a i,
.bottom-navigation button i,
.socialnetw_bx .leftsocial i,
.subtab_editlabl .fa-ellipsis-v,
.see-all-btn i,
.breadcrumb-bx i,
.search-btn i,
.theme-icon-interactive,
.top-header i:not(.fa-heart):not(.fa-star),
.bottom-navigation i:not(.fa-heart):not(.fa-star) {
  color: var(--color-icon-default);
  transition: color 0.2s ease;
}

.top-header a:hover i,
.top-header button:hover i,
.top-header .header-more-menu .header-more-item:hover i,
.bottom-navigation a:hover i,
.bottom-navigation button:hover i,
.subtab_editlabl:hover .fa-ellipsis-v,
.see-all-btn:hover i,
.breadcrumb-bx a:hover i,
.breadcrumb-bx button:hover i,
.search-btn button:hover i,
.theme-icon-interactive:hover,
.theme-icon-interactive:focus-visible {
  color: var(--color-icon-hover);
}

.top-header a:active i,
.top-header button:active i,
.theme-icon-interactive:active {
  color: var(--color-icon-active);
}

[disabled] i,
.disabled i,
i.disabled {
  color: var(--color-icon-disabled) !important;
}

/* ── Excel 100% — final back-button override (wins cascade) ── */
.breadcrumb-bx .btnx.btn-primaryx,
.btn-back.btnx.btn-primaryx,
.btn-back.btnx.btn-secondaryx,
.btnx.btn-outline-primaryx {
  background: var(--color-btn-back-bg) !important;
  color: var(--color-btn-back-text) !important;
  border: 1px solid var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:hover,
.breadcrumb-bx .btnx.btn-primaryx:hover i,
.breadcrumb-bx .btnx.btn-primaryx:hover span,
.btn-back.btnx.btn-primaryx:hover,
.btn-back.btnx.btn-primaryx:hover span,
.btnx.btn-outline-primaryx:hover {
  background: var(--color-btn-back-hover-bg) !important;
  color: var(--color-btn-back-text) !important;
  border-color: var(--color-btn-back-border) !important;
}

.breadcrumb-bx .btnx.btn-primaryx:active,
.btn-back.btnx.btn-primaryx:active,
.btnx.btn-outline-primaryx:active {
  background: var(--color-btn-back-active-bg) !important;
  border-color: var(--color-btn-back-border) !important;
  color: var(--color-btn-back-text) !important;
}

/* Publish Slot — Primary CTA (Excel R146) */
.upcoming-live-auction-bx > h2 {
  background-color: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-brand-primary) !important;
}

.upcoming-live-auction-bx > h2:hover {
  background-color: var(--color-brand-primary-hover) !important;
  border-color: var(--color-brand-primary-hover) !important;
}

/* Register Pre-Bid — Primary CTA (Excel R144) */
.pre-bid-btn,
.btn.btn-primary.pre-bid-btn {
  background: var(--color-brand-primary) !important;
  color: var(--color-text-on-accent) !important;
  border: 1px solid var(--color-brand-primary) !important;
}

.pre-bid-btn:hover {
  background: var(--color-brand-primary-hover) !important;
}

.pre-bid-btn:active {
  background: var(--color-brand-primary-active) !important;
}

.product-img-bx .live-tag,
.live-auction-section .live-tag {
  background: var(--color-live-soft-bg) !important;
  color: var(--color-live-soft-text) !important;
  border-radius: 999px !important;
}

.product-img-bx .live-tag i,
.live-auction-section .live-tag i {
  color: var(--color-live-soft-text) !important;
}

/* Receipt + outlined actions (Excel R191) — light + dark receipt tokens */
.order-card .btn-outline-primary.theme-btn-receipt,
.my-orders-page .btn-outline-primary.theme-btn-receipt,
.btn-outline-primary.theme-btn-receipt {
  background: var(--color-order-receipt-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border: 1px solid var(--color-order-receipt-border) !important;
}

.order-card .btn-outline-primary.theme-btn-receipt:hover,
.order-card .btn-outline-primary.theme-btn-receipt:focus,
.my-orders-page .btn-outline-primary.theme-btn-receipt:hover,
.btn-outline-primary.theme-btn-receipt:hover,
.btn-outline-primary.theme-btn-receipt:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border-color: var(--color-order-receipt-border) !important;
}

.order-card .btn-outline-primary.theme-btn-receipt:active,
.btn-outline-primary.theme-btn-receipt:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-order-receipt-text) !important;
  border-color: var(--color-order-receipt-border) !important;
}

/* Generic outlined primary in orders (non-receipt) */
.order-card .btn-outline-primary:not(.theme-btn-receipt),
.my-orders-page .btn-outline-primary:not(.theme-btn-receipt) {
  background: var(--color-btn-outlined-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
}

.order-card .btn-outline-primary:not(.theme-btn-receipt):hover,
.order-card .btn-outline-primary:not(.theme-btn-receipt):focus,
.my-orders-page .btn-outline-primary:not(.theme-btn-receipt):hover {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

/* Profile / chat presence dot — Excel R101 Success (#22C55E) */
.live-dot.online,
.detail-owner-img .live-dot.online,
.product-card-video-btn__online-dot {
  background: var(--color-presence-online) !important;
}

.live-dot.offline,
.detail-owner-img .live-dot.offline {
  background: var(--color-presence-offline) !important;
}

.live-dot.incall {
  background: var(--color-danger) !important;
}

/* Manage Account — online/offline status dot (Excel R101 presence tokens) */
.statuslabb.Go_online.online,
.statuslabb.Go_online.online i {
  color: var(--color-presence-online) !important;
}

.statuslabb.Go_online.offline,
.statuslabb.Go_online.offline i {
  color: var(--color-presence-offline) !important;
}

.online_status,
.user-presence-online,
.db_chat_presence_online {
  color: var(--color-success) !important;
  font-weight: 600;
}

/* PNG + Excel text: metadata / last seen (R33 text-muted) */
.or_text,
.rated-customer-bx-inner .or_text {
  color: var(--color-text-muted);
}

/* Profile subtabs — inactive #4B5563 (R32), active blue underline (R49) */
.nav-tabs.profile-subtabs .nav-link,
.nav-tabs.my-custom-tab-mobile .nav-link {
  color: var(--color-text-secondary) !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
}

.nav-tabs.profile-subtabs .nav-link:hover:not(.active):not(.in),
.nav-tabs.my-custom-tab-mobile .nav-link:hover:not(.active):not(.in) {
  color: var(--color-text-link-hover) !important;
  background: transparent !important;
}

.nav-tabs.profile-subtabs .nav-link.active,
.nav-tabs.profile-subtabs .nav-link.active.in,
.nav-tabs.my-custom-tab-mobile .nav-link.active,
.nav-tabs.my-custom-tab-mobile .nav-link.active.in {
  color: var(--color-text-link) !important;
  border-bottom-color: var(--color-info) !important;
  background: transparent !important;
}

.nav-tabs.profile-subtabs .nav-link.active:hover,
.nav-tabs.profile-subtabs .nav-link.active.in:hover,
.nav-tabs.my-custom-tab-mobile .nav-link.active:hover,
.nav-tabs.my-custom-tab-mobile .nav-link.active.in:hover {
  color: var(--color-text-link-hover) !important;
  border-bottom-color: var(--color-info-hover) !important;
}

/* Profile header name — bold primary text (R31) */
.detail-owner-name-bx .detail-owner-name h2.font-size-16,
.myowe_sec .detail-owner-name h2.font-size-16 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Chat Now — secondary outlined blue on web + mobile (R165 style) */
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  color: var(--color-btn-outlined-text) !important;
  background: var(--color-btn-outlined-bg) !important;
  border: 1px solid var(--color-btn-outlined-border) !important;
  border-radius: 4px;
}

.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:hover,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:focus {
  background: var(--color-btn-outlined-hover-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:active {
  background: var(--color-btn-outlined-active-bg) !important;
  color: var(--color-btn-outlined-text) !important;
  border-color: var(--color-btn-outlined-border) !important;
}

.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:hover i,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:focus i,
.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn:active i {
  color: var(--color-btn-outlined-text) !important;
}

.myowe_sec .livestriming_lsec .chat_icon a.number-reveal-btn span {
  border-bottom: none !important;
  color: inherit !important;
}

.myowe_sec .livestriming_lsec .chat_icon i {
  color: var(--color-btn-outlined-text) !important;
}

.my-orders-status-tabs .nav-tabs .nav-link span {
  color: inherit !important;
}

/* My Orders status filters — beat legacy .Jcompny_actin orange (Excel R162/R163) */
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-bg) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover {
  color: var(--color-nav-tab-inactive-text) !important;
  background-color: var(--color-nav-tab-inactive-hover-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover i {
  color: var(--color-nav-tab-inactive-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover {
  color: var(--color-nav-tab-active-text) !important;
  background-color: var(--color-nav-tab-active-hover-bg) !important;
  border-color: var(--color-nav-tab-active-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active:hover i,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in:hover i {
  color: var(--color-nav-tab-active-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:hover img {
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in {
  color: var(--color-nav-tab-active-text) !important;
  background-color: var(--color-nav-tab-active-bg) !important;
  border-color: var(--color-nav-tab-active-border) !important;
  filter: none !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active span,
.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link.active.in span {
  color: var(--color-nav-tab-active-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link:not(.active) span {
  color: var(--color-nav-tab-inactive-text) !important;
}

.my-orders-container .Jcompny_actin.my-orders-status-tabs ul.nav.nav-tabs .nav-link i {
  color: inherit !important;
}

/* Track Order — secondary blue CTA (Excel R134 / PNG) */
.order-card .btn-primary.theme-btn-track-order {
  background: var(--color-info) !important;
  border-color: var(--color-info) !important;
  color: var(--color-text-on-accent) !important;
}

.order-card .btn-primary.theme-btn-track-order:hover,
.order-card .btn-primary.theme-btn-track-order:focus {
  background: var(--color-info-hover) !important;
  border-color: var(--color-info-hover) !important;
  color: var(--color-text-on-accent) !important;
}

.order-card .btn-primary.theme-btn-track-order:active {
  background: var(--color-info-active) !important;
  border-color: var(--color-info-active) !important;
  color: var(--color-text-on-accent) !important;
}

.order-card .btn-primary.theme-btn-track-order i {
  color: inherit !important;
}

/* Buying / Selling order-type toggle — same nav active/inactive as Followers/Following (R162/R163) */
.my-orders-container .order-type-tab.active,
.my-orders-container .order-type-tab.active:hover {
  background: var(--color-nav-tab-active-bg) !important;
  border-color: var(--color-nav-tab-active-border) !important;
  color: var(--color-nav-tab-active-text) !important;
}

.my-orders-container .order-type-tab:not(.active),
.my-orders-container .order-type-tab:not(.active):hover {
  background: var(--color-nav-tab-inactive-bg) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
  color: var(--color-nav-tab-inactive-text) !important;
}

.my-orders-container .order-type-tab.active .order-count {
  background: var(--color-nav-tab-active-hover-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
}

/* Product slider / carousel nav — icon hover blue (R94) */
.owl-theme .owl-nav [class*="owl-"]:hover,
.similar-pro .owl-nav button:hover {
  color: var(--color-icon-hover) !important;
}

/* My Invoices — tabs, totals, badge colors (light + dark) */
.invoice-history-page .invoice-tabs .tab-btn:not(.active) {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
  border-bottom-color: transparent !important;
}

.invoice-history-page .invoice-tabs .tab-btn:not(.active):hover {
  color: var(--color-text-secondary) !important;
  background: transparent !important;
}

.invoice-history-page .invoice-tabs .tab-btn.active,
.invoice-history-page .invoice-tabs .tab-btn.active:hover {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
  border-bottom-color: var(--color-info) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.invoice-history-page .total-amount {
  color: var(--color-brand-primary) !important;
}

.invoice-history-page .invoice-number {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.invoice-history-page .invoice-table .badge-success {
  background: var(--color-success-soft) !important;
  color: var(--color-success) !important;
  border: 1px solid rgba(34, 197, 94, 0.35) !important;
}

.invoice-history-page .invoice-table .badge-warning {
  background: var(--color-warning-soft) !important;
  color: var(--color-warning) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

.invoice-history-page .invoice-table .badge-danger {
  background: var(--color-danger-soft) !important;
  color: var(--color-danger) !important;
  border: 1px solid rgba(198, 40, 40, 0.35) !important;
}

[data-theme="dark"] .invoice-history-page .invoice-table th {
  color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .invoice-history-page .invoice-summary span:first-child {
  color: var(--color-text-secondary) !important;
}

/* ── Excel yellow 100% — remaining colour-only gaps ── */

/* R54–R59: tab / filter chip active & inactive (blue nav state, not orange) */
.btnx.btn-secondaryx.active:not(.fillter_btn_track),
.btnx.btn-secondaryx.active:not(.fillter_btn_track):hover,
.btnx.btn-secondaryx.active:not(.fillter_btn_track):focus {
  background: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border: 1px solid var(--color-nav-tab-active-border) !important;
  opacity: 1 !important;
}

.btnx.btn-secondaryx.active:not(.fillter_btn_track):hover,
.btnx.btn-secondaryx.active:not(.fillter_btn_track):focus {
  background: var(--color-nav-tab-active-hover-bg) !important;
}

.btnx.btn-secondaryx.btn-inactive,
.btnx.btn-inactive.btn-secondaryx {
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border: 1px solid var(--color-nav-tab-inactive-border) !important;
  opacity: 1 !important;
}

.btnx.btn-secondaryx.btn-inactive:hover,
.btnx.btn-inactive.btn-secondaryx:hover {
  background: var(--color-nav-tab-inactive-hover-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.subtab_prodlist_NEW ul.toggletab-bx li.active a {
  color: var(--color-nav-tab-active-text) !important;
}

/* R33: clear filter ghost — text-muted */
.transaction-history-page .btn-clear-filters,
.invoice-history-page .clear-filters-btn {
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-default) !important;
}

.transaction-history-page .btn-clear-filters:hover,
.invoice-history-page .clear-filters-btn:hover {
  color: var(--color-text-muted) !important;
  background: var(--color-nav-tab-inactive-hover-bg) !important;
}

/* R216: online shipping pill colours (class-only; no order logic change) */
.theme-shipping-badge--online,
.order-shipping-action-badge--online,
.labltable.theme-shipping-badge--online {
  background: var(--color-shipping-online-bg) !important;
  color: var(--color-shipping-online-text) !important;
  border: 1px solid var(--color-shipping-online-border) !important;
}

/* R94–R95: broader icon hover/active (colour only) */
.product-sideBar-parent a:hover i:not(.fa-heart),
.product-listing-sideBar a:hover i,
.profile-sidebar a:hover i,
.dropdown-menu .dropdown-item:hover i,
.modal-header .close:hover,
.pagination .page-link:hover i,
.owl-carousel .owl-nav button:hover i {
  color: var(--color-icon-hover) !important;
}

.product-sideBar-parent a:active i:not(.fa-heart),
.dropdown-menu .dropdown-item:active i {
  color: var(--color-icon-active) !important;
}

/* Profile sidebar illustration cards — theme blue (balance, wishlist, settings, activity, etc.) */
.subcateleft_imgsec img {
  background: var(--color-info) !important;
  border-radius: 12px;
}

[data-theme="dark"] .subcateleft_imgsec img {
  background: var(--color-info) !important;
}

/* Activity — Wishlist heart orange when active (Excel R169, client PNG) */
.this_subwishlist .add-to-wishlist,
.this_subwishlist .wishlist-heart-btm {
  color: var(--color-wishlist-active) !important;
}

.this_subwishlist .add-to-wishlist .fas.fa-heart,
.this_subwishlist .wishlist-heart-btm .fas.fa-heart,
.this_subwishlist .add-to-wishlist i {
  color: var(--color-wishlist-active) !important;
}

.this_subwishlist .add-to-wishlist:hover .fas.fa-heart,
.this_subwishlist .wishlist-heart-btm:hover .fas.fa-heart {
  color: var(--color-wishlist-hover) !important;
}

/* Activity — product title black bold header (client PNG) */
.this_subwishlist .product-name-bx h4,
.this_subwishlist .product-name-bx h4 a,
.this_subRecentlyviewed .product-name-bx h4,
.this_subRecentlyviewed .product-name-bx h4 a,
.this_subwishlist .listside_newperent .product-name-bx h4,
.this_subRecentlyviewed .listside_newperent .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Account settings — notification toggles blue when on (client PNG) */
.formnotification_inner .switch input:checked + .slider,
.noti_enable .switch input:checked + .slider,
.formnotification_inner input[type="checkbox"]:checked + .slider {
  background-color: var(--color-info) !important;
}

.formnotification_inner .switch input:focus + .slider,
.noti_enable .switch input:focus + .slider {
  box-shadow: 0 0 0 2px var(--color-info-soft) !important;
}

/* Account settings — capsule buttons (Change / Update / Edit — client PNG) */
.formnotification_inner .bottonsend .btnx.btn-secondary-cta,
.formnotification_inner .bottonsend .btnx.btn-outlined-action,
.formnotification_inner .bottonsend .btnx.btn-destructive,
.formnotification_inner .bottonsend a.btnx.btn-secondary-cta,
.formnotification_inner .bottonsend a.btnx.btn-outlined-action {
  border-radius: 999px !important;
}

/* Premium Services — Basic / Premium / VIP tabs (client PNG) */
.premium-services-tabs.nav-tabs.my-custom-tab .nav-link.active,
.premium-services-tabs.nav-tabs.my-custom-tab .nav-link.active.in {
  color: var(--color-nav-tab-active-text) !important;
  border-bottom-color: var(--color-info) !important;
}

/* Premium Services — duration chips: light blue active + capsule */
.tabpremium_target .selectStatus_box label {
  border-radius: 999px !important;
  background: var(--color-nav-tab-inactive-bg) !important;
  color: var(--color-nav-tab-inactive-text) !important;
  border-color: var(--color-nav-tab-inactive-border) !important;
}

.tabpremium_target .selectStatus_box input:checked + label {
  background-color: var(--color-nav-tab-active-bg) !important;
  color: var(--color-nav-tab-active-text) !important;
  border-color: var(--color-nav-tab-active-border) !important;
}

.tabpremium_target .selectStatus_box input:checked + label:before {
  color: var(--color-nav-tab-active-text) !important;
}

/* Premium Services — Make Payment: capsule, orange colour unchanged */
.tabpremium_target .payment-btn {
  border-radius: 999px !important;
}

/* UserMessageBox — chat header blue, incoming bubbles light blue, body metadata (client PNG) */
.pagemain_chat02 .chatbox_head,
.pagemain_chat02 .db_chatbox_head {
  background: var(--color-info) !important;
  filter: none;
}

.pagemain_chat02 .chatleftH_title h6,
.pagemain_chat02 .chatleftH_title h6 span,
.pagemain_chat02 .chatleftH_title h6 p,
.pagemain_chat02 .chatleftH_title h6 p span,
.pagemain_chat02 .db_chat_header_name,
.pagemain_chat02 .db_chatbox_head .backonlymes_chatmob {
  color: var(--color-text-on-accent) !important;
}

.pagemain_chat02 .db_chat_header_icon path {
  fill: var(--color-text-on-accent) !important;
}

.pagemain_chat02 .db_chat_header_status {
  color: rgba(255, 255, 255, 0.88) !important;
}

.pagemain_chat02 .db_chat_presence_offline {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 500;
}

.pagemain_chat02 .sent_sidemain .chat_textdesc {
  background-color: var(--color-chat-receiver-bg) !important;
  color: var(--color-chat-receiver-text) !important;
  border-color: var(--delivery-border) !important;
}

.pagemain_chat02 .sent_sidemain .chat_textdesc .chat_hello,
.pagemain_chat02 .sent_sidemain .chat_textdesc .chat_hello span {
  color: var(--color-chat-receiver-text) !important;
}

.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p,
.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p span,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p,
.pagemain_chat02 .db_profile_popup_card .detail-owner-name p span {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.pagemain_chat02 .product-detail-owner-bx .detail-owner-name p .text-gray-400 {
  color: var(--color-text-muted) !important;
}

/* Excel R31–R34 — text system completion (light + dark via tokens) */
.detail-owner-name p,
.product-detail-owner-bx .detail-owner-name p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.detail-owner-name p span.or_text,
.product-detail-owner-bx .detail-owner-name p span.or_text,
.detail-owner-name p > span:first-child:not(.user-presence-online):not(.db_chat_presence_online):not(.online_status) {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.detail-owner-name p .user-presence-online,
.detail-owner-name p .db_chat_presence_online,
.detail-owner-name p .online_status {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

.rated-star span,
.rated-star span strong,
.product-detail-owner-bx .rated-star span strong {
  color: var(--color-text-primary) !important;
}

.pagemain_chat02 .chatusername p {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

.pagemain_chat02 .lastMessage-track {
  color: var(--color-text-secondary) !important;
}

.pagemain_chat02 .writesomt_full textarea::placeholder,
.pagemain_chat02 .writesomt_full input::placeholder {
  color: var(--color-text-muted) !important;
}

/* User profile page (/user/all-products) — text system (client PNG + Excel R31–R34) */
.user-profile-page .top_rated_sec .detail-owner-name h2.font-size-16 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.user-profile-page .rated-customer-bx-inner {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .rated-customer-bx-inner h2 {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

.user-profile-page .rated-customer-bx-inner .or_text {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.user-profile-page .user-presence-online,
.user-profile-page .online_status.user-presence-online {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

/* Items / About / Reviews — inactive #4B5563, active blue underline (mobile + desktop) */
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
  border-bottom: 2px solid transparent !important;
}

.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active,
.user-profile-page .product-all-detail-tab_box .nav-tabs.my-custom-tab .nav-link.active.show {
  color: var(--color-text-link) !important;
  border-bottom: 2px solid var(--color-info) !important;
  border-color: transparent !important;
  background: transparent !important;
}

/* Profile item cards — price bold, title body, location light, description ghost */
.user-profile-page .product-listing-product .product-name-bx h6,
.user-profile-page .product-listing-product .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.user-profile-page .product-listing-product .product-name-bx h4,
.user-profile-page .product-listing-product .product-name-bx h4 a {
  color: var(--color-text-primary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-listing-product .product-name-bx h5 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  margin: 7px 0 !important;
}

.user-profile-page .product-listing-product .product-name-bx p {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
  margin-top: 8px !important;
}

.user-profile-page .product-listing-product .displayInlineTime,
.user-profile-page .product-listing-product .product-name-bx time,
.user-profile-page .produc-grid-product .product-name-bx time {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-listing-product .product-name-bx h4 {
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}

.user-profile-page .product-listing-product .product-name-bx h6 {
  margin-top: 7px !important;
  margin-bottom: 0 !important;
}

/* About tab — labels secondary, values bold primary */
.user-profile-page .about_heading {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.user-profile-page .product-detail-tab > .product-specs {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-detail-tab .row .col-6:first-child .product-specs {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.user-profile-page .product-detail-tab .row .col-6:last-child .product-specs,
.user-profile-page .product-detail-tab .product-specs.bold-text {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

/* Message CTA — blue text (client PNG) */
.user-profile-page .Jvideochat_cus .number-reveal-btn,
.user-profile-page .Jvideochat_cus .number-reveal-btn span {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
}

/* Live auction page — text system (client PNG + Excel R31–R34) */
.actionpag_tabmess_newperent.profile-tabs-perent .listtclick li a.active {
  border-bottom-color: var(--color-info) !important;
}

.actionpag_tabmess_newperent.profile-tabs-perent .listtclick li a.custom_a,
.actionpag_tabmess_newperent.profile-tabs-perent .listtclick li a.custom_a.active {
  color: var(--color-text-primary) !important;
}

.actionpag_tabmess_newperent .userimgneme_second strong {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.actionpag_tabmess_newperent .userimgneme_second strong span {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-auction-colums {
  filter: none !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-auction-colums:first-child {
  background-color: var(--color-nav-tab-active-bg) !important;
  border-color: var(--color-info) !important;
}

.actionpag_tabmess_newperent .liveac_notify .dateOnPreAuction,
.actionpag_tabmess_newperent .liveac_notify .dateOnPreAuction time {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name > a > time {
  color: var(--color-text-muted) !important;
  font-weight: 500 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h5 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .liveac_notify .upcoming-live-name h6 span {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
}

.actionpag_tabmess_newperent .note_auction {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.actionpag_tabmess_newperent .senderBlock,
.actionpag_tabmess_newperent .receiverBlock {
  color: var(--color-text-link) !important;
  font-weight: 600 !important;
}

.actionpag_tabmess_newperent .or_text_color,
.actionpag_tabmess_newperent .or_text_color time,
.actionpag_tabmess_newperent .progress__number .or_text_color {
  color: var(--color-text-link) !important;
}

/* Upcoming / auction product detail — title + detail body text (client PNG) */
.product-detail-main-bx .product_title,
.product-detail-main-bx .prodctdetil_newtitles h2 {
  font-size: 16px !important;
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

.product-detail-main-bx .upcoming_product_price_track {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.product-detail-main-bx .upcoming_product_price_track b {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.product-detail-main-bx .prodctdetil_newtitles p,
.product-detail-main-bx .newrigh_ppris > p {
  color: var(--color-text-muted) !important;
}

.product-detail-main-bx .product-detail-tab .product-specs,
.product-detail-main-bx .product-discription p,
.product-detail-main-bx .product-detail-tab p.product-specs {
  color: var(--color-text-secondary) !important;
}

.db_productDetail_page .product-detail-heading h2 {
  font-size: 16px !important;
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

.db_productDetail_page .newrigh_ppris h4,
.db_productDetail_page .newrigh_ppris .font-size-20 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.db_productDetail_page .newrigh_ppris p {
  color: var(--color-text-muted) !important;
  font-weight: 400 !important;
}

.db_productDetail_page .detail-owner-header h2 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.db_productDetail_page .detail-owner-name p {
  white-space: nowrap;
}

.db_productDetail_page .detail-owner-name .user-presence-online {
  color: var(--color-presence-online) !important;
  font-weight: 600 !important;
}

.db_productDetail_page .product-all-detail-tab .nav-tabs.my-custom-tab .nav-link:not(.active):not(.show) {
  color: var(--color-text-secondary) !important;
}

.db_productDetail_page .star-ratings svg polygon,
.product_detail_main .star-ratings svg polygon,
.product-detail-main-bx #customers-reviews .star-ratings svg polygon,
.product-detail-main-bx #customers-reviews-2 .star-ratings svg polygon {
  fill: var(--color-star-active) !important;
}

.db_productDetail_page .star-ratings svg polygon[fill="var(--color-star-empty)"],
.product_detail_main .star-ratings svg polygon[fill="var(--color-star-empty)"] {
  fill: var(--color-star-empty) !important;
}

.db_productDetail_page .report_section_heading i,
.product_detail_main .report_section_heading i {
  color: var(--color-icon-default) !important;
}

.db_productDetail_page .safety-tips-bx h2 {
  color: var(--color-text-primary) !important;
  font-weight: 600 !important;
}

/* Similar items — wishlist heart blue (client PNG) */
.similar-products-bx .add-to-wishlist .far.fa-heart,
.featured-product-section.similar-products-bx .add-to-wishlist .far.fa-heart {
  color: var(--color-text-link) !important;
}

/* Auction listing cards — text system (client PNG + Excel R31–R34) */
.auctionplist_main .product-name-bx time,
.actionpage_list .product-name-bx time,
.Jtaballp_content02.auctionplist_main .product-name-bx time,
.produc-grid-product .product-name-bx time {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

.auctionplist_main .product-name-bx h4,
.actionpage_list .product-outer-bx .product-name-bx h4,
.Jtaballp_content02.auctionplist_main .product-name-bx h4,
.produc-grid-product .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
}

.auctionplist_main .product-name-bx h6,
.auctionplist_main .product-name-bx h6 span,
.actionpage_list .product-name-bx h6,
.actionpage_list .product-name-bx h6 span,
.Jtaballp_content02.auctionplist_main .product-name-bx h6,
.Jtaballp_content02.auctionplist_main .product-name-bx h6 span,
.produc-grid-product .product-name-bx h6,
.produc-grid-product .product-name-bx h6 span {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}

.auctionplist_main .product-name-bx h3,
.actionpage_list .product-outer-bx .product-name-bx h3,
.Jtaballp_content02.auctionplist_main .product-name-bx h3,
.produc-grid-product .product-name-bx h3 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.auctionplist_main .add-to-wishlist .far.fa-heart,
.actionpage_list .add-to-wishlist .far.fa-heart,
.Jtaballp_content02 .add-to-wishlist .far.fa-heart {
  color: var(--color-text-link) !important;
}

/* Newsletter — header light label (client PNG) */
.newsletter-bx .col-lg-5 h2,
.newsletter-bx h2,
.landing-newsletter h6.font-weight-bold {
  color: var(--color-text-secondary) !important;
  font-weight: 500 !important;
}

.newsletter-bx .col-lg-5 p {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

/* Register to bid — delivery / protection / payment icons (client PNG) */
.biding_Main_box .delivery-info-box,
.product-detail-main-bx .delivery-info-box,
.db_productDetail_page .delivery-info-box {
  --delivery-accent: var(--color-info);
  --delivery-accent-soft: var(--color-info-soft);
}

.biding_Main_box .delivery-info-icon,
.product-detail-main-bx .delivery-info-icon,
.db_productDetail_page .delivery-info-icon {
  color: var(--color-info) !important;
  background: var(--color-info-soft) !important;
}

.biding_Main_box .delivery-info-icon svg,
.product-detail-main-bx .delivery-info-icon svg,
.db_productDetail_page .delivery-info-icon svg {
  color: var(--color-info) !important;
}

/* Category / for-sale listing — product card text (client PNG + Excel R31–R34) */
.new_placetab_icon select.form-control-line {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
}

.forsalepage_listing .Jtaballp_content02 .product-name-bx h6,
.forsalepage_listing .Jtaballp_content02 .product-name-bx h6 span,
.forsalepage_listing .product_card_box .product-name-bx h6 span {
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.forsalepage_listing .Jtaballp_content02 .product-name-bx h4,
.forsalepage_listing .product_card_box .product-name-bx h4 {
  color: var(--color-text-primary) !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

.forsalepage_listing .Jtaballp_content02 .product-name-bx h3,
.forsalepage_listing .product_card_box .product-name-bx h3 {
  color: var(--color-text-secondary) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

@media (max-width: 767px) {
  .forsalepage_listing .product_card_box .product-name-bx h4,
  .Jtaballp_content02.auctionplist_main .product_card_box .product-name-bx h4 {
    color: var(--color-text-primary) !important;
    font-weight: 700 !important;
  }

  .forsalepage_listing .product_card_box .product-name-bx h6 span {
    color: var(--color-text-secondary) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
  }
}

/* Product detail — prevent gallery column stretch gap only (no grid/layout rewrite) */
@media (min-width: 992px) {
  .product_detail_main > .container > .row {
    align-items: flex-start;
  }

  /* Desktop: details under gallery — extend into offset gap only, never over sidebar */
  .product_detail_main .col-xl-6.col-lg-7 > .db_pdp_details_under_gallery_col {
    width: calc(133.333333% - 18px);
    max-width: calc(133.333333% - 18px);
    flex: 0 0 auto;
    margin-top: 16px;
    position: relative;
    z-index: 1;
  }

  @media (min-width: 992px) and (max-width: 1199.98px) {
    /* lg: no offset gap (col-7 + col-5), keep details within image column */
    .product_detail_main .col-xl-6.col-lg-7 > .db_pdp_details_under_gallery_col {
      width: 100%;
      max-width: 100%;
    }
  }

  .product_detail_main .db_pdp_details_under_gallery {
    width: 100%;
    max-width: 100%;
  }

  .product_detail_main .db_pdp_details_under_gallery .nav-tabs.my-custom-tab {
    width: 100%;
  }

  .product_detail_main .db_pdp_details_under_gallery .tab-content {
    background: var(--color-bg-subtle);
    padding: 28px 24px;
    width: 100%;
    box-sizing: border-box;
    border-color: var(--color-border-subtle);
  }

  .product_detail_main .db_pdp_details_under_gallery #customers-reviews-2 .customer-review-bx.d-flex,
  .product_detail_main .db_pdp_details_under_gallery #customer .customer-review-bx.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
  }

  .product_detail_main .db_pdp_details_under_gallery .customer-review-bx > h2 {
    font-size: 18px;
    margin-bottom: 12px;
    width: 100%;
  }

  .product_detail_main .db_pdp_details_under_gallery .rating_section {
    flex-wrap: wrap;
    gap: 8px 12px;
    width: 100%;
    margin-bottom: 16px;
  }

  .product_detail_main .db_pdp_details_under_gallery .rating_section .star-filter {
    font-size: 13px;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .product_detail_main .db_pdp_details_under_gallery .rating_section .star-filter span {
    font-size: 13px;
  }

  .product_detail_main .db_pdp_details_under_gallery #customers-reviews-2 > .row,
  .product_detail_main .db_pdp_details_under_gallery #customer > .row {
    margin-left: 0;
    margin-right: 0;
  }

  .product_detail_main .db_pdp_details_under_gallery #customers-reviews-2 > .row > .col-xl-4,
  .product_detail_main .db_pdp_details_under_gallery #customer > .row > .col-xl-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
  }

  .product_detail_main .db_pdp_details_under_gallery .rating-row .rating-view {
    flex: 1 1 auto;
    min-width: 0;
  }

  .product_detail_main .db_pdp_details_under_gallery .rating-text h4 {
    font-size: 14px;
    margin-bottom: 0;
  }

  .product_detail_main .db_pdp_details_under_gallery .star-txt {
    font-size: 13px;
    min-width: 56px;
  }

  .product_detail_main .db_pdp_details_under_gallery .customer-review-profile_block {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .product_detail_main .db_pdp_details_under_gallery .customer-review-profile_block .row.pb-3 {
    margin-left: 0;
    margin-right: 0;
  }

  .product_detail_main .db_pdp_details_under_gallery .customer-review-profile_block .row.pb-3 > [class*="col-md-3"] {
    flex: 0 0 25%;
    max-width: 25%;
    font-size: 13px;
    margin-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .product_detail_main .db_pdp_details_under_gallery .review_block .detail-owner-name h3 {
    font-size: 15px;
  }

  .product_detail_main .db_pdp_details_under_gallery .review_block .review_mess,
  .product_detail_main .db_pdp_details_under_gallery .review_block .review_reply {
    font-size: 14px;
  }

  /* Sidebar stays above details if widths touch at edge */
  .product_detail_main .db_productDetail_page {
    position: relative;
    z-index: 3;
  }
}

/* Mobile/tablet: desktop under-gallery block hidden — uses sidebar mobile_view tabs */
@media (max-width: 991.98px) {
  .product_detail_main .db_pdp_details_under_gallery_col {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }
}

/* Inspect live popup on product page */
.db-inspect-live-modal__icon {
  margin-bottom: 12px;
}

.db-inspect-live-modal__title {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 8px;
}

.db-inspect-live-modal__status,
.db-inspect-live-modal__hint {
  color: var(--color-text-secondary);
  font-size: 15px;
  margin-bottom: 12px;
}

.db-inspect-live-modal__actions .btn-primary {
  border-radius: 8px;
}

/* Sentence case — CMS/footer only (does not touch product page layout) */
.abouttop_banner .bannerheading,
.abouttop_sectwo .sectionhead,
.tremsuse_banner .bannerheading,
.pripolicy_bannersec .bannerheading,
.privacy_ply .bannerheading,
.ftr-menu-bx h2,
.site-footer--landing .ftr-menu-bx h2,
.help-center-page h2,
.about_heading,
.user-profile-page .about_heading {
  text-transform: none !important;
}