/* Target the exact classes and lock it down so Javascript cannot force it open */
.btn.domain-contact-support.headline {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================================
   WHMCS ORDER FORM - SPOTLIGHT TLD TILES DARK MODE FIX
   ========================================================================== */

/* 1. Target the large outer white container panel background */
html.dark-mode-active #order-standard_cart .domain-tld-pricing,
html.dark-mode-active #order-standard_cart .spotlight-tlds,
html.dark-mode-active #order-standard_cart div:has(> .tld-box) {
    background-color: #111827 !important; /* Rich deep layer dark background */
    border: 1px solid #24324d !important;   /* Matches your portal container border */
    padding: 20px !important;
    border-radius: 6px !important;
}

/* 2. Target the individual inner white extension boxes (.com, .org, etc.) */
html.dark-mode-active #order-standard_cart .tld-box,
html.dark-mode-active #order-standard_cart .spotlight-tlds .card,
html.dark-mode-active #order-standard_cart .domain-tld-pricing .spotlight-tld-container {
    background-color: #161f30 !important; /* Deep theme blue matching your card blocks */
    border: 1px solid #334155 !important;   /* Subtle inner gray divider profile */
    border-radius: 4px !important;
    color: #ffffff !important;
}

/* 3. Force absolute high contrast white text for the extension titles (.com, .org, etc.) */
html.dark-mode-active #order-standard_cart .tld-box .extension,
html.dark-mode-active #order-standard_cart .spotlight-tlds .title,
html.dark-mode-active #order-standard_cart .domain-tld-pricing h4,
html.dark-mode-active #order-standard_cart .domain-tld-pricing span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* 4. Fix pricing text and renewal strings inside the spotlight boxes */
html.dark-mode-active #order-standard_cart .tld-box .price,
html.dark-mode-active #order-standard_cart .spotlight-tlds .price,
html.dark-mode-active #order-standard_cart .domain-tld-pricing .tld-row .price {
    color: #e5e7eb !important; /* Soft light silver text contrast readability */
}

/* 5. Inactive/Unavailable button state text tracking inside the cards */
html.dark-mode-active #order-standard_cart .tld-box .btn-unavailable,
html.dark-mode-active #order-standard_cart .spotlight-tlds .btn-disabled,
html.dark-mode-active #order-standard_cart .btn-unavailable {
    background-color: #334155 !important; /* Dark charcoal disabled button background */
    color: #9ca3af !important;           /* Muted text label for taken options */
    border-color: #475569 !important;
}

/* ==========================================================================
   WHMCS ORDER FORM - SPOTLIGHT CARDS DEEP INVERSION
   ========================================================================== */

/* 1. Deep target the inner white layout cards */
html.dark-mode-active #order-standard_cart .domain-tld-pricing .row > div > div,
html.dark-mode-active #order-standard_cart .domain-tld-pricing [class*="spotlight-tld"],
html.dark-mode-active #order-standard_cart div:has(> .btn-add-to-cart) {
    background-color: #161f30 !important; /* Premium card background */
    border: 1px solid #24324d !important;   /* Subtle slate outline */
    color: #ffffff !important;
}

/* 2. Force text titles (.com, .org) to remain dark text if inherited, or invert to crisp white */
html.dark-mode-active #order-standard_cart .domain-tld-pricing .row > div > div *,
html.dark-mode-active #order-standard_cart .domain-tld-pricing [class*="spotlight-tld"] * {
    color: #ffffff !important;
}

/* 3. Soften the pricing text color profile so it stands out cleanly from the title */
html.dark-mode-active #order-standard_cart .domain-tld-pricing .price,
html.dark-mode-active #order-standard_cart .domain-tld-pricing [class*="price"] {
    color: #cbd5e1 !important; /* Soft gray for high readability */
}

/* 4. Fix button text colors inside the spotlight cards */
html.dark-mode-active #order-standard_cart .domain-tld-pricing .btn {
    color: #ffffff !important;
}

/* 5. Clean style profile for the "Unavailable" gray button block */
html.dark-mode-active #order-standard_cart .domain-tld-pricing .btn-unavailable,
html.dark-mode-active #order-standard_cart .domain-tld-pricing .disabled {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}