/* OffshoreDedi WHMCS V3.2 targeted finishing fixes */
:root{--od32-bg:#080c13;--od32-panel:#111823;--od32-panel2:#171e2a;--od32-border:#2e394a;--od32-text:#f4f7fb;--od32-muted:#a8b1c0;--od32-blue:#318cff;--od32-purple:#7c3cff}

/* ---------------------------------------------------------
   STANDARD CART — product cards, domain selection, addons,
   order summary. These rules intentionally work even when
   the active order form remains WHMCS Standard Cart.
   --------------------------------------------------------- */
#order-standard_cart{color:var(--od32-text)!important}
#order-standard_cart h1,#order-standard_cart h2,#order-standard_cart h3,#order-standard_cart h4,#order-standard_cart h5,#order-standard_cart h6{color:#fff!important}
#order-standard_cart p,#order-standard_cart .text-muted,#order-standard_cart small{color:var(--od32-muted)!important}

/* Product listing cards */
#order-standard_cart .products .product,
#order-standard_cart .products .product header,
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product footer{
  background:linear-gradient(145deg,#121923,#0d131c)!important;
  border-color:var(--od32-border)!important;
  color:var(--od32-text)!important;
}
#order-standard_cart .products .product{border:1px solid var(--od32-border)!important;border-radius:14px!important;overflow:hidden!important}
#order-standard_cart .products .product header{border-bottom:1px solid var(--od32-border)!important;padding:16px 18px!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 .product-name{color:#fff!important;font-weight:700!important}
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc *,
#order-standard_cart .products .product ul,
#order-standard_cart .products .product li{color:#aeb7c5!important}
#order-standard_cart .products .product .product-pricing,
#order-standard_cart .products .product .product-pricing *{color:#f5f7fb!important}

/* Domain selection page — remove the large white panel */
#order-standard_cart .domain-selection-options{
  background:linear-gradient(145deg,#111823,#0d131c)!important;
  border:1px solid var(--od32-border)!important;
  border-radius:14px!important;
  padding:8px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .domain-selection-options .option-selected{
  background:#111823!important;
  color:#dce3ed!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  margin:4px 0!important;
  padding:12px 16px!important;
}
#order-standard_cart .domain-selection-options .option:hover{background:#151e2a!important;border-color:#35445a!important}
#order-standard_cart .domain-selection-options .option-selected{background:#172238!important;border-color:#4f63cf!important}
#order-standard_cart .domain-selection-options label,
#order-standard_cart .domain-selection-options .option label,
#order-standard_cart .domain-selection-options span{color:#dce3ed!important}
#order-standard_cart .domain-selection-options input.form-control,
#order-standard_cart .domain-selection-options select.form-control,
#order-standard_cart .domain-selection-options .form-control{background:#171e2a!important;color:#fff!important;border-color:#40506a!important}

/* Product configuration product information */
#order-standard_cart .product-info{background:linear-gradient(145deg,#111823,#0d131c)!important;border:1px solid var(--od32-border)!important;color:#cbd3df!important}
#order-standard_cart .product-info .product-title{color:#fff!important}

/* White MarketConnect / addon panels */
#order-standard_cart .panel-addon,
#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .panel-heading,
#order-standard_cart .panel-addon .panel-footer,
#order-standard_cart .addon-promo-container,
#order-standard_cart .mc-promo,
#order-standard_cart .mc-promo .header,
#order-standard_cart .mc-promo .body,
#order-standard_cart .mc-promo .content,
#order-standard_cart .product-recommendations,
#order-standard_cart .product-recommendations .product-recommendation,
#order-standard_cart .product-recommendations .product-recommendation .body{
  background:#111823!important;
  border-color:var(--od32-border)!important;
  color:#d9e0ea!important;
}
#order-standard_cart .panel-addon{border:1px solid var(--od32-border)!important;border-radius:12px!important;overflow:hidden!important}
#order-standard_cart .panel-addon .panel-body{padding:18px!important}
#order-standard_cart .panel-addon .panel-body label,
#order-standard_cart .panel-addon label,
#order-standard_cart .panel-addon .panel-price,
#order-standard_cart .mc-promo *,
#order-standard_cart .product-recommendations *{color:#cfd7e3!important}
#order-standard_cart .panel-addon .panel-price{background:#171e2a!important}
#order-standard_cart .panel-addon .panel-add{background:linear-gradient(100deg,#318cff,#7c3cff)!important;color:#fff!important}
#order-standard_cart .panel-addon-selected{border-color:#6655ec!important;box-shadow:0 0 0 1px rgba(124,60,255,.18)!important}
#order-standard_cart .mc-promo img,
#order-standard_cart .panel-addon img{max-width:100%;height:auto}

/* Section labels were white because Standard Cart gives them white backgrounds */
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span{
  background:var(--od32-bg)!important;
  color:#f5f7fb!important;
  padding:0 12px!important;
}
#order-standard_cart .sub-heading{border-color:#394557!important}

/* Order summary — eliminate white cap/header */
#order-standard_cart .order-summary,
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary .summary-container{
  background:linear-gradient(145deg,#121923,#0d131c)!important;
  border-color:var(--od32-border)!important;
  color:#eef2f7!important;
}
#order-standard_cart .order-summary{border:1px solid var(--od32-border)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}
#order-standard_cart .order-summary h2{border:0!important;border-bottom:1px solid var(--od32-border)!important;color:#fff!important;padding:13px 16px!important}
#order-standard_cart .order-summary .summary-container{border:0!important;padding:16px!important}
#order-standard_cart .order-summary .summary-container *,
#order-standard_cart .order-summary .product-name,
#order-standard_cart .order-summary .product-group,
#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .total-due-today span{color:#eef2f7!important}
#order-standard_cart .order-summary .summary-totals{border-color:#3a4658!important}

/* Keep entered configuration fields dark, including browser-autofill */
#order-standard_cart input.form-control,
#order-standard_cart textarea.form-control,
#order-standard_cart select.form-control,
#order-standard_cart .custom-select{background:#171e2a!important;color:#f6f8fb!important;border-color:#39475b!important}
#order-standard_cart input.form-control:-webkit-autofill,
#order-standard_cart input.form-control:-webkit-autofill:hover,
#order-standard_cart input.form-control:-webkit-autofill:focus{-webkit-text-fill-color:#f6f8fb!important;-webkit-box-shadow:0 0 0 1000px #171e2a inset!important;box-shadow:0 0 0 1000px #171e2a inset!important}

/* ---------------------------------------------------------
   CLIENT AREA — MarketConnect recommendation panel
   --------------------------------------------------------- */
.client-home-cards .mc-promo-manage,
.client-home-cards .mc-promo-login,
.client-home-cards .promo-container,
.client-home-cards .promo-container .content,
.client-home-cards .promo-container .header,
.od-v2-home-panels .mc-promo-manage,
.od-v2-home-panels .mc-promo-login{
  background:linear-gradient(145deg,#121923,#0d131c)!important;
  border:1px solid var(--od32-border)!important;
  color:#d8e0eb!important;
  border-radius:14px!important;
}
.client-home-cards .mc-promo-manage *,
.client-home-cards .mc-promo-login *,
.client-home-cards .promo-container *{color:#cbd4e0!important}
.client-home-cards .promo-container a,
.client-home-cards .mc-promo-manage a,
.client-home-cards .mc-promo-login a{color:#6eaaff!important}
.client-home-cards img{max-width:100%;height:auto}

/* ---------------------------------------------------------
   CLIENT INVOICE LIST — remove white DataTables rows
   --------------------------------------------------------- */
#tableInvoicesList,
.table-list,
.table-container .table{background:#101720!important;color:#d9e1eb!important;border-collapse:separate!important;border-spacing:0!important}
#tableInvoicesList thead th,
.table-list thead th{background:#1b2330!important;color:#fff!important;border-color:#364255!important}
#tableInvoicesList tbody tr,
.table-list tbody tr,
.table-container .table tbody tr{background:#101720!important;color:#d9e1eb!important}
#tableInvoicesList tbody tr:nth-child(even),
.table-list tbody tr:nth-child(even){background:#121a25!important}
#tableInvoicesList tbody tr:hover,
.table-list tbody tr:hover{background:#182333!important}
#tableInvoicesList tbody td,
.table-list tbody td,
.table-container .table tbody td{background:transparent!important;color:#d6dee9!important;border-color:#2c3747!important}
#tableInvoicesList tbody td *,
.table-list tbody td *{color:inherit!important}
#tableInvoicesList .status-unpaid,.table-list .status-unpaid{color:#fff!important}
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select{background:#171e2a!important;color:#fff!important;border:1px solid #39475b!important;border-radius:9px!important}

/* ---------------------------------------------------------
   Standalone invoice page — print-friendly white sheet with
   correct high-contrast text. This intentionally does NOT
   turn the invoice itself dark.
   --------------------------------------------------------- */
body .invoice-container{
  background:#fff!important;
  color:#1e2733!important;
  border:1px solid #d6dce4!important;
  box-shadow:0 18px 55px rgba(0,0,0,.25)!important;
}
.invoice-container h1,.invoice-container h2,.invoice-container h3,.invoice-container h4,.invoice-container h5,.invoice-container h6,
.invoice-container p,.invoice-container span,.invoice-container strong,.invoice-container address,.invoice-container .small-text,
.invoice-container .invoice-col,.invoice-container label{color:#1e2733!important}
.invoice-container .invoice-status .unpaid{color:#c90000!important}
.invoice-container .invoice-status .paid{color:#3b7f2a!important}
.invoice-container .invoice-status .cancelled,.invoice-container .invoice-status .draft{color:#666!important}
.invoice-container hr{border-color:#e1e5ea!important}
.invoice-container .card{background:#fff!important;border:1px solid #d6dce4!important;color:#1e2733!important;box-shadow:none!important}
.invoice-container .card-header{background:#f0f3f7!important;border-color:#d6dce4!important;color:#1e2733!important}
.invoice-container .card-header *{color:#1e2733!important}
.invoice-container .table{background:#fff!important;color:#1e2733!important}
.invoice-container .table thead td,.invoice-container .table thead th{background:#eef2f6!important;color:#1e2733!important;border-color:#d6dce4!important}
.invoice-container .table tbody td{background:#fff!important;color:#1e2733!important;border-color:#dde2e8!important}
.invoice-container .table td.total-row{background:#f5f7fa!important;color:#1e2733!important}
.invoice-container .custom-select,.invoice-container select,.invoice-container .form-control{background:#fff!important;color:#1e2733!important;border:1px solid #bcc5d1!important}
.invoice-container a:not(.btn){color:#276fce!important}
.invoice-container .btn-primary,.invoice-container .btn-success{color:#fff!important}
.invoice-container .payment-btn-container .btn{background:linear-gradient(100deg,#318cff,#7c3cff)!important;border-color:#625df3!important;color:#fff!important}

@media print{
  body{background:#fff!important;color:#000!important}
  body .invoice-container{box-shadow:none!important;border:0!important;color:#000!important}
  .invoice-container *{color:#000!important}
  .invoice-container .invoice-status .unpaid{color:#c90000!important}
}