/* ============================================
   ORDER FORM - Simple Black Theme
   ============================================ */

/* Force black backgrounds on white areas */
.panel,
.panel-default,
.card,
.box,
div[style*="background: white"],
div[style*="background:#fff"],
div[style*="background-color: white"] {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.panel-heading,
.card-header {
    background: rgba(0, 255, 136, 0.05) !important;
    border-bottom: 1px solid rgba(0, 255, 136, 0.2) !important;
    color: #250303 !important;
}

.panel-body,
.card-body {
    color: #e9e9ff !important;
}

/* Input fields - dark */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
.form-control,
select,
textarea {
    background: rgba(10, 10, 15, 0.6) !important;
    border: 2px solid rgba(255, 255, 255, 0.911) !important;
    color: #e60d0d !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: #00FF88 !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 136, 0.1) !important;
}

/* Tables */
table {
    background: transparent !important;
}

table thead {
    background: rgba(0, 255, 136, 0.1) !important;
}

table thead th {
    color: #15e9a2 !important;
    border-bottom: 2px solid rgba(0, 255, 136, 0.3) !important;
}

table tbody tr {
    background: rgba(10, 10, 15, 0.4) !important;
}

table tbody tr:hover {
    background: rgba(0, 255, 136, 0.05) !important;
}

table tbody td {
    color: #a8a8b8 !important;
}

/* Text colors - NO size changes */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #FFFFFF !important;
}

p,
span,
div,
label {
    color: #ffffff !important;
}

label {
    font-weight: 600 !important;
}

/* Buttons - keep theme style */
.btn-primary {
    background: linear-gradient(135deg, #00FF88, #00CC66) !important;
    border: none !important;
    color: #061a01 !important;
    font-weight: 700 !important;
}

.btn-danger,
.btn-checkout {
    background: linear-gradient(135deg, #FF0055, #FF5555) !important;
    border: none !important;
    color: #050650 !important;
}

.btn-default {
    background: transparent !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    color: #a8a8b8 !important;
}

/* Status badges */
.badge,
.label {
    background: rgba(0, 255, 136, 0.2) !important;
    color: #00FF88 !important;
    border: 1px solid #00FF88 !important;
}

/* Links */
a {
    color: #45f510 !important;
}

/* Payment methods */
.payment-option,
.payment-method {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.payment-option:hover,
.payment-method:hover {
    border-color: rgba(0, 255, 136, 0.4) !important;
}

.payment-option.active,
.payment-method.active {
    border: 2px solid #00FF88 !important;
    background: rgba(0, 255, 136, 0.1) !important;
}

/* Remove any forced font sizes */
.total-amount,
.order-total {
    color: #00FF88 !important;
    /* Let WHMCS handle font size */
}

/* ============================================
   FIX ALL REMAINING WHITE AREAS
   ============================================ */

/* Domain search box - FORCE BLACK */
.domain-lookup,
.domain-search,
.domain-checker,
.domainchecker {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 24px !important;
}

/* Promotional info boxes at bottom */
.promo-box,
.info-box,
.promotional-container,
div[style*="padding: 20px"] {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* Account selection containers */
.account-container,
#containerNewUserSignup,
#containerExistingUserSignin,
.login-container {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* Radio button containers */
.radio,
.radio-inline {
    background: transparent !important;
}

/* Domain pricing table */
.domain-pricing,
.pricing-table,
table.domain-pricing {
    background: #000000 !important;
}

.domain-pricing th,
.pricing-table th {
    background: rgba(0, 255, 136, 0.1) !important;
    color: #FFFFFF !important;
}

/* All remaining white containers */
*[style*="background-color:#ffffff"],
*[style*="background-color: #ffffff"],
*[style*="background-color:white"],
*[style*="background-color: white"],
*[style*="background:#ffffff"],
*[style*="background: #ffffff"],
*[style*="background:#fff"],
*[style*="background: #fff"] {
    background: #000000 !important;
}

/* ============================================
   WHMCS STANDARD_CART SPECIFIC CLASSES
   ============================================ */

/* Domain checker background - Line 20 in domainregister.tpl */
.domain-checker-bg,
.domain-checker-container {
    background: #000000 !important;
}

/* The BG-WHITE class - Line 226 in template */
.bg-white {
    background: #000000 !important;
}

/* Domain promo boxes at bottom */
.domain-promo-box {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* TLD pricing rows */
.tld-row {
    background: rgba(10, 10, 15, 0.4) !important;
}

.tld-row:hover {
    background: rgba(0, 255, 136, 0.05) !important;
}

/* Domain suggestion panels */
.suggested-domains,
.domain-suggestions {
    background: #000000 !important;
}

.suggested-domains .panel-heading,
.suggested-domains .card-header {
    background: rgba(0, 255, 136, 0.05) !important;
}

.suggested-domains .panel-body,
.suggested-domains .card-body {
    background: #000000 !important;
}

/* List group items in suggestions */
.list-group-item {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Input group box */
.input-group-box {
    background: transparent !important;
}

.input-group-box .form-control {
    background: rgba(10, 10, 15, 0.6) !important;
}

/* ============================================
   FIX SPECIFIC WHITE AREAS FROM SCREENSHOTS
   ============================================ */

/* 1. ORDER SUMMARY SIDEBAR - The whole right sidebar */
#orderSummary,
.order-summary,
aside.order-summary,
div.order-summary,
.sidebar-order-summary,
.view-cart-sidebar {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Order summary inner content */
#orderSummary *,
.order-summary * {
    background: transparent !important;
}

/* Order summary heading */
#orderSummary h2,
#orderSummary h3,
.order-summary h2,
.order-summary h3 {
    background: transparent !important;
    color: #030000 !important;
}

/* 2. PROMO CODE CONTAINER - Apply Promo Code section */
.promo-code-container,
#applyPromoCode,
.apply-promo-container,
div[class*="promo"] {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 3. DOMAIN PROMO BOXES - Bottom promotional boxes */
.domain-promo-box {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 4. ACCOUNT SELECTION - Choose Account / Create Account */
#containerNewUserSignup,
#containerExistingUserSignin,
.existing-user-signin,
.new-user-signup,
div[id*="container"] {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Radio button parent containers */
label.radio,
.radio label {
    background: transparent !important;
}

/* The actual white panels in cart */
.view-cart-tabs,
.view-cart-tab-content,
.checkout-container {
    background: transparent !important;
}

/* Product/Options panel content */
.product-info,
.cart-product-info {
    background: #000000 !important;
}

/* All forms in checkout */
form {
    background: #00000000 !important;
}

/* Fieldsets in account selection */
fieldset {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* ============================================
   AGGRESSIVE WHITE BACKGROUND FIXES
   ============================================ */

/* Target ALL possible white backgrounds */
*[style*="background: white"],
*[style*="background:white"],
*[style*="background:#fff"],
*[style*="background-color: white"],
*[style*="background-color:#fff"],
*[style*="background-color: #fff"],
*[style*="background-color: #FFF"],
*[style*="background-color:#FFF"],
.bg-white,
.white-bg,
.panel-white,
.card-white {
    background: #000000 !important;
    background-color: #000000 !important;
}

/* Order form specific containers */
#orderContainer,
#containerNewUserSignup,
#containerExistingUserSignin,
#frmCheckout,
.checkout-container,
.view-cart-container {
    background: #00000014 !important;
}

/* All divs, sections, articles */
div[style*="background"],
section[style*="background"],
article[style*="background"] {
    background-color: #000000 !important;
}

/* Well and panel variations */
.well,
.well-sm,
.well-lg,
.panel,
.panel-default,
.panel-body,
.panel-primary {
    background: #00000000 !important;
}

/* Card variations */
.card,
.card-body,
.card-default {
    background: #00000000 !important;
}

/* Form containers */
.form-horizontal,
.form-group,
fieldset {
    background: #00000000 !important;
}

/* Summary boxes */
.summary-container,
.order-summary,
.cart-summary {
    background: #00000000 !important;
}

/* ============================================
   PRODUCT SELECTION CARDS - FIX WHITE BG
   ============================================ */

/* Product cards in order form */
.product-card,
.pricing-card,
.package-card,
.plan-card,
div[class*="product"],
div[class*="package"],
div[class*="plan"] {
    background: #19163d00 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* Product containers */
.products-container,
.pricing-container,
.packages-container {
    background: transparent !important;
}

/* Individual product items */
.product-item,
.pricing-item,
.package-item {
    background: #000000 !important;
}

/* Product feature lists */
.product-features,
.feature-list,
ul.features {
    background: transparent !important;
}

/* Product feature items */
.product-features li,
.feature-list li {
    color: #a8a8b8 !important;
}

/* Product name/title */
.product-name,
.product-title,
.package-name {
    color: #FFFFFF !important;
}

/* Product description */
.product-description,
.package-description {
    color: #a8a8b8 !important;
}

/* Price display */
.product-price,
.package-price,
.price-amount {
    color: #00FF88 !important;
}

/* Order/Select buttons on product cards */
.product-card .btn,
.pricing-card .btn,
.package-card .btn {
    margin-top: 16px !important;
}

/* ============================================
   SPECIFIC WHITE AREA FIXES FROM SCREENSHOTS
   ============================================ */

/* 1. DOMAIN SELECTION PANELS */
.domain-selection-options,
.domain-option-container,
label.radio,
.radio-inline,
.domain-input-group {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
}

/* 2. ORDER SUMMARY SIDEBAR - Force black */
.order-summary,
.summary-container,
.cart-summary,
aside.order-summary,
div[class*="summary"] {
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

.order-summary h2,
.order-summary h3,
.summary-container h2,
.summary-container h3 {
    color: #080000 !important;
    border-bottom: 1px solid rgba(0, 255, 136, 0.2) !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}

.order-summary .item,
.order-summary .line-item,
.summary-container .item {
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 12px 0 !important;
    color: #090986 !important;
}

/* 3. PRODUCT/OPTIONS PANEL */
.product-options-panel,
.configure-product,
.cart-body,
.view-cart-items {
    background: #0000001c !important;
}

/* Red header panels should stay red but content black */
div[style*="background-color: red"],
div[style*="background: red"] {
    background: linear-gradient(135deg, #FF0055, #8B0033) !important;
}

/* But their child containers should be black */
div[style*="background-color: red"]>div,
div[style*="background: red"]>div {
    background: #000000 !important;
}

/* 4. ACCOUNT SELECTION / CHECKOUT SECTIONS */
.checkout-selection,
.account-selection,
.existing-client-login,
.new-client-signup,
fieldset,
.form-section {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

/* Radio button labels in checkout */
.radio label,
.checkbox label,
label.radio-inline {
    color: #a8a8b8 !important;
    background: transparent !important;
}

/* 5. PAYMENT DETAILS SECTION */
.payment-details,
.billing-details,
#payment-details,
div[class*="payment"] {
    background: rgba(26, 26, 36, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Green bordered sections (Total Due Today) */
div[style*="border: 1px solid green"],
div[style*="border-color: green"],
.total-due-container {
    background: rgba(0, 255, 136, 0.05) !important;
    border: 2px solid #00FF88 !important;
    border-radius: 8px !important;
}

/* Configure product feature list container */
.product-details,
.product-features-container,
.configure-options {
    background: transparent !important;
}

/* Promo code panel that appears green */
.promo-code,
.apply-promo,
div[style*="background-color: green"],
div[style*="background: green"] {
    background: rgba(0, 255, 136, 0.1) !important;
    border: 1px solid #00FF88 !important;
}

/* Additional notes textarea container */
.additional-notes,
.order-notes,
textarea-container {
    background: #000000 !important;
}

/* Section headers with white/light backgrounds */
.section-header,
.panel-heading,
h2,
h3,
h4 {
    background: transparent !important;
}

/* Dotted border containers (like "Create a New Account") */
div[style*="border: 1px dotted"],
.dotted-container {
    background: rgba(26, 26, 36, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}