/* =========================================================
   KSHIP DARK – standard_cart overrides (loaded after style.css)
   Fix: white cart items + promo code box
   No border radius + more padding
   ========================================================= */


#order-standard_cart .view-cart-items-header{
  background: rgba(10, 40, 70, .90) !important;
  color: rgba(255,255,255,.97) !important;
  border-radius: 0 !important;
  padding: 5px 5px !important;
}

/* Main cart items block (the white area you circled) */
#order-standard_cart .view-cart-items{
  background: rgba(10, 32, 54, .92) !important;
  border-bottom: 2px solid rgba(60, 140, 220, .70) !important;
  border-radius: 0 !important;
}

/* Individual item rows */
#order-standard_cart .view-cart-items .item{
  background: rgba(0,0,0,.18) !important;
  color: rgba(255,255,255,.96) !important;
  padding: 18px 18px !important;
  border-radius: 0 !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even){
  background: rgba(0,0,0,.28) !important;
}

/* Domain text inside cart */
#order-standard_cart .view-cart-items .item-domain{
  color: rgba(120, 190, 255, .95) !important; /* readable “pop” */
}

/* Price column */
#order-standard_cart .view-cart-items .item-price,
#order-standard_cart .view-cart-items .item-price span{
  color: rgba(255,255,255,.96) !important;
}

/* Remove + Empty cart buttons */
#order-standard_cart .btn-remove-from-cart{
  color: rgba(255,255,255,.85) !important;
}
#order-standard_cart .btn-remove-from-cart:hover{
  color: #ff5a5a !important;
}
#order-standard_cart .empty-cart .btn{
  background: rgba(10, 60, 110, .85) !important;
  color: rgba(255,255,255,.96) !important;
  border-radius: 0 !important;
  padding: 10px 14px !important;
}

/* Promo code area (the other white block you circled) */
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs{
  background: transparent !important;
}
#order-standard_cart .view-cart-tabs .tab-content{
  background: rgba(10, 32, 54, .92) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  padding: 18px !important;
  color: rgba(255,255,255,.96) !important;
}

/* Promo input + button */
#order-standard_cart .view-cart-tabs input.form-control{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.96) !important;
  border-radius: 0 !important;
  padding: 14px 14px !important;
  height: auto !important;
}
#order-standard_cart .view-cart-tabs input.form-control::placeholder{
  color: rgba(255,255,255,.65) !important;
}
#order-standard_cart .view-cart-tabs .btn{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.96) !important;
  border-radius: 0 !important;
  padding: 14px 18px !important;
}

/* Global: kill rounding in cart UI */
#order-standard_cart .btn,
#order-standard_cart .form-control,
#order-standard_cart .panel,
#order-standard_cart .card,
#order-standard_cart .table,
#order-standard_cart .alert{
  border-radius: 0 !important;
}
#order-standard_cart .transfer-not-eligible{
  background: rgba(220, 60, 60, .14) !important;
  border: 1px solid rgba(220, 60, 60, .35) !important;
  color: rgba(255,255,255,.95) !important;
  border-radius: 0 !important;
}

#order-standard_cart .transfer-eligible{
  background: rgba(60, 200, 120, .12) !important;
  border: 1px solid rgba(60, 200, 120, .30) !important;
  color: rgba(255,255,255,.95) !important;
  border-radius: 0 !important;
}

#order-standard_cart .transfer-eligible .headline,
#order-standard_cart .transfer-not-eligible .headline{
  color: rgba(255,255,255,.98) !important;
}
/* ==============================
   FORCE DARK: Standard Cart bits
   ============================== */

/* Cart item table + promo/tabs containers (the white boxes you circled) */
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .tab-pane,
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .view-cart-gateway-checkout,
#order-standard_cart .apply-credit-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .product-info,
#order-standard_cart .summary-container,
#order-standard_cart .view-cart-items .item {
  background: rgba(6, 12, 24, 0.78) !important;
  color: rgba(255,255,255,0.92) !important;
  border: 1px solid rgba(90, 160, 255, 0.18) !important;
  border-radius: 0 !important;
  padding: 18px !important;
}

#order-standard_cart .view-cart-tabs .tab-content { padding: 22px !important; }

/* Inputs inside those boxes */
#order-standard_cart .form-control,
#order-standard_cart .field {
  background: rgba(10, 18, 34, 0.85) !important;
  color: rgba(255,255,255,0.92) !important;
  border-color: rgba(90, 160, 255, 0.20) !important;
  border-radius: 0 !important;
}

#order-standard_cart label,
#order-standard_cart .text-muted,
#order-standard_cart .field-help-text {
  color: rgba(255,255,255,0.70) !important;
}

/* ===========================================
   FIX: Cart "Years" dropdown behind Promo tab
   =========================================== */
#order-standard_cart .view-cart-tabs,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .tab-pane,
#order-standard_cart .view-cart-tabs .tab-pane.promo {
  overflow: visible !important;
}
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .tab-pane {
  position: relative;
  z-index: 1;
}
#order-standard_cart .dropdown.show,
#order-standard_cart .dropdown.open,
#order-standard_cart .bootstrap-select.show,
#order-standard_cart .bootstrap-select.open {
  position: relative;
  z-index: 10050 !important;
}
#order-standard_cart .dropdown-menu,
#order-standard_cart .dropdown-menu.show,
#order-standard_cart .open > .dropdown-menu,
#order-standard_cart .bootstrap-select .dropdown-menu {
  z-index: 10060 !important;
}

/* ==================================
   TOP NAV DROPDOWNS: Kship blue glass
   ================================== */
.navbar-main .dropdown-menu {
  background: rgba(8, 28, 60, 0.88) !important; /* kship blue */
  border: 1px solid rgba(90, 160, 255, 0.22) !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  min-width: 220px;
}
.navbar-main .dropdown-menu .dropdown-item,
.navbar-main .dropdown-menu a.dropdown-item {
  color: rgba(255,255,255,0.92) !important;
  padding: 10px 16px !important;
  background: transparent !important;
}
.navbar-main .dropdown-menu .dropdown-item:hover,
.navbar-main .dropdown-menu a.dropdown-item:hover,
.navbar-main .dropdown-menu .dropdown-item:focus,
.navbar-main .dropdown-menu a.dropdown-item:focus {
  background: rgba(90, 160, 255, 0.18) !important;
  color: #fff !important;
}
.navbar-main .dropdown-divider {
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}

/* Make sure results area is allowed to display */
#order-standard_cart .suggested-domains .results{
  display: block !important;
}
/* =========================================================
   STANDARD_CART – Suggested Domains: alignment + safe cleanup
   ========================================================= */

/* ONLY hide the template row WHMCS uses for cloning (safe) */
#domainSuggestions .domainSuggestionTemplate,
#domainSuggestions .suggestion-template {
  display: none !important;
}



/* Domain/name column */
#domainSuggestions .domain-name,
#domainSuggestions .domain,
#domainSuggestions .domain-suggestion-domain {
  flex: 1 1 auto;
  min-width: 0;
}

/* Price column */
#domainSuggestions .domain-price,
#domainSuggestions .price {
  flex: 0 0 140px;
  text-align: right;
  white-space: nowrap;
}

/* Actions column (Add to Cart button) */
#domainSuggestions .actions,
#domainSuggestions .domain-actions,
#domainSuggestions .domain-suggestion-actions {
  flex: 0 0 170px;
  text-align: right;
}

/* Button sizing + vertical alignment */
#domainSuggestions .actions .btn,
#domainSuggestions .domain-actions .btn,
#domainSuggestions .domain-suggestion-actions .btn {
  min-width: 140px;
  height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Make sure the "more suggestions" control is clickable */
#domainSuggestions #btnGetMoreSuggestions,
#domainSuggestions .btn-get-more-suggestions,
#domainSuggestions .more-suggestions {
  position: relative;
  z-index: 5;
}
select.form-control, select.custom-select {
  background: rgba(0,0,0,.55) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.18) !important;
}
select.form-control option, select.custom-select option {
  background: #0b0f18 !important;
  color: #fff !important;
}
/* Hide the template/placeholder suggestion row (the blank one) */
#order-standard_cart #domainSuggestions .domain-suggestion:not(.clone) {
  display: none !important;
}
/* Suggested domains: vertically center + remove extra top space */
#order-standard_cart #domainSuggestions .list-group-item{
  display: flex !important;
  align-items: center !important;   /* centers all columns vertically */
  padding: 12px 16px !important;    /* reduces the tall row padding */
}

/* Make the right side (price + button) a flex row and center it */
#order-standard_cart #domainSuggestions .actions{
  display: flex !important;
  align-items: center !important;    /* centers button vertically */
  justify-content: flex-end !important;
  gap: 14px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Clean up default spacing that can push the button down */
#order-standard_cart #domainSuggestions .actions .price{
  margin: 0 !important;
  line-height: 1 !important;
}

#order-standard_cart #domainSuggestions .actions .btn{
  margin: 0 !important;
  align-self: center !important;
  height: 40px !important;
  line-height: 40px !important;  /* kills “extra” vertical slack */
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#order-standard_cart .cart-item, #order-standard_cart .panel, #order-standard_cart .list-group-item
 {
    margin-bottom: 5px !important;
}
/* =========================================================
   WHMCS standard_cart – MODAL CLICK FIX + DIM BEHIND MODAL
   ========================================================= */

/* Dim layer BEHIND modal */
body.modal-open .modal-backdrop{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;

  background: rgba(0,0,0,.05) !important;  /* dim strength */
  opacity: 1 !important;

  z-index: 9998 !important;               /* BACKDROP */
  pointer-events: none !important;         /* doesn't steal clicks */
}

/* Modal ON TOP of dim */
body.modal-open .modal,
body.modal-open #modalAjax{
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;               /* MODAL ABOVE */
  pointer-events: auto !important;
}

body.modal-open .modal .modal-dialog,
body.modal-open #modalAjax .modal-dialog,
body.modal-open .modal .modal-content,
body.modal-open #modalAjax .modal-content{
  z-index: 10000 !important;              /* content top-most */
  pointer-events: auto !important;
}


/* Push below fixed header */
body.modal-open .modal .modal-dialog,
body.modal-open #modalAjax .modal-dialog{
  margin: 260px auto 40px !important;
  transform: none !important;
}

/* While modal open, do not allow header/nav to intercept clicks */
body.modal-open header,
body.modal-open #header,
body.modal-open .navbar,
body.modal-open .navbar-main,
body.modal-open .top-nav,
body.modal-open #main-menu{
  pointer-events: none !important;
  z-index: 1000 !important;
}

/* =========================================================
   WHMCS 8.x – Email verification overlay neutralizer
   ========================================================= */
body.modal-open .email-verification-notice,
body.modal-open .email-verification-notice-overlay,
body.modal-open .email-verification-overlay,
body.modal-open #email-verification-overlay,
body.modal-open #emailVerificationOverlay{
  z-index: 10 !important;
  pointer-events: none !important;
}

.email-verification-notice a,
.email-verification-notice button{
  pointer-events: auto !important;
}
/* =========================================================
   STANDARD_CART – Domain Register page: kill remaining whites
   Targets: .bg-white (TLD table), .domain-promo-box, domain checker
   ========================================================= */

#order-standard_cart .bg-white{
  background: rgba(6, 12, 24, 0.78) !important;
  border: 1px solid rgba(90, 160, 255, 0.18) !important;
  color: rgba(255,255,255,0.92) !important;
}

/* TLD pricing header row (the white strip) */
#order-standard_cart .tld-pricing-header{
  background: rgba(10, 32, 54, .92) !important;
  color: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}

/* TLD rows */
#order-standard_cart .tld-row{
  background: rgba(0,0,0,.18) !important;
  color: rgba(255,255,255,.92) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}
#order-standard_cart .tld-row.highlighted{
  background: rgba(0,0,0,.28) !important;
}
#order-standard_cart .tld-row.no-tlds{
  background: rgba(0,0,0,.12) !important;
}

/* Small text in the table */
#order-standard_cart .tld-row small{
  color: rgba(255,255,255,.70) !important;
}

/* Category badges */
#order-standard_cart .tld-filters .badge{
  background: rgba(0,0,0,.30) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.90) !important;
}
#order-standard_cart .tld-filters .badge-success{
  background: rgba(90, 160, 255, 0.22) !important;
  border-color: rgba(90, 160, 255, 0.35) !important;
}

/* Promo boxes (the two white cards at bottom) */
#order-standard_cart .domain-promo-box{
  background: rgba(6, 12, 24, 0.78) !important;
  border: 1px solid rgba(90, 160, 255, 0.18) !important;
  color: rgba(255,255,255,0.92) !important;
}
#order-standard_cart .domain-promo-box p{
  color: rgba(255,255,255,0.75) !important;
}

/* “Register Domain” area: paragraph text */
#order-standard_cart .cart-body p{
  color: rgba(255,255,255,0.78) !important;
}

/* Domain checker search bar background */
#order-standard_cart .domain-checker-container,
#order-standard_cart .domain-checker-bg{
  background: rgba(6, 12, 24, 0.55) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Input group box sometimes has a white background */
#order-standard_cart .input-group-box,
#order-standard_cart .input-group-lg{
  background: transparent !important;
}

/* The input + button should match your dark style */
#order-standard_cart #inputDomain.form-control{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.96) !important;
}
#order-standard_cart #btnCheckAvailability.btn{
  border-radius: 0 !important;
}

/* “Contact Us” button shown on available domain */
#order-standard_cart .domain-contact-support{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.96) !important;
}
/* FORCE DARK: TLD pricing header row (was staying white) */
#order-standard_cart .domain-pricing .bg-white,
#order-standard_cart .domain-pricing .bg-white *{
  background-color: transparent !important;
}

#order-standard_cart .domain-pricing .tld-pricing-header,
#order-standard_cart .domain-pricing .tld-pricing-header > div,
#order-standard_cart .domain-pricing .tld-pricing-header .row > div{
  background: rgba(10, 32, 54, .92) !important;
  color: rgba(255,255,255,.92) !important;
}

#order-standard_cart .domain-pricing .tld-pricing-header{
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
