/* ========================================
   STANDARD CART - DARK THEME OVERRIDES
   ======================================== */

/* Labels and text */
#order-standard_cart p.domain-renewal-desc {
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #9ca3af !important;
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc {
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #e5e7eb !important;
}

/* Spotlight TLD buttons */
.spotlight-tld .btn:not(.domain-contact-support) {
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border-color: #0079F2;
    color: #ffffff !important;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spotlight-tld .btn:not(.domain-contact-support):hover {
    background: linear-gradient(135deg, #0056b3 0%, #004494 100%) !important;
}

/* Panel addon add button */
#order-standard_cart .panel-addon .panel-add {
    display: block;
    padding: 10px;
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    border-radius: 0 0 4px 4px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

#order-standard_cart .panel-addon .panel-add:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004494 100%) !important;
}

/* View cart items header */
#order-standard_cart .view-cart-items-header {
    margin: 0;
    padding: 12px 15px;
    background: #1a1f2e !important;
    color: #e5e7eb !important;
    font-size: .9em;
    border-radius: 4px 4px 0 0;
    border: 1px solid #374151;
    font-weight: 600;
}

/* Info button */
.btn-info {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border-color: #0079F2 !important;
}

.btn-info:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004494 100%) !important;
}

/* Bootstrap switch */
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #ffffff !important;
    background-color: #10b981 !important;
    border-color: #10b981 !important;
}

/* ========================================
   ADDITIONAL DARK THEME STYLES
   ======================================== */

/* Main cart container */
#order-standard_cart {
    background: #0f1419 !important;
    color: #e5e7eb !important;
    min-height: 100vh;
}

/* Cart body */
#order-standard_cart .cart-body {
    background: transparent !important;
    color: #e5e7eb !important;
}

/* Header lined */
#order-standard_cart .header-lined {
    border-color: #374151 !important;
}

#order-standard_cart .header-lined h1 {
    color: #e5e7eb !important;
    font-family: 'Roboto Mono', monospace !important;
}

/* Secondary cart body - main content area */
#order-standard_cart .secondary-cart-body {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.75rem !important;
    padding: 1.5rem !important;
    color: #e5e7eb !important;
}

#order-standard_cart .secondary-cart-body p {
    color: #9ca3af !important;
}

/* Product info box */
#order-standard_cart .product-info {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

#order-standard_cart .product-info .product-title {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin-bottom: 0.75rem !important;
}

#order-standard_cart .product-info p {
    color: #9ca3af !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Sub heading */
#order-standard_cart .sub-heading {
    margin: 1.5rem 0 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid #374151 !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color {
    background: transparent !important;
    color: #e5e7eb !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
}

/* Form controls */
#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="number"],
#order-standard_cart textarea {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .form-control:focus,
#order-standard_cart select:focus,
#order-standard_cart input:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
    outline: none !important;
}

#order-standard_cart select option {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

/* Custom select */
#order-standard_cart .custom-select {
    background: #1a1f2e url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

/* Panel addon cards */
#order-standard_cart .panel-addon,
#order-standard_cart .panel.panel-addon {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
    margin-bottom: 1rem !important;
}

#order-standard_cart .panel-addon:hover {
    border-color: #0079F2 !important;
}

#order-standard_cart .panel-addon.panel-addon-selected {
    border-color: #0079F2 !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .card-body {
    background: transparent !important;
    padding: 1rem !important;
    color: #9ca3af !important;
}

#order-standard_cart .panel-addon .panel-body label,
#order-standard_cart .panel-addon .card-body label {
    color: #e5e7eb !important;
    font-weight: 600 !important;
}

/* Addon price */
#order-standard_cart .panel-addon .panel-price {
    background: #1f2937 !important;
    border-top: 1px solid #374151 !important;
    color: #0079F2 !important;
    font-weight: 700 !important;
    padding: 0.75rem 1rem !important;
    text-align: center !important;
}

/* Order Summary */
#orderSummary {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

#orderSummary .order-summary {
    background: #1f2937 !important;
    padding: 1.5rem !important;
}

#orderSummary h2 {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #374151 !important;
    font-family: 'Roboto Mono', monospace !important;
}

/* Product total container */
#producttotal {
    background: transparent !important;
    color: #e5e7eb !important;
}

#producttotal .product-name {
    color: #e5e7eb !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    display: block !important;
    margin-bottom: 0.25rem !important;
}

#producttotal .product-group {
    color: #9ca3af !important;
    font-size: 0.85rem !important;
    display: block !important;
    margin-bottom: 1rem !important;
}

#producttotal .clearfix {
    background: transparent !important;
    color: #e5e7eb !important;
    padding: 0.5rem 0 !important;
    border-bottom: 1px solid #374151 !important;
}

#producttotal .clearfix:last-child {
    border-bottom: none !important;
}

#producttotal .pull-left,
#producttotal .float-left {
    color: #e5e7eb !important;
}

#producttotal .pull-right,
#producttotal .float-right {
    color: #0079F2 !important;
    font-weight: 600 !important;
}

#producttotal .summary-totals {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    margin: 1rem 0 !important;
}

#producttotal .summary-totals .clearfix {
    border-bottom: 1px dashed #374151 !important;
    padding: 0.375rem 0 !important;
}

#producttotal .summary-totals .clearfix:last-child {
    border-bottom: none !important;
}

#producttotal .total-due-today {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    color: #ffffff !important;
    padding: 1.25rem !important;
    border-radius: 0.5rem !important;
    margin-top: 1rem !important;
    text-align: center !important;
}

#producttotal .total-due-today span {
    color: #ffffff !important;
}

#producttotal .total-due-today .amt {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    display: block !important;
    color: #ffffff !important;
    margin-bottom: 0.25rem !important;
}

/* Continue button */
#orderSummary .text-center {
    background: #1f2937 !important;
    padding: 0 1.5rem 1.5rem !important;
}

#orderSummary .btn-primary,
#orderSummary #btnCompleteProductConfig {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 0.875rem 2rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
}

#orderSummary .btn-primary:hover,
#orderSummary #btnCompleteProductConfig:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
}

/* Cart sidebar */
#order-standard_cart .cart-sidebar {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.75rem !important;
}

#order-standard_cart .cart-sidebar .list-group-item {
    background: transparent !important;
    border-color: #374151 !important;
    color: #e5e7eb !important;
}

#order-standard_cart .cart-sidebar .list-group-item:hover,
#order-standard_cart .cart-sidebar .list-group-item.active {
    background: #1a1f2e !important;
    color: #0079F2 !important;
}

/* View cart items */
#order-standard_cart .view-cart-items {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-top: none !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
}

#order-standard_cart .view-cart-items .item {
    background: transparent !important;
    border-bottom: 1px solid #374151 !important;
    padding: 1rem !important;
    color: #e5e7eb !important;
}

#order-standard_cart .view-cart-items .item-title {
    color: #e5e7eb !important;
    font-weight: 600 !important;
}

#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .item-domain {
    color: #9ca3af !important;
}

#order-standard_cart .view-cart-items .item-price {
    color: #0079F2 !important;
    font-weight: 600 !important;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    color: #9ca3af !important;
    font-weight: 400 !important;
}

/* Alerts */
#order-standard_cart .alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #f59e0b !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #10b981 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .alert-info {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #3b82f6 !important;
    border-radius: 0.5rem !important;
}

/* Link buttons */
#order-standard_cart .btn-link {
    color: #0079F2 !important;
}

#order-standard_cart .btn-link:hover {
    color: #3b9eff !important;
}

/* Checkbox and radio */
#order-standard_cart input[type="checkbox"],
#order-standard_cart input[type="radio"] {
    accent-color: #0079F2 !important;
}

/* Small text */
#order-standard_cart small {
    color: #9ca3af !important;
}

/* Cards and panels */
#order-standard_cart .card {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .card-body {
    background: transparent !important;
    color: #e5e7eb !important;
}

#order-standard_cart .panel {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .panel-body {
    background: transparent !important;
    color: #e5e7eb !important;
}

/* Dropdown menus */
#order-standard_cart .dropdown-menu {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
}

#order-standard_cart .dropdown-menu .dropdown-item {
    color: #e5e7eb !important;
}

#order-standard_cart .dropdown-menu .dropdown-item:hover {
    background: #374151 !important;
    color: #0079F2 !important;
}

/* View cart tabs */
#order-standard_cart .view-cart-tabs {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    overflow: hidden !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs {
    background: #1a1f2e !important;
    border-bottom: 1px solid #374151 !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
    background: transparent !important;
    color: #9ca3af !important;
    border: none !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
    background: #1f2937 !important;
    color: #0079F2 !important;
    border-bottom: 2px solid #0079F2 !important;
}

#order-standard_cart .view-cart-tabs .tab-content {
    padding: 1.25rem !important;
}

#order-standard_cart .view-cart-tabs .btn-default {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #e5e7eb !important;
}

/* Checkout button */
#order-standard_cart .btn-checkout {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 1rem 2rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
}

#order-standard_cart .btn-checkout:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important;
}

/* Scrolling panel container */
#scrollingPanelContainer {
    background: transparent !important;
}

#order-standard_cart .secondary-cart-sidebar {
    background: transparent !important;
}

/* ========================================
   CHECKOUT PAGE - PAYMENT SECTION
   ======================================== */

/* Payment Gateways Container */
#paymentGatewaysContainer {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

#paymentGatewaysContainer p {
    color: #9ca3af !important;
}

#paymentGatewaysContainer .radio-inline {
    color: #e5e7eb !important;
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.25rem !important;
    margin: 0.25rem !important;
    transition: all 0.2s ease !important;
}

#paymentGatewaysContainer .radio-inline:hover {
    border-color: #0079F2 !important;
}

#paymentGatewaysContainer .radio-inline input:checked + span,
#paymentGatewaysContainer .radio-inline:has(input:checked) {
    border-color: #0079F2 !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

/* Credit Card Input Container */
.cc-input-container,
#creditCardInputFields {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    margin-top: 1rem !important;
}

/* Existing Cards Grid */
.existing-cc-grid,
#existingCardsContainer {
    background: transparent !important;
}

.existing-cc-grid .panel,
.existing-cc-grid .card,
#existingCardsContainer .panel,
#existingCardsContainer .card {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    color: #e5e7eb !important;
}

.existing-cc-grid .panel-body,
.existing-cc-grid .card-body,
#existingCardsContainer .panel-body,
#existingCardsContainer .card-body {
    background: transparent !important;
    color: #e5e7eb !important;
}

.existing-cc-grid .panel.active,
.existing-cc-grid .card.active,
#existingCardsContainer .panel.active,
#existingCardsContainer .card.active {
    border-color: #0079F2 !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

/* CVV Input Row */
.cvv-input,
#existingCardInfo {
    background: transparent !important;
}

/* New Card Info */
#newCardInfo {
    background: transparent !important;
}

#newCardInfo .form-group {
    margin-bottom: 1rem !important;
}

/* New Card Container */
.new-card-container {
    background: transparent !important;
}

/* Card input fields with prepend icon */
.cc-input-container .prepend-icon,
#creditCardInputFields .prepend-icon {
    position: relative !important;
}

.cc-input-container .field-icon,
#creditCardInputFields .field-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #9ca3af !important;
    z-index: 10 !important;
}

.cc-input-container .field,
.cc-input-container .form-control,
#creditCardInputFields .field,
#creditCardInputFields .form-control {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    padding-left: 40px !important;
}

.cc-input-container .field:focus,
.cc-input-container .form-control:focus,
#creditCardInputFields .field:focus,
#creditCardInputFields .form-control:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
    outline: none !important;
}

.cc-input-container .field::placeholder,
#creditCardInputFields .field::placeholder {
    color: #6b7280 !important;
}

/* Input Group */
.cc-input-container .input-group,
#creditCardInputFields .input-group {
    background: transparent !important;
}

.cc-input-container .input-group-btn .btn,
.cc-input-container .input-group-append .btn,
#creditCardInputFields .input-group-btn .btn,
#creditCardInputFields .input-group-append .btn {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #e5e7eb !important;
}

/* Field error message */
.cc-input-container .field-error-msg,
#creditCardInputFields .field-error-msg {
    color: #ef4444 !important;
    font-size: 0.85rem !important;
}

/* Radio for card selection */
.cc-input-container ul,
#creditCardInputFields ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 1rem 0 !important;
}

.cc-input-container ul li,
#creditCardInputFields ul li {
    background: transparent !important;
    color: #e5e7eb !important;
    padding: 0.5rem 0 !important;
}

.cc-input-container .radio-inline,
#creditCardInputFields .radio-inline {
    color: #e5e7eb !important;
}

/* New Card Save Settings */
#newCardSaveSettings {
    background: transparent !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid #374151 !important;
}

#newCardSaveSettings label {
    color: #e5e7eb !important;
}

/* Input Description Container */
#inputDescriptionContainer .field {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
}

/* No Store Container */
#inputNoStoreContainer {
    color: #e5e7eb !important;
}

#inputNoStoreContainer label {
    color: #e5e7eb !important;
}

/* Total Due Today Alert */
#totalDueToday {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
}

#totalDueToday strong {
    color: #ffffff !important;
    font-size: 1.5rem !important;
}

/* Apply Credit Container */
.apply-credit-container,
#applyCreditContainer {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

.apply-credit-container p,
#applyCreditContainer p {
    color: #e5e7eb !important;
}

.apply-credit-container .radio,
#applyCreditContainer .radio {
    color: #e5e7eb !important;
}

.apply-credit-container label,
#applyCreditContainer label {
    color: #e5e7eb !important;
}

/* Gateway Errors Alert */
.gateway-errors {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
}

/* Already Registered Section */
.already-registered {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.already-registered p {
    color: #9ca3af !important;
    margin: 0 !important;
}

.already-registered .btn-info {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

.already-registered .btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

/* Account Select Container */
.account-select-container,
#containerExistingAccountSelect {
    background: transparent !important;
}

.account-select-container .account,
#containerExistingAccountSelect .account {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    margin-bottom: 0.5rem !important;
    color: #e5e7eb !important;
}

.account-select-container .account.active,
#containerExistingAccountSelect .account.active {
    border-color: #0079F2 !important;
    background: rgba(0, 121, 242, 0.1) !important;
}

.account-select-container .account .address,
#containerExistingAccountSelect .account .address {
    color: #e5e7eb !important;
}

.account-select-container .account .address strong,
#containerExistingAccountSelect .account .address strong {
    color: #e5e7eb !important;
}

.account-select-container .account .address .small,
#containerExistingAccountSelect .account .address .small {
    color: #9ca3af !important;
}

.account-select-container .label,
#containerExistingAccountSelect .label {
    background: #0079F2 !important;
    color: #ffffff !important;
}

/* Existing User Sign In */
#containerExistingUserSignin {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* New User Signup */
#containerNewUserSignup {
    background: transparent !important;
}

/* New User Security */
#containerNewUserSecurity {
    background: transparent !important;
}

/* Password Container */
#containerPassword {
    background: transparent !important;
}

/* Password Strength Meter */
.password-strength-meter {
    background: transparent !important;
}

.password-strength-meter .progress {
    background: #374151 !important;
    border-radius: 0.25rem !important;
    height: 8px !important;
}

.password-strength-meter .progress-bar {
    border-radius: 0.25rem !important;
}

#passwordStrengthTextLabel {
    color: #9ca3af !important;
}

/* Marketing Email Opt-In */
.marketing-email-optin {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.25rem !important;
    margin: 1.5rem 0 !important;
}

.marketing-email-optin h4 {
    color: #e5e7eb !important;
}

.marketing-email-optin p {
    color: #9ca3af !important;
}

/* Accept TOS */
#order-standard_cart .checkbox-inline {
    color: #e5e7eb !important;
}

#order-standard_cart .checkbox-inline a {
    color: #0079F2 !important;
}

/* Complete Order Button */
#btnCompleteOrder {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    border: none !important;
    color: #ffffff !important;
    padding: 1rem 3rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 1.1rem !important;
    transition: all 0.3s ease !important;
}

#btnCompleteOrder:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important;
}

/* Checkout Security Message */
.checkout-security-msg {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #f59e0b !important;
    border-radius: 0.5rem !important;
    margin-top: 1.5rem !important;
    text-align: center !important;
}

.checkout-security-msg i {
    color: #10b981 !important;
    margin-right: 0.5rem !important;
}

.checkout-security-msg strong {
    color: #f59e0b !important;
}

/* Checkout Error Feedback */
.checkout-error-feedback {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
    border-radius: 0.5rem !important;
}

.checkout-error-feedback p {
    color: #ef4444 !important;
}

.checkout-error-feedback ul {
    color: #ef4444 !important;
}

/* Generate Password Button */
.generate-password {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #e5e7eb !important;
}

.generate-password:hover {
    background: #4b5563 !important;
}

/* All form fields in checkout */
#frmCheckout .field,
#frmCheckout .form-control {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
}

#frmCheckout .field:focus,
#frmCheckout .form-control:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
}

#frmCheckout select.field,
#frmCheckout select.form-control {
    background: #0f1419 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
}

#frmCheckout select option {
    background: #1f2937 !important;
    color: #e5e7eb !important;
}

#frmCheckout .field::placeholder {
    color: #6b7280 !important;
}

/* Field icons */
#frmCheckout .field-icon,
#frmCheckout .prepend-icon .field-icon {
    color: #9ca3af !important;
}

/* Prepend icon container */
#frmCheckout .prepend-icon {
    position: relative !important;
}

#frmCheckout .prepend-icon .field-icon {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
}

#frmCheckout .prepend-icon .field,
#frmCheckout .prepend-icon .form-control {
    padding-left: 40px !important;
}

/* Payment method info text */
#paymentGatewayInput {
    background: transparent !important;
    color: #e5e7eb !important;
}

#paymentGatewayInput p {
    color: #9ca3af !important;
}

/* ========================================
   STRIPE & REMOTE PAYMENT GATEWAY INPUTS
   ======================================== */

/* Payment Gateway Input Container */
#paymentGatewayInput {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    margin: 1rem 0 !important;
    color: #e5e7eb !important;
}

#paymentGatewayInput * {
    color: #e5e7eb !important;
}

#paymentGatewayInput h3,
#paymentGatewayInput h4,
#paymentGatewayInput h5 {
    color: #e5e7eb !important;
    font-weight: 600 !important;
    margin-bottom: 1rem !important;
}

#paymentGatewayInput label {
    color: #e5e7eb !important;
}

#paymentGatewayInput .form-control,
#paymentGatewayInput input[type="text"],
#paymentGatewayInput input[type="number"],
#paymentGatewayInput input[type="tel"] {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    color: #e5e7eb !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
}

#paymentGatewayInput .form-control:focus,
#paymentGatewayInput input:focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
}

/* Stripe Element Container */
.StripeElement,
.stripe-element,
[class*="stripe"],
#card-element,
#cardElement,
.card-element {
    background: #0f1419 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    color: #e5e7eb !important;
}

.StripeElement--focus,
.stripe-element--focus {
    border-color: #0079F2 !important;
    box-shadow: 0 0 0 3px rgba(0, 121, 242, 0.1) !important;
}

/* Stripe card wrapper */
.stripe-card-wrapper,
.stripe-wrapper,
.stripe-container,
#stripe-card-element,
.payment-method-card {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    color: #e5e7eb !important;
}

/* Card Entry Section */
.card-entry,
.cc-entry,
.credit-card-entry,
.payment-card-entry,
.new-card-entry {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    color: #e5e7eb !important;
}

/* Remote inputs container */
[data-remote-inputs],
.remote-input-container,
.remote-payment-container {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
    color: #e5e7eb !important;
}

/* Any card container */
.card-container,
.card-input-container,
.card-details-container,
.card-form-container {
    background: #1a1f2e !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1.5rem !important;
}

/* Form groups within payment */
#paymentGatewayInput .form-group {
    margin-bottom: 1rem !important;
}

#paymentGatewayInput .form-group label {
    display: block !important;
    margin-bottom: 0.5rem !important;
    color: #e5e7eb !important;
    font-weight: 500 !important;
}

/* Row within payment gateway */
#paymentGatewayInput .row {
    margin: 0 -0.5rem !important;
}

#paymentGatewayInput .row > div {
    padding: 0 0.5rem !important;
}

/* Well / Card styling */
#paymentGatewayInput .well,
#paymentGatewayInput .card,
#paymentGatewayInput .panel {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 1rem !important;
    color: #e5e7eb !important;
}

/* Buttons in payment gateway */
#paymentGatewayInput .btn {
    background: #374151 !important;
    border: 1px solid #4b5563 !important;
    color: #e5e7eb !important;
}

#paymentGatewayInput .btn-primary {
    background: linear-gradient(135deg, #0079F2 0%, #0056b3 100%) !important;
    border: none !important;
    color: #ffffff !important;
}

/* Help text */
#paymentGatewayInput .help-block,
#paymentGatewayInput .form-text,
#paymentGatewayInput small {
    color: #9ca3af !important;
}

/* Alerts */
#paymentGatewayInput .alert {
    background: rgba(59, 130, 246, 0.1) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #3b82f6 !important;
    border-radius: 0.5rem !important;
}

#paymentGatewayInput .alert-danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #ef4444 !important;
}

/* Generic Stripe iframe styling (limited but works for container) */
iframe[name*="stripe"],
iframe[src*="stripe"] {
    background: transparent !important;
}

/* Payment method selection in gateway */
#paymentGatewayInput .payment-method,
#paymentGatewayInput .paymethod-info {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem !important;
    margin-bottom: 0.5rem !important;
    color: #e5e7eb !important;
}

#paymentGatewayInput .payment-method:hover,
#paymentGatewayInput .paymethod-info:hover {
    border-color: #0079F2 !important;
}

/* Existing card selection */
.paymethod-info {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #e5e7eb !important;
}

/* All divs inside payment gateway input - force dark */
#paymentGatewayInput > div,
#paymentGatewayInput div {
    background-color: transparent !important;
}

/* Override any white backgrounds specifically */
#paymentGatewayInput [style*="background: white"],
#paymentGatewayInput [style*="background-color: white"],
#paymentGatewayInput [style*="background:#fff"],
#paymentGatewayInput [style*="background-color:#fff"],
#paymentGatewayInput [style*="background: #fff"],
#paymentGatewayInput [style*="background-color: #fff"] {
    background: #1a1f2e !important;
}

/* Text headings in payment section */
#paymentGatewayInput h1,
#paymentGatewayInput h2,
#paymentGatewayInput h3,
#paymentGatewayInput h4,
#paymentGatewayInput h5,
#paymentGatewayInput h6 {
    color: #e5e7eb !important;
}

/* Expiry and CVV container */
.expiry-cvv-container,
.card-expiry-cvc,
.expiry-cvc-row {
    background: transparent !important;
}

/* Description text */
#paymentGatewayInput .description,
#paymentGatewayInput .text-muted {
    color: #9ca3af !important;
}

/* Stripe's injected styles override attempt */
#paymentGatewayInput .ElementsApp,
#paymentGatewayInput .ElementsApp--complete {
    background: #0f1419 !important;
}

/* Card brand icons area */
.card-brands,
.accepted-cards,
.card-icons {
    background: transparent !important;
}

/* Save card checkbox area */
.save-card-container,
.store-card-container {
    background: transparent !important;
    color: #e5e7eb !important;
    padding: 1rem 0 !important;
    border-top: 1px solid #374151 !important;
    margin-top: 1rem !important;
}

/* Generic override for anything white in checkout */
#order-standard_cart .cart-body [style*="background: white"],
#order-standard_cart .cart-body [style*="background-color: white"],
#order-standard_cart .cart-body [style*="background:#fff"],
#order-standard_cart .cart-body [style*="background: #ffffff"] {
    background: #1a1f2e !important;
}

/* ========================================
   PLANS PAGE - INNOVATIVE REDESIGN
   Added: Jan 2026
   ======================================== */

/* REMOVED: Old 3-column grid layout - using stacked single-column layout now (see below) */

/* Plan cards - spacious */
#order-standard_cart .plan-card {
    background: #1c2432 !important;
    border: 2px solid #30363d !important;
    border-radius: 1rem !important;
    padding: 2rem !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.3s ease !important;
}

#order-standard_cart .plan-card:hover {
    border-color: #0079F2 !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(0, 121, 242, 0.2) !important;
}

#order-standard_cart .plan-card.popular {
    border-color: #10b981 !important;
    box-shadow: 0 0 40px rgba(16, 185, 129, 0.15) !important;
    transform: scale(1.02) !important;
}

#order-standard_cart .plan-card.popular:hover {
    transform: scale(1.02) translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(16, 185, 129, 0.25) !important;
}

/* Popular badge */
#order-standard_cart .popular-badge {
    position: absolute !important;
    top: -14px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
    color: #fff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 2rem !important;
    white-space: nowrap !important;
}

/* Plan header */
#order-standard_cart .plan-header {
    text-align: center !important;
    margin-bottom: 1.5rem !important;
}

#order-standard_cart .plan-name {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #f0f6fc !important;
    margin: 0.5rem 0 0.25rem !important;
}

#order-standard_cart .plan-tagline {
    display: block !important;
    font-size: 0.875rem !important;
    color: #8b949e !important;
}

/* Pricing - BIG and prominent */
#order-standard_cart .plan-pricing {
    text-align: center !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    border-bottom: 1px solid #30363d !important;
}

#order-standard_cart .plan-pricing .price {
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    color: #f0f6fc !important;
    line-height: 1 !important;
}

#order-standard_cart .price-cycle {
    font-size: 1.25rem !important;
    color: #8b949e !important;
    font-weight: 500 !important;
}

/* CTA Button */
#order-standard_cart .btn-plan-select {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.625rem !important;
    width: 100% !important;
    padding: 1rem 2rem !important;
    background: linear-gradient(135deg, #0079F2 0%, #00D4FF 100%) !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 0.625rem !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0, 121, 242, 0.3) !important;
    margin-bottom: 0.75rem !important;
}

#order-standard_cart .btn-plan-select:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 121, 242, 0.4) !important;
    color: #fff !important;
}

#order-standard_cart .btn-plan-select.popular {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3) !important;
}

#order-standard_cart .btn-plan-select.popular:hover {
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4) !important;
}

/* Guarantee text */
#order-standard_cart .plan-guarantee {
    text-align: center !important;
    font-size: 0.8125rem !important;
    color: #8b949e !important;
    margin-bottom: 1.5rem !important;
}

#order-standard_cart .plan-guarantee i {
    color: #10b981 !important;
    margin-right: 0.25rem !important;
}

/* ========================================
   INNOVATIVE FEATURE DISPLAY
   ======================================== */

#order-standard_cart .plan-specs {
    flex: 1 !important;
}

#order-standard_cart .plan-features-desc {
    margin-bottom: 1.25rem !important;
}

/* Hide Quick Summary header */
#order-standard_cart .plan-features-desc > p:first-child,
#order-standard_cart .plan-features-desc > strong:first-child {
    display: none !important;
}

/* Feature list container */
#order-standard_cart .plan-features-desc ul,
#order-standard_cart .plan-features-desc ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
}

/* Individual feature items */
#order-standard_cart .plan-features-desc li {
    display: flex !important;
    align-items: center !important;
    gap: 0.875rem !important;
    padding: 0.875rem 1rem !important;
    border-bottom: 1px solid #30363d !important;
    font-size: 0.875rem !important;
    color: #e6edf3 !important;
    transition: all 0.2s ease !important;
}

#order-standard_cart .plan-features-desc li:last-child {
    border-bottom: none !important;
}

#order-standard_cart .plan-features-desc li:hover {
    background: rgba(0, 121, 242, 0.08) !important;
}

/* Colored indicator dots */
#order-standard_cart .plan-features-desc li::before {
    content: '' !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    background: #10b981 !important;
}

#order-standard_cart .plan-features-desc li:nth-child(1)::before { background: #0079F2 !important; }
#order-standard_cart .plan-features-desc li:nth-child(2)::before { background: #00D4FF !important; }
#order-standard_cart .plan-features-desc li:nth-child(3)::before { background: #8B5CF6 !important; }
#order-standard_cart .plan-features-desc li:nth-child(4)::before { background: #F59E0B !important; }
#order-standard_cart .plan-features-desc li:nth-child(5)::before { background: #10b981 !important; }
#order-standard_cart .plan-features-desc li:nth-child(6)::before { background: #EC4899 !important; }
#order-standard_cart .plan-features-desc li:nth-child(7)::before { background: #06b6d4 !important; }
#order-standard_cart .plan-features-desc li:nth-child(8)::before { background: #0079F2 !important; }
#order-standard_cart .plan-features-desc li:nth-child(9)::before { background: #10b981 !important; }
#order-standard_cart .plan-features-desc li:nth-child(10)::before { background: #8B5CF6 !important; }

/* Included features box */
#order-standard_cart .included-features {
    background: rgba(16, 185, 129, 0.08) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: 0.75rem !important;
    padding: 1rem !important;
    margin-top: 1rem !important;
}

#order-standard_cart .included-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #10b981 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 0.75rem !important;
}

#order-standard_cart .included-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

#order-standard_cart .inc-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    padding: 0.375rem 0.75rem !important;
    background: rgba(16, 185, 129, 0.15) !important;
    border-radius: 0.375rem !important;
    font-size: 0.75rem !important;
    color: #10b981 !important;
    font-weight: 500 !important;
}

#order-standard_cart .inc-tag i {
    font-size: 0.6875rem !important;
}

/* Hero section */
#order-standard_cart .plans-hero {
    background: linear-gradient(135deg, #161b22 0%, #1c2432 100%) !important;
    border: 1px solid #30363d !important;
    border-radius: 1rem !important;
    padding: 2.5rem 2rem !important;
    margin-bottom: 2.5rem !important;
    text-align: center !important;
}

#order-standard_cart .plans-hero-title {
    font-size: 2.25rem !important;
    font-weight: 700 !important;
    color: #f0f6fc !important;
    margin: 0 0 0.5rem !important;
}

#order-standard_cart .plans-hero-tagline {
    font-size: 1rem !important;
    color: #8b949e !important;
    margin: 0 0 1.5rem !important;
}

/* Social proof */
#order-standard_cart .plans-social-proof {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: rgba(16, 185, 129, 0.1) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 2rem !important;
    margin-bottom: 1.5rem !important;
}

#order-standard_cart .plans-social-proof i {
    color: #10b981 !important;
}

#order-standard_cart .plans-social-proof span {
    color: #10b981 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

/* Value props */
#order-standard_cart .plans-value-props {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.75rem !important;
}

#order-standard_cart .value-prop {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.5rem 1rem !important;
    background: #0f1419 !important;
    border: 1px solid #30363d !important;
    border-radius: 2rem !important;
    font-size: 0.8125rem !important;
    color: #b1bac4 !important;
}

#order-standard_cart .value-prop i {
    color: #10b981 !important;
}

/* Trust section */
#order-standard_cart .plans-trust-section {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 2.5rem !important;
    padding: 2.5rem !important;
    background: #1c2432 !important;
    border: 1px solid #30363d !important;
    border-radius: 1rem !important;
    margin-top: 2rem !important;
}

#order-standard_cart .trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

#order-standard_cart .trust-icon {
    width: 3.5rem !important;
    height: 3.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #0079F2 0%, #00D4FF 100%) !important;
    border-radius: 0.75rem !important;
}

#order-standard_cart .trust-icon i {
    color: #fff !important;
    font-size: 1.5rem !important;
}

#order-standard_cart .trust-content strong {
    display: block !important;
    color: #f0f6fc !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

#order-standard_cart .trust-content span {
    color: #8b949e !important;
    font-size: 0.8125rem !important;
}


/* ========================================
   PLANS PAGE — stacked-rows override REMOVED 2026-05-29.
   This block forced `#order-standard_cart .products.plans-grid` to
   display:flex / flex-direction:column / max-width:700px !important, which beat
   the adaptive theme's intended responsive 3-up grid (repeat(3,1fr)) at EVERY
   width and stacked the plan cards in one column — burying the Business /
   Professional / Recommended tiers below the fold and killing the side-by-side
   price comparison. Removed so the theme grid (3 cols >1200px, 2 <=1200px,
   1 <=768px) applies. Do NOT re-add column/max-width-forcing rules here.
   ======================================== */
#order-standard_cart .plan-card {
    width: 100% !important;
}

/* Features - handle plain text with dashes */
#order-standard_cart .plan-features-desc {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 0.75rem !important;
    padding: 1.25rem !important;
    margin-bottom: 1.25rem !important;
    font-size: 0.875rem !important;
    line-height: 2 !important;
    color: #e6edf3 !important;
    white-space: pre-line !important;
}

/* Style lines that start with dash */
#order-standard_cart .plan-features-desc {
    display: block !important;
}

/* If it's a list */
#order-standard_cart .plan-features-desc ul,
#order-standard_cart .plan-features-desc ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

#order-standard_cart .plan-features-desc li {
    position: relative !important;
    padding: 0.625rem 0 0.625rem 1.75rem !important;
    border-bottom: 1px solid #30363d !important;
    display: block !important;
}

#order-standard_cart .plan-features-desc li:last-child {
    border-bottom: none !important;
}

#order-standard_cart .plan-features-desc li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
}

/* Color coding for list items */
#order-standard_cart .plan-features-desc li:nth-child(1)::before { background: #0079F2 !important; }
#order-standard_cart .plan-features-desc li:nth-child(2)::before { background: #00D4FF !important; }
#order-standard_cart .plan-features-desc li:nth-child(3)::before { background: #8B5CF6 !important; }
#order-standard_cart .plan-features-desc li:nth-child(4)::before { background: #F59E0B !important; }
#order-standard_cart .plan-features-desc li:nth-child(5)::before { background: #10b981 !important; }
#order-standard_cart .plan-features-desc li:nth-child(6)::before { background: #EC4899 !important; }
#order-standard_cart .plan-features-desc li:nth-child(7)::before { background: #06b6d4 !important; }
#order-standard_cart .plan-features-desc li:nth-child(8)::before { background: #0079F2 !important; }
#order-standard_cart .plan-features-desc li:nth-child(9)::before { background: #10b981 !important; }
#order-standard_cart .plan-features-desc li:nth-child(10)::before { background: #8B5CF6 !important; }


/* ========================================
   VISUAL FEATURES LIST - FINAL
   ======================================== */

/* Raw features - before JS transforms it (fallback/loading state) */
#order-standard_cart .plan-features-raw {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 0.75rem !important;
    padding: 1rem !important;
    margin-bottom: 1.25rem !important;
    font-size: 0.9rem !important;
    line-height: 1.8 !important;
    color: #e6edf3 !important;
    white-space: pre-line !important;
}

#order-standard_cart .plan-features-box {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    margin-bottom: 1.25rem !important;
}

#order-standard_cart .features-visual {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#order-standard_cart .features-visual li {
    position: relative !important;
    padding: 0.875rem 1rem 0.875rem 2.5rem !important;
    border-bottom: 1px solid #30363d !important;
    font-size: 0.9rem !important;
    color: #e6edf3 !important;
    transition: background 0.2s ease !important;
}

#order-standard_cart .features-visual li:last-child {
    border-bottom: none !important;
}

#order-standard_cart .features-visual li:hover {
    background: rgba(0, 121, 242, 0.08) !important;
}

/* Colored dots */
#order-standard_cart .features-visual li::before {
    content: '' !important;
    position: absolute !important;
    left: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
}

#order-standard_cart .features-visual li:nth-child(1)::before { background: #0079F2 !important; }
#order-standard_cart .features-visual li:nth-child(2)::before { background: #00D4FF !important; }
#order-standard_cart .features-visual li:nth-child(3)::before { background: #8B5CF6 !important; }
#order-standard_cart .features-visual li:nth-child(4)::before { background: #F59E0B !important; }
#order-standard_cart .features-visual li:nth-child(5)::before { background: #10b981 !important; }
#order-standard_cart .features-visual li:nth-child(6)::before { background: #EC4899 !important; }
#order-standard_cart .features-visual li:nth-child(7)::before { background: #06b6d4 !important; }
#order-standard_cart .features-visual li:nth-child(8)::before { background: #0079F2 !important; }
#order-standard_cart .features-visual li:nth-child(9)::before { background: #10b981 !important; }
#order-standard_cart .features-visual li:nth-child(10)::before { background: #8B5CF6 !important; }
#order-standard_cart .features-visual li:nth-child(11)::before { background: #F59E0B !important; }
#order-standard_cart .features-visual li:nth-child(12)::before { background: #00D4FF !important; }