/*
 * orderform-dark.css - SpillMer.no / gaming-temaet
 * ------------------------------------------------
 * WHMCS legger alle kurvsteg (cart.php: view, checkout, domene, konfigurering)
 * i ordreskjema-malen "standard_cart". Den malen laster sitt eget
 * templates/orderforms/standard_cart/css/all.min.css fra common.tpl - altsaa
 * INNE I BODY, lenge etter temaets head-stilark. 59 regler der setter lys
 * bakgrunn eller moerk tekst, og de vant kaskaden fordi de kommer sist.
 * Resultatet var hvite og graa flater midt i det moerke temaet.
 *
 * Denne fila lastes fra footer.tpl, som rendres ETTER kurvinnholdet, og er
 * derfor siste ord i kaskaden. Da trengs !important kun der standard_cart
 * eller theme.min.css selv bruker det.
 *
 * Alle verdier kommer fra gaming-temaets tokens i gaming-theme.css.
 * Opprettet 2026-07-31. Se docs/28 kapittel 22.
 */

/* ---------- 1. Selve kurvbeholderen ---------- */
#order-standard_cart {
    background: transparent;
    color: var(--text-light);
}
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart h4,
#order-standard_cart legend {
    color: var(--text-lighter);
}

/* ---------- 2. Produktkort og paneler ---------- */
#order-standard_cart .products .product,
#order-standard_cart .product-info,
#order-standard_cart .mc-promo,
.product-recommendations .product-recommendation {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 10px);
    color: var(--text-light);
}
#order-standard_cart .products .product header,
#order-standard_cart .mc-promo .body,
.product-recommendations .product-recommendation .body {
    background: var(--bg-darker);
    border-top: 1px solid var(--border-color);
    color: var(--text-light);
}
#order-standard_cart .products .product header span,
#order-standard_cart .panel-addon .panel-body label,
#order-standard_cart .domain-checker-advanced label {
    color: var(--text-light);
}
#order-standard_cart .panel-addon .panel-price {
    background: var(--bg-darker);
    color: var(--accent-cyan);
    border: 1px solid var(--border-color);
}

/* ---------- 3. Oppsummering, kreditt og betaling ---------- */
#order-standard_cart .summary-container,
#order-standard_cart .apply-credit-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .view-cart-gateway-checkout,
#order-standard_cart .account-select-container div.account,
#order-standard_cart .account-select-container div.account-selected {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 10px);
    color: var(--text-light);
}
#order-standard_cart .order-summary .btn-continue-shopping {
    color: var(--text-muted);
}
#order-standard_cart .order-summary .btn-continue-shopping:hover {
    color: var(--accent-cyan);
}

/* ---------- 4. Handlekurvens varelinjer og faner ---------- */
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-promotion-code {
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-color);
    color: var(--text-light);
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
    background: var(--bg-darker);
}
#order-standard_cart .view-cart-items .item:hover {
    background: var(--bg-dark);
}
#order-standard_cart .view-cart-tabs .nav-tabs a,
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    background: var(--bg-darker);
    border-color: var(--border-color) var(--border-color) transparent;
    color: var(--text-light);
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
    color: var(--accent-cyan);
}
#order-standard_cart .view-cart-tabs .tab-content {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}

/* ---------- 5. Skjemafelt ---------- */
#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="number"],
#order-standard_cart select,
#order-standard_cart textarea {
    background: var(--bg-input);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}
#order-standard_cart .field[disabled],
#order-standard_cart .form-control[disabled],
#order-standard_cart .form-control[readonly] {
    background: var(--bg-darker);
    color: var(--text-dim);
}
#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
    border-color: var(--accent-cyan);
    box-shadow: var(--glow-cyan, 0 0 8px rgba(0, 212, 255, .25));
    outline: none;
}
#order-standard_cart ::placeholder {
    color: var(--text-dim);
    opacity: 1;
}
#order-standard_cart .form-control.domain-renewals-filter,
#order-standard_cart .form-control.service-renewals-filter {
    background-color: var(--bg-input) !important;
}
#order-standard_cart .default-captcha {
    background: var(--bg-darker);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}

/* ---------- 6. Knapper som arver lys Bootstrap-stil ---------- */
#order-standard_cart .btn-default,
.domain-checker-container .btn-default {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-light) !important;
}
#order-standard_cart .btn-default:hover,
.domain-checker-container .btn-default:hover {
    background: var(--bg-dark) !important;
    border-color: var(--accent-cyan) !important;
    color: var(--accent-cyan) !important;
}

/* ---------- 7. Domenesoek ---------- */
.domain-checker-container {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg, 14px);
    box-shadow: var(--glow-cyan, 0 0 20px rgba(0, 212, 255, .12));
}
.domain-checker-container .input-group-box {
    background: transparent;
}
#order-standard_cart .domain-checker-advanced .multiselect {
    background: var(--bg-input);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}
#order-standard_cart .domain-checker-advanced input[type="checkbox"] {
    accent-color: var(--accent-cyan);
}
#order-standard_cart .domain-checker-available,
.domain-checker-available {
    color: var(--accent-green);
}
#order-standard_cart .domain-checker-unavailable,
.domain-checker-unavailable {
    color: var(--accent-pink);
}
div.domainresults div:not(.btn-group) {
    background: var(--bg-card);
    color: var(--text-light);
}
#order-standard_cart .domain-selection-options .option {
    background: var(--bg-darker);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}
#order-standard_cart .domain-selection-options .option-selected {
    background: var(--bg-dark);
    border-color: var(--accent-cyan);
}
#order-standard_cart .transfer-eligible {
    background: rgba(0, 255, 136, .08);
    border: 1px solid var(--accent-green);
    color: var(--accent-green);
}
#order-standard_cart .transfer-not-eligible {
    background: var(--bg-darker);
    border: 1px solid var(--border-color);
    color: var(--text-muted);
}

/* ---------- 8. Domenepriser og forslag ---------- */
.domain-pricing .tld-row {
    border: 1px solid var(--border-color);
    background: var(--bg-card);
}
.domain-pricing .tld-row.highlighted {
    background: var(--bg-dark);
}
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header div:nth-child(odd) {
    background: var(--bg-darker);
    border-bottom: 2px solid var(--accent-cyan);
    color: var(--text-lighter);
}
.spotlight-tlds {
    background: var(--bg-darker);
}
.spotlight-tld {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}
.spotlight-tld .invalid,
.spotlight-tld .unavailable {
    background: var(--bg-darker);
    color: var(--text-dim);
}
.suggested-domains .domain-lookup-suggestions-loader,
.suggested-domains .domain-lookup-suggestions-none,
.suggested-domains .suggestion {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}
.domain-promo-box {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 10px);
    color: var(--text-light);
}

/* ---------- 9. Fornyelseslister ---------- */
.addon-renewals .service-renewal,
.domain-renewals,
.service-renewals,
.domain-renewals .domain-renewal {
    background: var(--bg-card);
    color: var(--text-light);
}
.addon-renewals .service-renewal:nth-child(even),
.domain-renewals .domain-renewal:nth-child(even) {
    background: var(--bg-darker);
}

/* ---------- 10. Tabeller og lenker inne i kurven ---------- */
#order-standard_cart table,
#order-standard_cart .table {
    color: var(--text-light);
}
#order-standard_cart .table > tbody > tr > td,
#order-standard_cart .table > thead > tr > th {
    border-color: var(--border-color);
}
#order-standard_cart .table-striped > tbody > tr:nth-of-type(odd) {
    background: var(--bg-darker);
}
#order-standard_cart a:not(.btn) {
    color: var(--accent-cyan);
}
#order-standard_cart a:not(.btn):hover {
    color: var(--text-lighter);
}
#order-standard_cart hr {
    border-top-color: var(--border-color);
}

/* ---------- 11. theme.min.css sine egne lyse kurvregler ----------
 * gaming/css/theme.min.css er WHMCS' kompilerte standardtema og er LYST.
 * 25 av reglene der treffer kurven, og flere bruker prefikset "body" - som gir
 * hoeyere spesifisitet enn et rent "#order-standard_cart ...". De kan altsaa
 * ikke overstyres av en enklere selektor, uansett rekkefolge. Selektorene under
 * er derfor kopiert ORDRETT fra theme.min.css: lik spesifisitet, og fordi denne
 * fila lastes sist vinner den paa rekkefolge.
 */
body #order-standard_cart .products .product,
body #order-standard_cart .cart-body .view-cart-empty,
body #order-standard_cart .cart-body .products .product header,
body #order-standard_cart .domain-selection-options,
body #order-standard_cart .panel .panel-heading,
body #order-standard_cart .panel .panel-footer,
body #order-standard_cart .domain-promo-box,
body .secondary-cart-body #domainRenewals {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-light);
}
body #order-standard_cart .sub-heading span,
body #order-standard_cart .domain-selection-options .option-selected,
body #order-standard_cart .secondary-cart-body .view-cart-tabs .nav-tabs a[aria-expanded=true] {
    background: var(--bg-darker);
    color: var(--text-light);
}
body #order-standard_cart .domain-pricing .tld-filters .badge,
body #order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
body #order-standard_cart .domain-pricing .tld-pricing-header div,
body #order-standard_cart .domain-pricing .tld-pricing-header:has(~ .filtered-row) .tld-column {
    background: var(--bg-darker);
    color: var(--text-lighter);
}
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-xs-4 {
    background: var(--bg-darker);
    color: var(--text-lighter);
}
.home-domain-search .input-group-wrapper,
.store-order-container .store-domain-tabs li.active a {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-light);
}
.store-order-container .store-domain-tabs li a {
    background: var(--bg-darker);
    color: var(--text-muted);
}
.store-order-container .domain-validation.ok {
    color: var(--accent-green);
}

/* ---------- 12. Rester i standard_cart som trengte egne selektorer ---------- */
#order-standard_cart .field[readonly] {
    background: var(--bg-darker);
    color: var(--text-dim);
}
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=false],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true] {
    background: var(--bg-darker);
    color: var(--text-light);
}
.suggested-domains .domain-lookup-suggestions-message {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-light);
}
.service-renewals .service-renewal:nth-child(even) {
    background: var(--bg-darker);
}
#order-standard_cart .account-select-container div.account-selected {
    background: var(--bg-dark);
    border-color: var(--accent-cyan);
}

/* ---------- 13. Siste rester, med ordrette selektorer ---------- */
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true] {
    background-color: var(--bg-card);
    border-color: var(--border-color) var(--border-color) transparent;
    color: var(--accent-cyan);
}
#order-standard_cart .account-select-container {
    border-right: 1px solid var(--border-color);
}
#order-standard_cart .account-select-container div.account {
    background: var(--bg-darker);
    border: 1px solid var(--border-color);
    border-right: 0;
}
#order-standard_cart .account-select-container div.account.active {
    background: var(--bg-dark);
}

/* BEVISST UROERT, ikke feil:
 *   .spotlight-tld-hot / .suggested-domains .promo.hot   #e71408  - roed HOT-merkelapp,
 *       en aksent som skal skille seg ut og som leses fint mot moerk bakgrunn.
 *   .mc-promo.sitelock .btn-add / .arrow                 #f29f44  - SiteLocks egen
 *       merkevarefarge. MarketConnect er ikke i bruk her, saa reglene traeffer ingenting.
 *   .domain-checker-advanced input[type=checkbox]        #fff     - bakgrunnen paa en
 *       native avkryssingsboks. Moerkner man den, forsvinner haken. accent-color er
 *       satt i kapittel 7 i stedet.
 */