/* Late-loaded fixes for WHMCS standard_cart inside the NTWeb theme. */

/* ==========================================================================
   Bootstrap 4 modal — subset minimal (cart remove/empty modals)
   Tema NTWeb não carrega bootstrap.min.css; só bootstrap.min.js carrega via
   header.tpl quando nt_orderform_overrides=true. Sem este subset, modais
   #modalRemoveItem e #modalEmptyCart renderizam inline sem overlay.
   ========================================================================== */

.modal-open { overflow: hidden; }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal.show,
.modal.in { display: block; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

@media (min-width: 576px) {
  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show,
.modal-backdrop.in { opacity: 0.5; }

.fade { transition: opacity 0.15s linear; }
.fade:not(.show):not(.in) { opacity: 0; }

/* ==========================================================================
   Bootstrap 4 grid — subset minimal (storeproduct .row + .col-md-*)
   /store/{slug} renderiza standard_cart/products.tpl com grid Bootstrap.
   Sem este subset, .row é block default e cards empilham vertical.
   ========================================================================== */

.nt-page-bg #order-standard_cart .row.row-eq-height,
.nt-page-bg #order-standard_cart .cart-body .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.nt-page-bg #order-standard_cart .row.row-eq-height > [class*="col-"],
.nt-page-bg #order-standard_cart .cart-body .row > [class*="col-"] {
  position: relative !important;
  width: 100% !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
}

@media (min-width: 768px) {
  .nt-page-bg #order-standard_cart .col-md-3 { flex: 0 0 25% !important; max-width: 25% !important; }
  .nt-page-bg #order-standard_cart .col-md-4 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
  .nt-page-bg #order-standard_cart .col-md-6 { flex: 0 0 50% !important; max-width: 50% !important; }
  .nt-page-bg #order-standard_cart .col-md-8 { flex: 0 0 66.666667% !important; max-width: 66.666667% !important; }
  .nt-page-bg #order-standard_cart .col-md-9 { flex: 0 0 75% !important; max-width: 75% !important; }
  .nt-page-bg #order-standard_cart .col-md-12 { flex: 0 0 100% !important; max-width: 100% !important; }
}

@media (min-width: 576px) {
  .nt-page-bg #order-standard_cart .col-sm-3 { flex: 0 0 25% !important; max-width: 25% !important; }
  .nt-page-bg #order-standard_cart .col-sm-4 { flex: 0 0 33.333333% !important; max-width: 33.333333% !important; }
  .nt-page-bg #order-standard_cart .col-sm-6 { flex: 0 0 50% !important; max-width: 50% !important; }
  .nt-page-bg #order-standard_cart .col-sm-7 { flex: 0 0 58.333333% !important; max-width: 58.333333% !important; }
  .nt-page-bg #order-standard_cart .col-sm-8 { flex: 0 0 66.666667% !important; max-width: 66.666667% !important; }
  .nt-page-bg #order-standard_cart .col-sm-12 { flex: 0 0 100% !important; max-width: 100% !important; }
}

/* Garantir que panels DENTRO de col-* não tentem 100% width via regra geral abaixo */
.nt-page-bg #order-standard_cart .row [class*="col-"] .panel,
.nt-page-bg #order-standard_cart .row [class*="col-"] .card {
  width: auto !important;
  max-width: none !important;
}

.nt-page-bg #order-standard_cart {
  width: min(100%, var(--container-max)) !important;
  max-width: var(--container-max) !important;
  margin: 0 auto !important;
  padding: var(--space-8) var(--container-pad) var(--space-16) !important;
  color: var(--text-1);
  font-family: var(--font-body);
  font-size: var(--text-md);
  line-height: var(--lh-body);
}

.nt-page-bg #order-standard_cart,
.nt-page-bg #order-standard_cart * {
  box-sizing: border-box;
}

.nt-page-bg #order-standard_cart > .row,
.nt-page-bg #order-standard_cart .cart-body > .row {
  display: grid !important;
  align-items: start !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.nt-page-bg #order-standard_cart > .row {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) !important;
  gap: var(--space-8) !important;
}

.nt-page-bg #order-standard_cart .cart-body > .row {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  gap: var(--space-8) !important;
}

.nt-page-bg #order-standard_cart > .row::before,
.nt-page-bg #order-standard_cart > .row::after,
.nt-page-bg #order-standard_cart .cart-body > .row::before,
.nt-page-bg #order-standard_cart .cart-body > .row::after,
.nt-page-bg #order-standard_cart .view-cart-items-header > .row::before,
.nt-page-bg #order-standard_cart .view-cart-items-header > .row::after {
  content: none !important;
  display: none !important;
}

.nt-page-bg #order-standard_cart .cart-sidebar,
.nt-page-bg #order-standard_cart .cart-body,
.nt-page-bg #order-standard_cart .secondary-cart-body,
.nt-page-bg #order-standard_cart .secondary-cart-sidebar {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .secondary-cart-sidebar {
  align-self: start !important;
}

.nt-page-bg #order-standard_cart #scrollingPanelContainer {
  position: sticky !important;
  top: calc(var(--nav-height, 64px) + var(--services-menu-height, 48px) + var(--space-4)) !important;
}

.nt-page-bg #order-standard_cart .header-lined {
  margin: 0 0 var(--space-6) !important;
  padding: 0 !important;
  border: 0 !important;
}

.nt-page-bg #order-standard_cart .header-lined h1,
.nt-page-bg #order-standard_cart .font-size-36 {
  margin: 0 !important;
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-4xl) !important;
  font-weight: 700 !important;
  line-height: var(--lh-tight) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .panel,
.nt-page-bg #order-standard_cart .card,
.nt-page-bg #order-standard_cart .view-cart-items-header,
.nt-page-bg #order-standard_cart .view-cart-items,
.nt-page-bg #order-standard_cart .view-cart-tabs .tab-content,
.nt-page-bg #order-standard_cart .order-summary {
  width: 100% !important;
  margin: 0 0 var(--space-5) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--shadow-md) !important;
  overflow: hidden !important;
}

.nt-page-bg #order-standard_cart .cart-sidebar .panel,
.nt-page-bg #order-standard_cart .sidebar-collapsed .panel {
  margin-bottom: var(--space-4) !important;
}

.nt-page-bg #order-standard_cart .view-cart-items-header,
.nt-page-bg #order-standard_cart .view-cart-items,
.nt-page-bg #order-standard_cart .view-cart-tabs .tab-content {
  padding: var(--space-4) !important;
}

.nt-page-bg #order-standard_cart .panel-heading,
.nt-page-bg #order-standard_cart .card-header {
  margin: 0 !important;
  padding: var(--space-4) var(--space-5) !important;
  border-bottom: 1px solid var(--border) !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.nt-page-bg #order-standard_cart .panel-title,
.nt-page-bg #order-standard_cart .panel-title a,
.nt-page-bg #order-standard_cart .order-summary h2,
.nt-page-bg #order-standard_cart .font-size-30 {
  margin: 0 !important;
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  line-height: var(--lh-tight) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .panel-title {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: var(--space-3) !important;
  font-size: var(--text-lg) !important;
}

.nt-page-bg #order-standard_cart .panel-title i:first-child {
  margin-right: 0 !important;
}

.nt-page-bg #order-standard_cart .card-sidebar i[class*="fa-"],
.nt-page-bg #order-standard_cart .panel-sidebar i[class*="fa-"] {
  color: var(--accent) !important;
}

.nt-page-bg #order-standard_cart .panel-body,
.nt-page-bg #order-standard_cart .card-body,
.nt-page-bg #order-standard_cart .list-group,
.nt-page-bg #order-standard_cart .collapsable-card-body {
  margin: 0 !important;
  padding: var(--space-4) !important;
}

.nt-page-bg #order-standard_cart .list-group {
  display: grid !important;
  gap: var(--space-1) !important;
}

.nt-page-bg #order-standard_cart .list-group-item,
.nt-page-bg #order-standard_cart .list-group-item-action {
  display: flex !important;
  align-items: center !important;
  gap: var(--space-2) !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: var(--space-2) var(--space-3) !important;
  border: 0 !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-2) !important;
  background: transparent !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.nt-page-bg #order-standard_cart .list-group-item-action:hover,
.nt-page-bg #order-standard_cart .list-group-item-action.active {
  color: var(--accent) !important;
  background: var(--accent-soft) !important;
}

.nt-page-bg #order-standard_cart .view-cart-items-header {
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-lg) !important;
  font-weight: 700 !important;
  line-height: var(--lh-tight) !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .view-cart-items-header > .row {
  display: flex !important;
  align-items: center !important;
  gap: var(--space-4) !important;
  margin: 0 !important;
}

.nt-page-bg #order-standard_cart .view-cart-items-header [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .view-cart-items-header .col-sm-7,
.nt-page-bg #order-standard_cart .view-cart-items-header .col-xs-7,
.nt-page-bg #order-standard_cart .view-cart-items-header .col-7 {
  flex: 1 1 auto !important;
}

.nt-page-bg #order-standard_cart .view-cart-items-header .col-sm-4,
.nt-page-bg #order-standard_cart .view-cart-items-header .col-xs-5,
.nt-page-bg #order-standard_cart .view-cart-items-header .col-5 {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

.nt-page-bg #order-standard_cart .view-cart-empty {
  display: grid !important;
  min-height: 8rem !important;
  place-items: center !important;
  padding: var(--space-6) !important;
  color: var(--text-2) !important;
  text-align: center !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs {
  margin-top: var(--space-5) !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs .nav-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--space-2) !important;
  margin: 0 0 var(--space-4) !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs .nav-tabs > li {
  margin: 0 !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs .nav-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: var(--space-2) var(--space-4) !important;
  border: 1px solid var(--accent-border) !important;
  border-radius: var(--radius-pill) !important;
  color: var(--accent) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  font-size: var(--text-sm) !important;
  text-decoration: none !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs .nav-link.active {
  background: var(--surface) !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs .tab-pane {
  display: none !important;
}

.nt-page-bg #order-standard_cart .view-cart-tabs .tab-pane.active {
  display: block !important;
}

.nt-page-bg #order-standard_cart .form-group {
  margin-bottom: var(--space-4) !important;
}

.nt-page-bg #order-standard_cart .form-group.row {
  display: grid !important;
  grid-template-columns: minmax(120px, 0.35fr) minmax(0, 1fr) !important;
  gap: var(--space-3) !important;
  align-items: center !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.nt-page-bg #order-standard_cart .form-group.row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart label {
  margin: 0 0 var(--space-2) !important;
  color: var(--text-2) !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.nt-page-bg #order-standard_cart .form-control,
.nt-page-bg #order-standard_cart .custom-select,
.nt-page-bg #order-standard_cart .field,
.nt-page-bg #order-standard_cart input[type="text"],
.nt-page-bg #order-standard_cart select {
  display: block !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: var(--space-3) var(--space-4) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-1) !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}

.nt-page-bg #order-standard_cart .prepend-icon {
  position: relative !important;
}

.nt-page-bg #order-standard_cart .prepend-icon .field-icon {
  position: absolute !important;
  top: 50% !important;
  left: var(--space-4) !important;
  z-index: 1 !important;
  margin: 0 !important;
  color: var(--text-3) !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.nt-page-bg #order-standard_cart .prepend-icon .field,
.nt-page-bg #order-standard_cart .prepend-icon .form-control {
  padding-left: calc(var(--space-10) + var(--space-2)) !important;
}

.nt-page-bg #order-standard_cart .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--space-2) !important;
  min-height: 44px !important;
  padding: var(--space-3) var(--space-5) !important;
  border-radius: var(--radius-sm) !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-align: center !important;
  text-decoration: none !important;
}

.nt-page-bg #order-standard_cart .btn-block {
  width: 100% !important;
}

.nt-page-bg #order-standard_cart .btn-default,
.nt-page-bg #order-standard_cart .btn-link {
  border: 1px solid var(--border) !important;
  color: var(--text-2) !important;
  background: rgba(255, 255, 255, 0.86) !important;
}

.nt-page-bg #order-standard_cart .btn-primary,
.nt-page-bg #order-standard_cart .btn-success {
  border: 1px solid var(--accent) !important;
  color: var(--accent-contrast) !important;
  background: var(--accent) !important;
}

.nt-page-bg #order-standard_cart .btn.disabled,
.nt-page-bg #order-standard_cart .btn[disabled] {
  opacity: 0.62 !important;
  pointer-events: none !important;
}

.nt-page-bg #order-standard_cart .order-summary {
  margin-bottom: 0 !important;
}

.nt-page-bg #order-standard_cart .order-summary h2 {
  padding: var(--space-5) !important;
  border-bottom: 1px solid var(--border) !important;
  font-size: var(--text-2xl) !important;
  text-align: center !important;
}

.nt-page-bg #order-standard_cart .summary-container {
  display: grid !important;
  gap: var(--space-4) !important;
  padding: var(--space-5) !important;
}

.nt-page-bg #order-standard_cart .subtotal,
.nt-page-bg #order-standard_cart .recurring-totals {
  display: flex !important;
  justify-content: space-between !important;
  gap: var(--space-4) !important;
  color: var(--text-2) !important;
}

.nt-page-bg #order-standard_cart .recurring-totals {
  padding-top: var(--space-3) !important;
  border-top: 1px solid var(--border) !important;
}

.nt-page-bg #order-standard_cart .total-due-today {
  display: grid !important;
  gap: var(--space-1) !important;
  justify-items: end !important;
  padding: var(--space-3) 0 !important;
  color: var(--text-2) !important;
  text-align: right !important;
}

.nt-page-bg #order-standard_cart .total-due-today .amt {
  display: block !important;
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-3xl) !important;
  font-weight: 700 !important;
  line-height: var(--lh-tight) !important;
  letter-spacing: 0 !important;
}

.nt-page-bg #order-standard_cart .order-summary .text-right {
  display: grid !important;
  gap: var(--space-3) !important;
  text-align: right !important;
}

.nt-page-bg #order-standard_cart #checkout,
.nt-page-bg #order-standard_cart #continueShopping {
  width: 100% !important;
}

.nt-page-bg #order-standard_cart #continueShopping {
  min-height: 36px !important;
  padding: var(--space-2) var(--space-3) !important;
}

.nt-page-bg #order-standard_cart .product-recommendation.clonable,
.nt-page-bg #order-standard_cart .product-recommendation.hidden,
.nt-page-bg #order-standard_cart .w-hidden.hidden {
  display: none !important;
}

.nt-page-bg #order-standard_cart .modal.fade,
.nt-page-bg #recommendationsModal.fade {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.nt-page-bg #order-standard_cart .modal.fade.show,
.nt-page-bg #order-standard_cart .modal.fade.in,
.nt-page-bg #recommendationsModal.fade.show,
.nt-page-bg #recommendationsModal.fade.in {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (min-width: 1025px) {
  .nt-page-bg #order-standard_cart .sidebar-collapsed {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .nt-page-bg #order-standard_cart {
    padding: var(--space-8) var(--container-pad) var(--space-12) !important;
  }

  .nt-page-bg #order-standard_cart > .row,
  .nt-page-bg #order-standard_cart .cart-body > .row {
    grid-template-columns: 1fr !important;
    gap: var(--space-6) !important;
  }

  .nt-page-bg #order-standard_cart .cart-sidebar {
    display: none !important;
  }

  .nt-page-bg #order-standard_cart #scrollingPanelContainer {
    position: static !important;
  }

  .nt-page-bg #order-standard_cart .header-lined h1,
  .nt-page-bg #order-standard_cart .font-size-36 {
    font-size: var(--text-3xl) !important;
  }
}

@media (max-width: 640px) {
  .nt-page-bg #order-standard_cart {
    padding: var(--space-6) var(--space-4) var(--space-10) !important;
  }

  .nt-page-bg #order-standard_cart .view-cart-items-header {
    display: none !important;
  }

  .nt-page-bg #order-standard_cart .panel,
  .nt-page-bg #order-standard_cart .card,
  .nt-page-bg #order-standard_cart .view-cart-items,
  .nt-page-bg #order-standard_cart .view-cart-tabs .tab-content,
  .nt-page-bg #order-standard_cart .order-summary {
    margin-bottom: var(--space-4) !important;
  }

  .nt-page-bg #order-standard_cart .form-group.row {
    grid-template-columns: 1fr !important;
    gap: var(--space-2) !important;
  }

  .nt-page-bg #order-standard_cart .summary-container {
    padding: var(--space-4) !important;
  }

  .nt-page-bg #order-standard_cart .subtotal,
  .nt-page-bg #order-standard_cart .recurring-totals,
  .nt-page-bg #order-standard_cart .total-due-today {
    align-items: start !important;
    justify-items: stretch !important;
    text-align: left !important;
  }
}

/* ==========================================================================
   Domain Register / Transfer (cart.php?a=add&domain=register|transfer)
   Standard_cart usa Bootstrap col-md-* aninhado que colapsa sem Bootstrap.
   Reescrevemos com grid para fixar tabela 3-col (Domínio | Transfer | Renew),
   hero de busca, badges de categoria e cards de cross-sell.
   ========================================================================== */

/* Hero de busca (substitui o banner amarelo .domain-checker-bg) */
.nt-page-bg #order-standard_cart .domain-checker-container {
  margin: 0 0 var(--space-8) !important;
}

.nt-page-bg #order-standard_cart .domain-checker-bg {
  padding: var(--space-8) var(--space-6) !important;
  border: 1px solid var(--accent-border) !important;
  border-radius: var(--radius-lg) !important;
  background-image: none !important;
  background-color: var(--accent) !important;
  background: linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #000)) !important;
  box-shadow: var(--shadow-md) !important;
}

.nt-page-bg #order-standard_cart .domain-checker-bg::before,
.nt-page-bg #order-standard_cart .domain-checker-bg::after {
  content: none !important;
  display: none !important;
}

.nt-page-bg #order-standard_cart #frmDomainChecker > .row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: var(--space-4) !important;
  margin: 0 !important;
}

.nt-page-bg #order-standard_cart #frmDomainChecker [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .input-group-box {
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
  gap: 0 !important;
}

.nt-page-bg #order-standard_cart .input-group-box #inputDomain {
  flex: 1 1 auto !important;
  min-height: 52px !important;
  padding: var(--space-3) var(--space-5) !important;
  border: 1px solid var(--border) !important;
  border-right: 0 !important;
  border-radius: var(--radius-md) 0 0 var(--radius-md) !important;
  background: var(--surface) !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-md) !important;
}

.nt-page-bg #order-standard_cart .input-group-box .input-group-btn,
.nt-page-bg #order-standard_cart .input-group-box .input-group-append {
  display: flex !important;
  align-items: stretch !important;
}

.nt-page-bg #order-standard_cart .input-group-box #btnCheckAvailability {
  min-height: 52px !important;
  padding: 0 var(--space-6) !important;
  border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-md) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* Captcha alinhado abaixo do campo */
.nt-page-bg #order-standard_cart .captcha-container {
  display: grid !important;
  gap: var(--space-3) !important;
  justify-items: center !important;
  padding: var(--space-3) 0 0 !important;
  text-align: center !important;
}

.nt-page-bg #order-standard_cart .captcha-container .form-control,
.nt-page-bg #order-standard_cart #inputCaptcha {
  max-width: 200px !important;
  text-align: center !important;
}

/* Featured TLDs (logos) */
.nt-page-bg #order-standard_cart .featured-tlds-container {
  margin: var(--space-6) 0 !important;
}

.nt-page-bg #order-standard_cart .featured-tlds-container > .row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: var(--space-4) !important;
  margin: 0 !important;
}

.nt-page-bg #order-standard_cart .featured-tlds-container [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .featured-tld {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  gap: var(--space-3) !important;
  padding: var(--space-4) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--surface) !important;
}

.nt-page-bg #order-standard_cart .featured-tld .img-container img {
  max-width: 64px !important;
  max-height: 32px !important;
}

.nt-page-bg #order-standard_cart .featured-tld .price {
  font-family: var(--font-display) !important;
  font-size: var(--text-lg) !important;
  font-weight: 700 !important;
  color: var(--accent) !important;
}

/* Section heading + filtros */
.nt-page-bg #order-standard_cart .domain-pricing > h4,
.nt-page-bg #order-standard_cart .domain-pricing .font-size-18 {
  margin: var(--space-8) 0 var(--space-4) !important;
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-xl) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .tld-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--space-2) !important;
  margin: 0 0 var(--space-4) !important;
}

.nt-page-bg #order-standard_cart .tld-filters .badge,
.nt-page-bg #order-standard_cart .tld-filters .badge-secondary {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: var(--space-1) var(--space-4) !important;
  border: 1px solid var(--accent-border) !important;
  border-radius: var(--radius-pill) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  color: var(--accent) !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background var(--duration-fast) var(--ease-out),
              color var(--duration-fast) var(--ease-out) !important;
}

.nt-page-bg #order-standard_cart .tld-filters .badge:hover,
.nt-page-bg #order-standard_cart .tld-filters .badge.active {
  background: var(--accent) !important;
  color: var(--accent-contrast) !important;
}

/* TLD pricing table — grid 4-col (Domínio | Register | Transfer | Renew) */
.nt-page-bg #order-standard_cart .domain-pricing .bg-white {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--surface) !important;
  overflow: hidden !important;
}

.nt-page-bg #order-standard_cart .tld-pricing-header,
.nt-page-bg #order-standard_cart .tld-row {
  display: grid !important;
  grid-template-columns: minmax(140px, 1.4fr) repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .tld-pricing-header {
  padding: var(--space-3) var(--space-4) !important;
  border-bottom: 1px solid var(--border) !important;
  background: rgba(245, 245, 245, 0.6) !important;
  color: var(--text-2) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .tld-pricing-header .tld-column,
.nt-page-bg #order-standard_cart .tld-pricing-header > div {
  text-align: center !important;
}

.nt-page-bg #order-standard_cart .tld-pricing-header .tld-column {
  text-align: left !important;
}

/* O HTML do standard_cart aninha um wrapper col-md-8 que contém um row interno
   com os 3 preços (col-xs-4). Achatamos esse aninhamento via display:contents
   para que os filhos virem células do grid principal. */
.nt-page-bg #order-standard_cart .tld-pricing-header > .col-md-8,
.nt-page-bg #order-standard_cart .tld-row > .col-md-8 {
  display: contents !important;
}

.nt-page-bg #order-standard_cart .tld-pricing-header > .col-md-8 > .row,
.nt-page-bg #order-standard_cart .tld-row > .col-md-8 > .row {
  display: contents !important;
}

.nt-page-bg #order-standard_cart .tld-row {
  padding: var(--space-3) var(--space-4) !important;
  border-bottom: 1px solid var(--border) !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-sm) !important;
}

.nt-page-bg #order-standard_cart .tld-row:last-child {
  border-bottom: 0 !important;
}

.nt-page-bg #order-standard_cart .tld-row:hover {
  background: rgba(245, 245, 245, 0.5) !important;
}

.nt-page-bg #order-standard_cart .tld-row .two-row-center {
  padding: 0 !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-md) !important;
  font-weight: 700 !important;
  text-align: left !important;
}

.nt-page-bg #order-standard_cart .tld-row .two-row-center strong {
  color: var(--text-1) !important;
}

.nt-page-bg #order-standard_cart .tld-row .text-center {
  padding: 0 !important;
  text-align: center !important;
  color: var(--text-1) !important;
  font-weight: 500 !important;
}

.nt-page-bg #order-standard_cart .tld-row .text-center small {
  display: block !important;
  margin-top: var(--space-1) !important;
  color: var(--text-3) !important;
  font-size: var(--text-xs) !important;
  font-weight: 400 !important;
}

.nt-page-bg #order-standard_cart .tld-row .tld-sale-group {
  display: inline-block !important;
  margin-left: var(--space-2) !important;
  padding: 2px var(--space-2) !important;
  border-radius: var(--radius-pill) !important;
  background: var(--accent-soft) !important;
  color: var(--accent) !important;
  font-family: var(--font-body) !important;
  font-size: var(--text-2xs) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .tld-row.no-tlds {
  display: block !important;
  padding: var(--space-6) var(--space-4) !important;
  color: var(--text-3) !important;
  text-align: center !important;
}

/* Spotlight TLDs (banner topo) */
.nt-page-bg #order-standard_cart .spotlight-tlds {
  margin: var(--space-4) 0 var(--space-6) !important;
}

.nt-page-bg #order-standard_cart .spotlight-tlds-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
  gap: var(--space-3) !important;
}

.nt-page-bg #order-standard_cart .spotlight-tld-container {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .spotlight-tld {
  display: grid !important;
  gap: var(--space-2) !important;
  padding: var(--space-4) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--surface) !important;
  text-align: center !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}

/* Suggested domains panel */
.nt-page-bg #order-standard_cart .suggested-domains {
  margin: var(--space-6) 0 !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--surface) !important;
  overflow: hidden !important;
}

.nt-page-bg #order-standard_cart .suggested-domains > .panel-heading,
.nt-page-bg #order-standard_cart .suggested-domains > .card-header {
  padding: var(--space-4) var(--space-5) !important;
  border-bottom: 1px solid var(--border) !important;
  background: rgba(245, 245, 245, 0.6) !important;
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-md) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .domain-suggestion {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: var(--space-3) !important;
  padding: var(--space-3) var(--space-5) !important;
  border-bottom: 1px solid var(--border) !important;
  background: var(--surface) !important;
}

.nt-page-bg #order-standard_cart .domain-suggestion .domain {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
}

.nt-page-bg #order-standard_cart .domain-suggestion .actions {
  display: flex !important;
  gap: var(--space-3) !important;
  align-items: center !important;
}

.nt-page-bg #order-standard_cart .domain-suggestion .price {
  color: var(--accent) !important;
  font-weight: 700 !important;
}

/* Cross-sell cards (Hospedagem + Transferir) */
.nt-page-bg #order-standard_cart .domain-pricing + .row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: var(--space-5) !important;
  margin: var(--space-8) 0 0 !important;
}

.nt-page-bg #order-standard_cart .domain-pricing + .row [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.nt-page-bg #order-standard_cart .domain-promo-box {
  display: grid !important;
  gap: var(--space-3) !important;
  padding: var(--space-6) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--surface) !important;
  box-shadow: var(--shadow-sm) !important;
}

.nt-page-bg #order-standard_cart .domain-promo-box i.fa-4x {
  color: var(--accent) !important;
  font-size: 2.4rem !important;
}

.nt-page-bg #order-standard_cart .domain-promo-box h3 {
  margin: 0 !important;
  color: var(--text-1) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-xl) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.nt-page-bg #order-standard_cart .domain-promo-box .text-warning,
.nt-page-bg #order-standard_cart .domain-promo-box .text-primary {
  color: var(--accent) !important;
  font-weight: 500 !important;
}

.nt-page-bg #order-standard_cart .domain-promo-box p {
  margin: 0 !important;
  color: var(--text-2) !important;
}

.nt-page-bg #order-standard_cart .domain-promo-box .btn-warning,
.nt-page-bg #order-standard_cart .domain-promo-box .btn-primary {
  justify-self: start !important;
  margin-top: var(--space-2) !important;
}

/* Resultado da busca de domínio (#DomainSearchResults) */
.nt-page-bg #order-standard_cart #searchDomainInfo {
  margin: var(--space-6) 0 !important;
  padding: var(--space-5) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  background: var(--surface) !important;
  text-align: center !important;
}

.nt-page-bg #order-standard_cart #searchDomainInfo .domain-available {
  color: var(--green) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-lg) !important;
  font-weight: 700 !important;
}

.nt-page-bg #order-standard_cart #searchDomainInfo .domain-unavailable,
.nt-page-bg #order-standard_cart #searchDomainInfo .domain-invalid {
  color: var(--red) !important;
  font-weight: 500 !important;
}

.nt-page-bg #order-standard_cart #searchDomainInfo .domain-price .price {
  display: inline-block !important;
  margin-right: var(--space-3) !important;
  color: var(--accent) !important;
  font-family: var(--font-display) !important;
  font-size: var(--text-xl) !important;
  font-weight: 700 !important;
}

/* Mobile: empilhar tabela de TLDs em uma linha por preço */
@media (max-width: 720px) {
  .nt-page-bg #order-standard_cart .tld-pricing-header {
    display: none !important;
  }

  .nt-page-bg #order-standard_cart .tld-row {
    grid-template-columns: 1fr 1fr !important;
    gap: var(--space-2) var(--space-3) !important;
    padding: var(--space-4) !important;
  }

  .nt-page-bg #order-standard_cart .tld-row .two-row-center {
    grid-column: 1 / -1 !important;
    margin-bottom: var(--space-2) !important;
    padding-bottom: var(--space-2) !important;
    border-bottom: 1px solid var(--border) !important;
    text-align: left !important;
  }

  .nt-page-bg #order-standard_cart .tld-row .text-center {
    text-align: left !important;
  }

  .nt-page-bg #order-standard_cart .tld-row .text-center::before {
    content: attr(data-label) !important;
    display: block !important;
    color: var(--text-3) !important;
    font-size: var(--text-xs) !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
  }

  .nt-page-bg #order-standard_cart .domain-checker-bg {
    padding: var(--space-5) var(--space-4) !important;
  }

  .nt-page-bg #order-standard_cart .input-group-box {
    flex-direction: column !important;
    gap: var(--space-2) !important;
  }

  .nt-page-bg #order-standard_cart .input-group-box #inputDomain,
  .nt-page-bg #order-standard_cart .input-group-box #btnCheckAvailability {
    border-radius: var(--radius-md) !important;
    border: 1px solid var(--border) !important;
  }

  .nt-page-bg #order-standard_cart .input-group-box #btnCheckAvailability {
    border-color: var(--accent) !important;
  }
}