/* Netch Cart Custom Styling - Dark Theme */
:root {
  --netch-bg: #000;
  --netch-surface: rgba(255,255,255,0.04);
  --netch-border: rgba(255,255,255,0.1);
  --netch-text: #f8fafc;
  --netch-muted: #a3a3a3;
}

body,
#order-standard_cart {
  color: var(--netch-text);
}

#order-standard_cart .products .product,
#order-standard_cart .view-cart-items,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .domain-selection-options,
#order-standard_cart .domain-checker-container,
#order-standard_cart .panel,
#order-standard_cart .cart-body {
  color: #f5f5f5;
  background: var(--netch-surface);
  border: 1px solid var(--netch-border);
  border-radius: 8px;
  box-shadow: 0 18px 60px rgba(0,0,0,.3);
}

#order-standard_cart .products .product header,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .order-summary h2,
#order-standard_cart .summary-container .subtotal {
  color: #fff;
  background: rgba(255,255,255,0.055);
  border-color: rgba(255,255,255,0.08);
}

#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout {
  color: #000 !important;
  background: #fff !important;
  border-color: #fff !important;
  border-radius: 8px;
  font-weight: 800;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-checkout:hover {
  background: #d4d4d8 !important;
  border-color: #d4d4d8 !important;
}

#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart textarea {
  color: #fff;
  background: rgba(255,255,255,0.05);
  border: 1px solid var(--netch-border);
  border-radius: 8px;
}

#order-standard_cart .field,
#order-standard_cart .prepend-icon .field {
  color: #fff;
}

#order-standard_cart .text-muted,
#order-standard_cart .help-block,
#order-standard_cart small {
  color: var(--netch-muted) !important;
}

#order-standard_cart .sidebar-collapsed,
#order-standard_cart .categories-collapsed {
  background: rgba(255,255,255,0.04);
  border-color: var(--netch-border);
}

#order-standard_cart table,
#order-standard_cart .table {
  color: #e5e7eb;
}

#order-standard_cart table td,
#order-standard_cart table th,
#order-standard_cart .table td,
#order-standard_cart .table th {
  border-color: rgba(255,255,255,0.08);
}

/* Netch cart visual QA fixes */
#order-standard_cart .products {
  margin-left: -10px;
  margin-right: -10px;
}

#order-standard_cart .products .product {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.14) !important;
}

#order-standard_cart .products .product header {
  color: #f8fafc !important;
  background: rgba(255,255,255,0.075) !important;
}

#order-standard_cart .products .product header span,
#order-standard_cart .products .product header .product-title,
#order-standard_cart .products .product .product-title,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4 {
  color: #f8fafc !important;
  opacity: 1 !important;
}

#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product .product-pricing span,
#order-standard_cart .products .product .product-pricing .price,
#order-standard_cart .products .product .product-pricing .cycle,
#order-standard_cart .products .product small,
#order-standard_cart .products .product p {
  color: #e5e7eb !important;
  opacity: 1 !important;
}

#order-standard_cart .products .product .btn {
  color: #050505 !important;
  background: #f8fafc !important;
  border-color: #f8fafc !important;
}

/* Sidebar Styling - Clean Dark + Emerald Active Indicator */
#order-standard_cart .panel-sidebar,
#order-standard_cart .sidebar .panel {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

#order-standard_cart .panel-sidebar .panel-heading,
#order-standard_cart .sidebar .panel-heading {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 12px 16px !important;
}

#order-standard_cart .panel-sidebar .panel-title,
#order-standard_cart .sidebar .panel-title {
  color: #f8fafc !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
}

#order-standard_cart .panel-sidebar .list-group-item,
#order-standard_cart .sidebar .list-group-item {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.07) !important;
  color: #cbd5e1 !important;
  padding: 12px 16px !important;
  transition: all 0.2s ease;
}

#order-standard_cart .panel-sidebar .list-group-item:hover,
#order-standard_cart .sidebar .list-group-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

#order-standard_cart .panel-sidebar .list-group-item.active,
#order-standard_cart .categories-sidebar .list-group-item.active,
#order-standard_cart .sidebar .list-group-item.active,
#order-standard_cart .sidebar .list-group-item-action.active,
#order-standard_cart .categories-collapsed .list-group-item.active,
#order-standard_cart .categories-collapsed .list-group-item-action.active,
#order-standard_cart .view-filter-btns .list-group-item.active,
#order-standard_cart .view-filter-btns .list-group-item-action.active {
  color: #f8fafc !important;
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(34, 197, 94, 0.32) !important;
  box-shadow: inset 3px 0 0 #22c55e !important;
}

#order-standard_cart .sidebar .list-group-item.active .badge,
#order-standard_cart .sidebar .list-group-item-action.active .badge {
  color: #050505 !important;
  background: #f8fafc !important;
}

/* Section Dividers & Sub-headings - Clean Left Alignment with Divider */
#order-standard_cart .sub-heading {
  height: auto !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
  margin: 32px 0 18px 0 !important;
  padding: 0 0 10px 0 !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading span.primary-bg-color {
  position: static !important;
  top: auto !important;
  display: inline-block !important;
  background: transparent !important;
  color: #f8fafc !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  padding: 0 !important;
}

/* Account Selection Cards */
#order-standard_cart .account-select-container {
  margin: 15px 0 24px 0 !important;
}

#order-standard_cart div.account {
  margin: 0 0 12px 0 !important;
  padding: 14px 16px !important;
  background-color: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  color: #f8fafc !important;
  transition: all 0.2s ease;
  cursor: pointer;
}

#order-standard_cart div.account:hover {
  background-color: rgba(255, 255, 255, 0.065) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

#order-standard_cart div.account.active {
  background-color: rgba(34, 197, 94, 0.08) !important;
  border-color: rgba(34, 197, 94, 0.45) !important;
  box-shadow: inset 3px 0 0 #22c55e !important;
}

#order-standard_cart div.account .radio-inline {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: #f8fafc !important;
  font-weight: normal;
  cursor: pointer;
}

#order-standard_cart div.account input[type="radio"].account-select {
  margin-top: 4px !important;
  margin-right: 0 !important;
  flex-shrink: 0;
  accent-color: #22c55e;
  cursor: pointer;
}

#order-standard_cart div.account strong {
  color: #ffffff !important;
  font-size: 0.95rem;
  font-weight: 600;
  display: block;
  margin-bottom: 2px;
}

#order-standard_cart div.account .address .small,
#order-standard_cart div.account .small {
  color: #94a3b8 !important;
  line-height: 1.4;
  font-size: 0.85rem;
}

#order-standard_cart div.account.border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Payment Gateways Option Cards */
#order-standard_cart #paymentGatewaysContainer {
  margin: 16px 0 24px 0 !important;
}

#order-standard_cart #paymentGatewaysContainer p.small.text-muted {
  color: #94a3b8 !important;
  font-size: 0.9rem;
  margin-bottom: 12px;
}

#order-standard_cart #paymentGatewaysContainer .text-center {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  justify-content: flex-start !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  color: #f8fafc !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline input[type="radio"] {
  margin: 0 !important;
  accent-color: #22c55e;
  cursor: pointer;
}

#order-standard_cart #paymentGatewaysContainer .radio-inline.active,
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(input[type="radio"]:checked) {
  background: rgba(34, 197, 94, 0.1) !important;
  border-color: #22c55e !important;
  color: #22c55e !important;
}

/* Total Due Today & Form Controls */
#order-standard_cart #totalDueToday {
  background: rgba(34, 197, 94, 0.08) !important;
  border: 1px solid rgba(34, 197, 94, 0.25) !important;
  color: #f8fafc !important;
  border-radius: 10px !important;
  padding: 14px 20px !important;
  font-size: 1.05rem !important;
  margin: 20px 0 !important;
}

#order-standard_cart #totalDueToday #totalCartPrice,
#order-standard_cart #totalDueToday strong {
  color: #22c55e !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}

#order-standard_cart textarea[name="notes"],
#order-standard_cart textarea.field {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f8fafc !important;
  border-radius: 8px !important;
  padding: 12px !important;
  resize: vertical;
}

#order-standard_cart textarea[name="notes"]:focus,
#order-standard_cart textarea.field:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2) !important;
  outline: none !important;
}

#order-standard_cart label.checkbox-inline {
  color: #cbd5e1 !important;
  font-size: 0.92rem;
}

#order-standard_cart label.checkbox-inline input[type="checkbox"] {
  accent-color: #22c55e;
}

#order-standard_cart #btnCompleteOrder {
  padding: 12px 32px !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

#order-standard_cart .checkout-security-msg {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94a3b8 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-top: 24px !important;
}

#order-standard_cart .checkout-security-msg i.fa-lock,
#order-standard_cart .checkout-security-msg i.fas.fa-lock {
  color: #22c55e !important;
  margin-right: 6px;
}

/* Existing Netch checkout/view-cart visual QA fixes */
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .tab-pane,
#order-standard_cart .view-cart-tabs .promo,
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .promo-code-cart-container,
#order-standard_cart .promo-code-container,
#order-standard_cart .apply-credit-container,
#order-standard_cart .empty-cart,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items-body,
#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .recurring-totals {
  color: #f8fafc !important;
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(255,255,255,0.12) !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs,
#order-standard_cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a {
  border-color: rgba(255,255,255,0.12) !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs > li > a {
  color: #d4d4d8 !important;
  background: rgba(255,255,255,0.06) !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a:hover,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a:focus {
  color: #050505 !important;
  background: #f8fafc !important;
  border-color: #f8fafc !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
  padding: 14px;
  border-radius: 0 8px 8px 8px;
}

#order-standard_cart .view-cart-tabs .form-control,
#order-standard_cart .promo-code-cart-container .form-control,
#order-standard_cart .promo-code-container .form-control {
  color: #f8fafc !important;
  background: #050505 !important;
  border-color: rgba(255,255,255,0.18) !important;
}

#order-standard_cart .view-cart-tabs .form-control::placeholder,
#order-standard_cart .promo-code-cart-container .form-control::placeholder,
#order-standard_cart .promo-code-container .form-control::placeholder {
  color: #808793 !important;
}

#order-standard_cart .btn[disabled],
#order-standard_cart .btn.disabled,
#order-standard_cart button[disabled],
#order-standard_cart input[type="submit"][disabled] {
  color: #a3a3a3 !important;
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.11) !important;
  opacity: 1 !important;
}

#order-standard_cart .order-summary {
  background: rgba(255,255,255,0.05) !important;
}

#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .summary-totals {
  background: rgba(255,255,255,0.07) !important;
}

#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .amt,
#order-standard_cart .order-summary .total {
  color: #f8fafc !important;
}

#order-standard_cart .btn-checkout,
#order-standard_cart a.checkout,
#order-standard_cart .checkout-btn {
  color: #050505 !important;
  background: #f8fafc !important;
  border-color: #f8fafc !important;
}

/* Netch order light button text fixes */
.btn-default,
.btn-light,
.btn-white,
.btn.btn-default,
.btn.btn-light,
.btn.btn-white,
a.btn-default,
a.btn-light,
a.btn-white,
button.btn-default,
button.btn-light,
button.btn-white,
input.btn-default,
input.btn-light,
input.btn-white {
  color: #050505 !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:active,
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active {
  color: #050505 !important;
}