/* =======================================================================
   COMERCIAL HOST — DARK THEME OVERRIDE (order form: standard_cart)
   Arquivo NOVO, referenciado por um <link> adicional em common.tpl.
   Nada estrutural foi tocado — so cores/fundo/fonte.
   Corrige o bug de "texto claro sobre fundo claro" nas paginas de
   cart.php (produtos, dominio, carrinho, checkout), que herdavam a cor
   clara global do tema six mas mantinham os fundos originais claros
   deste template especifico, que nao tinha camada de override propria.
   ======================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --ch-navy:#0b0f1a; --ch-navy2:#111827; --ch-navy3:#1a2236;
  --ch-card:#161d2e; --ch-card2:#1e2a42; --ch-border:#1e2a42;
  --ch-blue:#3b82f6; --ch-blue2:#2563eb;
  --ch-orange:#f97316; --ch-orange2:#ea6a0a;
  --ch-green:#22c55e; --ch-red:#f87171;
  --ch-text:#e2e8f0; --ch-muted:#94a3b8;
}

#order-standard_cart {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

/* ---- Radio de opcao de dominio (Registrar/Transferir/Utilizar) ---- */
#order-standard_cart .domain-selection-options .option {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
  border: 1px solid var(--ch-border) !important;
}
#order-standard_cart .domain-selection-options .option label,
#order-standard_cart .domain-selection-options .option * {
  color: var(--ch-text) !important;
}
#order-standard_cart .domain-selection-options .option-selected {
  background-color: var(--ch-card2) !important;
  border: 1px solid var(--ch-blue) !important;
}

/* ---- Categorias (sidebar colapsada em mobile) ---- */
#order-standard_cart .categories-collapsed {
  background-color: var(--ch-card) !important;
}
#order-standard_cart .categories-collapsed select {
  background-color: var(--ch-card2) !important;
  color: var(--ch-text) !important;
  border: 1px solid var(--ch-border) !important;
}

/* ---- Cards de produto (Hospedagem I/II/III etc.) ---- */
#order-standard_cart .products .product {
  background: var(--ch-card) !important;
  border: 1px solid var(--ch-border) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .products .product header {
  background: var(--ch-navy3) !important;
  color: #ffffff !important;
}
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .feature-value,
#order-standard_cart .products .product * {
  color: var(--ch-text) !important;
}
#order-standard_cart .products .product .price {
  color: var(--ch-orange) !important;
}

/* ---- Painel de opcoes/addons (panel-addon) ---- */
#order-standard_cart .panel-addon {
  background-color: var(--ch-card) !important;
  border: 1px solid var(--ch-border) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .panel-addon .panel-body,
#order-standard_cart .panel-addon .panel-body label,
#order-standard_cart .panel-addon * {
  color: var(--ch-text) !important;
}
#order-standard_cart .panel-addon .panel-price {
  background-color: var(--ch-navy3) !important;
  color: #ffffff !important;
}
#order-standard_cart .panel-addon-selected {
  border: 1px solid var(--ch-blue) !important;
}

/* ---- Pagina "Configurar" (produto) ---- */
#order-standard_cart .product-info,
#order-standard_cart .product-info * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .product-title {
  color: #ffffff !important;
}
#order-standard_cart .sub-heading span {
  background-color: var(--ch-navy) !important;
  color: var(--ch-blue) !important;
}

/* ---- Campos de formulario deste template especifico ---- */
#order-standard_cart .field,
#order-standard_cart .form-control {
  background: var(--ch-card) !important;
  color: var(--ch-text) !important;
  border: 1px solid var(--ch-border) !important;
}
#order-standard_cart .field[disabled],
#order-standard_cart .field[readonly] {
  background-color: var(--ch-navy2) !important;
  color: var(--ch-muted) !important;
}

/* ---- Resumo do Pedido (summary-container) ---- */
#order-standard_cart .summary-container,
#order-standard_cart .summary-container * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .order-summary {
  background-color: var(--ch-navy3) !important;
  border-bottom: 3px solid var(--ch-orange) !important;
}
#order-standard_cart .order-summary h2 {
  color: #ffffff !important;
}
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .total-due-today * {
  color: #ffffff !important;
}
#order-standard_cart .order-summary .total-due-today .amt {
  color: var(--ch-orange) !important;
}

/* ---- Esconder marca "Powered by WHMCompleteSolution" ---- */
a[href*="whmcs.com"] {
  display: none !important;
}
*:has(> a[href*="whmcs.com"]) {
  display: none !important;
}
#order-standard_cart .order-summary .total-due-today {
  border-top: 1px solid var(--ch-border) !important;
  border-bottom: 1px solid var(--ch-border) !important;
}

/* ---- Barra de busca/transferencia de dominio: altura proporcional (ajuste minimo,
        sem alterar display/width, para nao conflitar com o layout nativo do tema) ---- */
#order-standard_cart .input-group-addon,
#order-standard_cart .input-group .form-control,
#order-standard_cart .input-group select.form-control,
#order-standard_cart .input-group .input-group-btn .btn {
  padding: 12px 18px !important;
  font-size: 15px !important;
}
#order-standard_cart .input-group-lg .form-control,
#order-standard_cart .input-group-lg .input-group-btn .btn {
  padding: 14px 22px !important;
  font-size: 16px !important;
}

/* ---- Configuracao de Dominio (barra de preco/adicionar) ---- */
#order-standard_cart .domain-input-group,
#order-standard_cart .transfer-not-eligible {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .transfer-eligible {
  background-color: rgba(34,197,94,.15) !important;
  border-color: rgba(34,197,94,.35) !important;
  color: var(--ch-green) !important;
}

/* ---- Carrinho de Compras (viewcart) ---- */
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
  background-color: var(--ch-navy2) !important;
}
#order-standard_cart .view-cart-items .item-title {
  color: #ffffff !important;
}
#order-standard_cart .view-cart-items .item-domain {
  color: var(--ch-green) !important;
  font-weight: 600 !important;
  font-size: 1.3em !important;
}
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .tab-content,
#order-standard_cart .view-cart-tabs .tab-content * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .view-cart-promotion-code * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
  border: 1px dashed var(--ch-border) !important;
}
#order-standard_cart .view-cart-gateway-checkout,
#order-standard_cart .view-cart-gateway-checkout * {
  background-color: var(--ch-navy3) !important;
  color: var(--ch-text) !important;
}

/* ---- Cabecalho "Produtos/Opcoes" e botao "Esvaziar Pedido" ---- */
#order-standard_cart .view-cart-items-header {
  background-color: var(--ch-blue) !important;
  color: #ffffff !important;
}
#order-standard_cart #btnEmptyCart {
  background-color: transparent !important;
  border: 1px solid var(--ch-blue) !important;
  border-radius: 8px !important;
  color: var(--ch-blue) !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
}
#order-standard_cart #btnEmptyCart:hover {
  background-color: var(--ch-blue) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ---- Botao "Validar Cupom" ---- */
#order-standard_cart .tab-pane .btn.btn-block {
  background-color: var(--ch-blue) !important;
  border-color: var(--ch-blue2) !important;
  color: #ffffff !important;
  transition: background-color .15s ease;
}
#order-standard_cart .tab-pane .btn.btn-block:hover {
  background-color: var(--ch-blue2) !important;
}

/* ---- Botao "Finalizar Compra" (remove halo azul de foco no icone) ---- */
#order-standard_cart .btn-checkout {
  box-shadow: 0 4px 14px rgba(34,197,94,.35) !important;
}
#order-standard_cart .btn-checkout,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart .btn-checkout:focus,
#order-standard_cart .btn-checkout:active,
#order-standard_cart .btn-checkout:active:focus {
  outline: none !important;
  box-shadow: 0 4px 14px rgba(34,197,94,.35) !important;
  -webkit-tap-highlight-color: transparent !important;
}
#order-standard_cart .btn-checkout i,
#order-standard_cart .btn-checkout .fa {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #ffffff !important;
}

/* ---- Botao "Continuar no Carrinho de Compras" (secundario, mais discreto) ---- */
#order-standard_cart .btn-continue-shopping {
  display: inline-block !important;
  margin-top: 10px !important;
  padding: 8px 18px !important;
  border: 1px solid var(--ch-orange) !important;
  border-radius: 8px !important;
  color: var(--ch-orange) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease;
}
#order-standard_cart .btn-continue-shopping:hover {
  background-color: var(--ch-orange) !important;
  color: #ffffff !important;
}

/* ---- Cor do "check" nos radios nativos (Registrar/Transferir/Utilizar) ---- */
#order-standard_cart input[type="radio"],
#order-standard_cart input[type="checkbox"] {
  accent-color: var(--ch-orange);
}

/* ---- Remover selo/etiqueta diagonal de promocao dos cards de TLD (ex: .com.br) ----
   O WHMCS gera essa div dinamicamente como spotlight-tld-{grupo}, onde {grupo}
   varia conforme configuracao do admin. Ampliado para pegar em qualquer nivel
   dentro do card (nao so filho direto), e adicionado um "corte" no wrapper de
   fora (#spotlightTlds) como rede de seguranca: mesmo que o nome da classe
   escape do que eu previ, o selo nao consegue mais vazar pra fora da caixa. ---- */
.spotlight-tld [class^="spotlight-tld-"]:not([class^="spotlight-tld-container"]) {
  display: none !important;
}
.spotlight-tld-new,
.spotlight-tld-sale,
.spotlight-tld-hot {
  display: none !important;
}
#spotlightTlds,
.spotlight-tlds,
.spotlight-tlds-container,
.spotlight-tld-container,
.spotlight-tld {
  overflow: hidden !important;
  position: relative !important;
}

/* ---- Sugestoes de TLD em destaque (cards estilo do site) ---- */
.spotlight-tlds,
.spotlight-tld,
.spotlight-tld * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
  border-color: var(--ch-border) !important;
}
.spotlight-tld {
  border: 1px solid var(--ch-border) !important;
  border-radius: 10px !important;
  transition: border-color .15s ease;
}
.spotlight-tld:hover {
  border-color: var(--ch-green) !important;
}
.spotlight-tld .price {
  color: var(--ch-green) !important;
  font-weight: 700 !important;
}
.suggested-domains .domain-lookup-suggestions-loader {
  background-color: var(--ch-card) !important;
  color: var(--ch-muted) !important;
}

/* ---- Caixa de promo de dominio ---- */
.domain-promo-box,
.domain-promo-box * {
  background-color: var(--ch-card) !important;
  color: var(--ch-text) !important;
  border: 1px solid var(--ch-border) !important;
}

/* ---- Captcha padrao ---- */
#order-standard_cart .default-captcha,
#order-standard_cart .default-captcha * {
  background-color: var(--ch-card) !important;
  color: var(--ch-muted) !important;
  border: 1px solid var(--ch-border) !important;
}

/* ---- Alertas (usa as mesmas classes bootstrap ja cobertas em custom.css do six,
        mas reforcamos aqui para garantir aplicacao dentro do order form) ---- */
#order-standard_cart .alert-danger {
  background-color: rgba(248,113,113,.15) !important;
  border-color: rgba(248,113,113,.35) !important;
  color: var(--ch-red) !important;
}
#order-standard_cart .alert-success {
  background-color: rgba(34,197,94,.15) !important;
  border-color: rgba(34,197,94,.35) !important;
  color: var(--ch-green) !important;
}
#order-standard_cart .alert-info {
  background-color: rgba(59,130,246,.15) !important;
  border-color: rgba(59,130,246,.35) !important;
  color: var(--ch-blue) !important;
}
#order-standard_cart .alert-warning {
  background-color: rgba(249,115,22,.15) !important;
  border-color: rgba(249,115,22,.35) !important;
  color: var(--ch-orange) !important;
}
#order-standard_cart .alert-warning .alert-link,
#order-standard_cart .alert-link {
  color: var(--ch-blue) !important;
  text-decoration: underline !important;
}

/* ---- Botoes (garantia extra dentro do order form) ---- */
#order-standard_cart .btn-primary {
  background-color: var(--ch-orange) !important;
  border-color: var(--ch-orange2) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.35) !important;
}

/* ---- Neutraliza o estado :active/:focus padrao do Bootstrap em TODOS os botoes
        (evita caixas/halos escuros residuais atras de texto/icone ao clicar) ---- */
#order-standard_cart .btn:active,
#order-standard_cart .btn.active,
#order-standard_cart .btn:focus,
#order-standard_cart .btn:active:focus {
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important;
  color: inherit !important;
}

/* ---- Botao "Adicionar" (btn-add-to-cart): reset agressivo total ----
   Zera background/borda/sombra em QUALQUER elemento filho (span, i, etc.)
   para eliminar de vez a caixa escura, seja qual for a origem dela. ---- */
#order-standard_cart .btn-add-to-cart,
#order-standard_cart .btn-add-to-cart * {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#order-standard_cart .btn-add-to-cart {
  background-color: var(--ch-orange) !important;
  border: 1px solid var(--ch-orange2) !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#order-standard_cart .btn-add-to-cart:hover {
  background-color: var(--ch-orange2) !important;
}
#order-standard_cart .btn-add-to-cart span,
#order-standard_cart .btn-add-to-cart i {
  color: #ffffff !important;
  display: inline !important;
}
#order-standard_cart .btn-add-to-cart .to-add {
  display: inline-block !important;
}
#order-standard_cart .btn-add-to-cart .added,
#order-standard_cart .btn-add-to-cart .unavailable {
  display: none !important;
}
#order-standard_cart .btn-add-to-cart.state-added .to-add,
#order-standard_cart .btn-add-to-cart.added-to-cart .to-add {
  display: none !important;
}
#order-standard_cart .btn-add-to-cart.state-added .added,
#order-standard_cart .btn-add-to-cart.added-to-cart .added {
  display: inline-block !important;
}

/* ---- Bolinha verde de check antes de cada recurso do plano: ver bloco reforcado no final do arquivo ---- */

/* ---- "Verificar os pacotes agora" (btn-warning) igual ao "Transferir o dominio" ---- */
#order-standard_cart .btn-warning {
  background-color: var(--ch-orange) !important;
  border-color: var(--ch-orange2) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.35) !important;
}
#order-standard_cart .btn-warning:hover,
#order-standard_cart .btn-warning:focus {
  background-color: var(--ch-orange2) !important;
}

/* ---- Caixas "Adicionar Hospedagem" / "Transferir seu dominio" ---- */
#order-standard_cart .domain-promo-box {
  background-color: var(--ch-card) !important;
  border: 1px solid var(--ch-border) !important;
  color: var(--ch-text) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-height: 260px !important;
}
#order-standard_cart .domain-promo-box .clearfix {
  width: 100% !important;
}
#order-standard_cart .domain-promo-box i {
  float: none !important;
  display: block !important;
  margin: 0 auto 10px !important;
}
#order-standard_cart .domain-promo-box h3,
#order-standard_cart .domain-promo-box i {
  color: #ffffff !important;
}
#order-standard_cart .domain-promo-box .text-warning,
#order-standard_cart .domain-promo-box .text-primary {
  color: var(--ch-orange) !important;
}
#order-standard_cart .domain-promo-box .small {
  color: var(--ch-muted) !important;
}

/* ---- Linha de preco + botao "Clique para Continuar" (evita corte de texto) ---- */
#order-standard_cart .domain-price {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}
#order-standard_cart .domain-price .btn-add-to-cart {
  min-width: 220px !important;
  padding: 12px 22px !important;
}

/* efeito de hover generico em todos os botoes do carrinho, inclusive Continuar/Verificar */
#order-standard_cart .btn:hover,
#order-standard_cart .btn:focus {
  filter: brightness(1.1);
}
#order-standard_cart .btn-default {
  background-color: var(--ch-card2) !important;
  border-color: var(--ch-border) !important;
  color: var(--ch-text) !important;
}
#order-standard_cart .btn-success {
  background-color: var(--ch-green) !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
}

/* =================== FIM DO OVERRIDE COMERCIAL HOST =================== */


/* =======================================================================
   COMERCIAL HOST — V8 FIX FINAL
   Correcoes cirurgicas para escolha/busca de dominio no standard_cart.
   Objetivo: corrigir alinhamento dos campos, restaurar mensagens visiveis
   de disponibilidade/indisponibilidade e impedir que botoes escondidos
   aparecam deslocados nos cards de TLD.
   ======================================================================= */

/* 1) Bootstrap usa .hidden {display:none!important}. A v7 forçava
   .btn-add-to-cart como inline-flex e acabava exibindo botoes ocultos
   atras/abaixo dos cards indisponiveis. Esta regra precisa vir por ultimo. */
#order-standard_cart .btn-add-to-cart.hidden,
#order-standard_cart button.hidden,
#order-standard_cart .hidden.btn,
#order-standard_cart .domain-lookup-result .btn-add-to-cart.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* 2) Cards de TLD em destaque: mesmo tamanho, conteudo centralizado e sem
   botao laranja vazando quando o dominio estiver indisponivel. */
#order-standard_cart .spotlight-tlds {
  background-color: var(--ch-card) !important;
  padding: 16px 18px !important;
  margin: 24px 0 18px !important;
  overflow: visible !important;
}
#order-standard_cart .spotlight-tlds-container {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 0 !important;
  flex-wrap: nowrap !important;
}
#order-standard_cart .spotlight-tld-container {
  float: none !important;
  padding: 0 !important;
  width: auto !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
#order-standard_cart .spotlight-tld {
  height: 132px !important;
  min-height: 132px !important;
  padding: 18px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  overflow: hidden !important;
}
#order-standard_cart .spotlight-tld .domain-lookup-result {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  width: 100% !important;
}
#order-standard_cart .spotlight-tld .price {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 4px !important;
  line-height: 1.2 !important;
}
#order-standard_cart .spotlight-tld .unavailable,
#order-standard_cart .spotlight-tld .invalid,
#order-standard_cart .spotlight-tld .domain-contact-support {
  margin: 0 !important;
  min-width: 96px !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.hidden) {
  min-width: 96px !important;
  height: 36px !important;
  padding: 0 16px !important;
  line-height: 34px !important;
}

/* 3) Mensagem principal da busca: garante que apareça com destaque tanto
   em cart.php?a=add&domain=register quanto em cart.php?a=add&pid=... */
#order-standard_cart .domain-checker-result-headline,
#order-standard_cart .domain-lookup-primary-results .headline,
#order-standard_cart #searchDomainInfo,
#order-standard_cart #primaryLookupResult {
  display: block !important;
  visibility: visible !important;
  margin: 22px 0 18px !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  min-height: 1px !important;
}
#order-standard_cart .domain-checker-available,
#order-standard_cart .domain-available {
  color: var(--ch-green) !important;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-unavailable,
#order-standard_cart .domain-invalid {
  color: var(--ch-red) !important;
}
#order-standard_cart .domain-checker-result-headline strong,
#order-standard_cart #primaryLookupResult strong {
  font-weight: 800 !important;
}

/* 4) Formulario dentro de "Escolha um Domínio" no fluxo de produto.
   Usa flex apenas no desktop para eliminar desalinhamento entre input,
   select e botao Verificar/Transferir/Em uso. */
@media (min-width: 768px) {
  #order-standard_cart .domain-input-group > .row {
    display: flex !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #order-standard_cart .domain-input-group > .row > [class*="col-"] {
    float: none !important;
  }
  #order-standard_cart .domain-input-group .domains-row {
    display: flex !important;
    align-items: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 0 !important;
  }
  #order-standard_cart .domain-input-group .domains-row > [class*="col-"] {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* 5) Altura unica dos controles de dominio. Evita campo menor que o botao. */
#order-standard_cart .domain-input-group .input-group,
#order-standard_cart .domain-checker-container .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
}
#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-input-group select.form-control,
#order-standard_cart .domain-input-group .btn,
#order-standard_cart .domain-checker-container .input-group .form-control,
#order-standard_cart .domain-checker-container .input-group-btn .btn {
  height: 58px !important;
  min-height: 58px !important;
  line-height: 1.2 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
}
#order-standard_cart .domain-input-group .input-group-addon {
  justify-content: center !important;
  min-width: 74px !important;
  border-radius: 8px 0 0 8px !important;
}
#order-standard_cart .domain-input-group .input-group .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  border-radius: 0 8px 8px 0 !important;
}
#order-standard_cart .domain-input-group select.form-control {
  justify-content: center !important;
  width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
#order-standard_cart .domain-input-group .btn,
#order-standard_cart .domain-checker-container .input-group-btn .btn {
  justify-content: center !important;
  min-width: 138px !important;
  border-radius: 10px !important;
}
#order-standard_cart .domain-checker-container .input-group .form-control {
  border-radius: 8px 0 0 8px !important;
}
#order-standard_cart .domain-checker-container .input-group-btn .btn {
  border-radius: 0 10px 10px 0 !important;
}

/* 6) Evita elementos promocionais customizados antigos que foram inseridos
   fora do combinado em versões anteriores. Mantem o fluxo nativo do WHMCS. */
#order-standard_cart .ch-domain-benefits,
#order-standard_cart .ch-domain-faq,
#order-standard_cart .comercialhost-domain-benefits,
#order-standard_cart .comercialhost-domain-faq,
#order-standard_cart section[id*="faq"],
#order-standard_cart section[class*="faq"],
#order-standard_cart section[id*="benefit"],
#order-standard_cart section[class*="benefit"] {
  display: none !important;
}

/* 7) Mobile: volta ao fluxo vertical do Bootstrap para nao quebrar tela pequena. */
@media (max-width: 767px) {
  #order-standard_cart .spotlight-tlds-container {
    flex-wrap: wrap !important;
  }
  #order-standard_cart .spotlight-tld-container {
    flex: 1 1 calc(50% - 10px) !important;
  }
  #order-standard_cart .domain-input-group .input-group,
  #order-standard_cart .domain-checker-container .input-group {
    display: block !important;
  }
  #order-standard_cart .domain-input-group .input-group-addon,
  #order-standard_cart .domain-input-group .form-control,
  #order-standard_cart .domain-input-group select.form-control,
  #order-standard_cart .domain-input-group .btn,
  #order-standard_cart .domain-checker-container .input-group .form-control,
  #order-standard_cart .domain-checker-container .input-group-btn .btn {
    width: 100% !important;
    border-radius: 8px !important;
    margin-bottom: 8px !important;
  }
}
/* =================== FIM V8 FIX FINAL =================== */

/* =======================================================================
   COMERCIAL HOST — V9 FINAL STABILITY PATCH
   Correções finais sem alterar lógica do WHMCS:
   - respeita .hidden do Bootstrap/JS
   - impede botões ocultos de aparecerem nos cards de TLD
   - corrige mensagens duplicadas no fluxo vindo de produto
   - centraliza barras de busca e bloco preço/continuar
   - limpa contornos internos das caixas promocionais
   ======================================================================= */

/* 1) Prioridade máxima: qualquer elemento oculto pelo WHMCS/Bootstrap deve ficar oculto.
   Isto corrige o bug do botão "Contact Support to Purchase" aparecendo junto com preço. */
#order-standard_cart .hidden,
#order-standard_cart .btn.hidden,
#order-standard_cart button.hidden,
#order-standard_cart span.hidden,
#order-standard_cart div.hidden,
#order-standard_cart .domain-lookup-result .hidden,
#order-standard_cart .spotlight-tld .hidden,
#order-standard_cart .spotlight-tld .btn-add-to-cart.hidden,
#order-standard_cart .spotlight-tld .domain-contact-support.hidden,
#order-standard_cart .spotlight-tld .unavailable.hidden,
#order-standard_cart .spotlight-tld .invalid.hidden,
#order-standard_cart .spotlight-tld .available.hidden,
#order-standard_cart .suggested-domains .hidden,
#order-standard_cart .domain-suggestion.hidden,
#order-standard_cart #DomainSearchResults.hidden,
#order-standard_cart #primaryLookupResult.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* 2) Resultado primário: a v8 forçava todos os headlines a aparecerem.
   Aqui só mostramos o item que o JavaScript realmente ativar com style="display: block". */
#order-standard_cart #primaryLookupResult .headline,
#order-standard_cart #primaryLookupResult .domain-available,
#order-standard_cart #primaryLookupResult .domain-unavailable,
#order-standard_cart #primaryLookupResult .domain-invalid,
#order-standard_cart #primaryLookupResult .domain-contact-support,
#order-standard_cart #primaryLookupResult .transfer-eligible,
#order-standard_cart #primaryLookupResult .transfer-not-eligible,
#order-standard_cart #primaryLookupResult .domain-price {
  display: none !important;
}
#order-standard_cart #primaryLookupResult .headline[style*="display: block"],
#order-standard_cart #primaryLookupResult .domain-available[style*="display: block"],
#order-standard_cart #primaryLookupResult .domain-unavailable[style*="display: block"],
#order-standard_cart #primaryLookupResult .domain-invalid[style*="display: block"],
#order-standard_cart #primaryLookupResult .domain-contact-support[style*="display: block"],
#order-standard_cart #primaryLookupResult .transfer-eligible[style*="display: block"],
#order-standard_cart #primaryLookupResult .transfer-not-eligible[style*="display: block"],
#order-standard_cart #primaryLookupResult .domain-price[style*="display: block"],
#order-standard_cart #primaryLookupResult .domain-price[style*="display: inline"],
#order-standard_cart #primaryLookupResult .domain-price[style*="display: flex"] {
  display: flex !important;
  visibility: visible !important;
}
#order-standard_cart #primaryLookupResult p.domain-available[style*="display: block"],
#order-standard_cart #primaryLookupResult p.domain-unavailable[style*="display: block"],
#order-standard_cart #primaryLookupResult p.domain-invalid[style*="display: block"],
#order-standard_cart #primaryLookupResult div.domain-available[style*="display: block"],
#order-standard_cart #primaryLookupResult div.domain-unavailable[style*="display: block"],
#order-standard_cart #primaryLookupResult div.domain-invalid[style*="display: block"] {
  display: block !important;
}

/* 3) Barra principal de pesquisa em cart.php?a=add&domain=register.
   Fica centralizada e sem vazio sobrando do lado esquerdo. */
#order-standard_cart .domain-checker-container .domain-checker-bg {
  padding: 28px 22px !important;
}
#order-standard_cart #frmDomainChecker > .row {
  display: flex !important;
  justify-content: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#order-standard_cart #frmDomainChecker > .row > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#order-standard_cart .domain-checker-container .input-group.input-group-box,
#order-standard_cart .domain-checker-container .input-group {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 auto !important;
}
#order-standard_cart .domain-checker-container .input-group .form-control {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 58px !important;
  border-radius: 8px 0 0 8px !important;
}
#order-standard_cart .domain-checker-container .input-group-btn {
  display: flex !important;
  width: auto !important;
}
#order-standard_cart .domain-checker-container .input-group-btn .btn {
  height: 58px !important;
  min-width: 160px !important;
  border-radius: 0 10px 10px 0 !important;
}

/* 4) Barra de domínio dentro do fluxo de produto: remove offsets Bootstrap e alinha input/select/botão. */
@media (min-width: 768px) {
  #order-standard_cart .domain-input-group > .row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #order-standard_cart .domain-input-group > .row > [class*="col-"] {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #order-standard_cart .domain-input-group > .row > .col-sm-8,
  #order-standard_cart .domain-input-group > .row > .col-sm-9,
  #order-standard_cart .domain-input-group > .row > .col-md-6 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 760px !important;
  }
  #order-standard_cart .domain-input-group > .row > .col-sm-2 {
    flex: 0 0 160px !important;
    width: 160px !important;
  }
  #order-standard_cart .domain-input-group .domains-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  #order-standard_cart .domain-input-group .domains-row > [class*="col-"] {
    float: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #order-standard_cart .domain-input-group .domains-row > .col-xs-9,
  #order-standard_cart .domain-input-group .domains-row > .col-xs-7,
  #order-standard_cart .domain-input-group .domains-row > .col-xs-5 {
    flex: 1 1 auto !important;
    width: auto !important;
  }
  #order-standard_cart .domain-input-group .domains-row > .col-xs-3 {
    flex: 0 0 150px !important;
    width: 150px !important;
  }
  #order-standard_cart .domain-input-group .domains-row > .col-xs-2 {
    flex: 0 0 78px !important;
    width: 78px !important;
  }
}
#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-input-group select.form-control,
#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .btn {
  height: 58px !important;
  min-height: 58px !important;
}

/* 5) Preço + botão continuar centralizados e proporcionais. */
#order-standard_cart #searchDomainInfo,
#order-standard_cart #primaryLookupResult {
  text-align: center !important;
}
#order-standard_cart #primaryLookupResult .domain-price[style*="display"],
#order-standard_cart .domain-price {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
}
#order-standard_cart #primaryLookupResult .domain-price .price,
#order-standard_cart .domain-price .price {
  font-size: 26px !important;
  line-height: 1.2 !important;
  color: var(--ch-text) !important;
}
#order-standard_cart #primaryLookupResult .domain-price .btn-add-to-cart,
#order-standard_cart .domain-price .btn-add-to-cart {
  min-width: 220px !important;
}
#order-standard_cart #btnDomainContinue {
  display: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#order-standard_cart #btnDomainContinue:not(.hidden) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 6) Cards de TLD: só botão realmente disponível aparece. Indisponível fica discreto e sem botão vazando. */
#order-standard_cart .spotlight-tld .domain-contact-support.hidden,
#order-standard_cart .spotlight-tld .btn-add-to-cart.hidden,
#order-standard_cart .spotlight-tld .unavailable.hidden,
#order-standard_cart .spotlight-tld .invalid.hidden {
  display: none !important;
}
#order-standard_cart .spotlight-tld .domain-contact-support:not(.hidden),
#order-standard_cart .suggested-domains .domain-contact-support:not(.hidden) {
  display: inline-flex !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.15 !important;
  font-size: 11px !important;
  padding: 4px 8px !important;
}
#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.hidden) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 7) Caixas "Adicionar Hospedagem" e "Transferir": remove retângulos internos e iguala visual. */
#order-standard_cart .domain-promo-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 340px !important;
  padding: 26px 24px !important;
  background-color: var(--ch-card) !important;
  border: 1px solid var(--ch-border) !important;
  border-radius: 10px !important;
  text-align: center !important;
}
#order-standard_cart .domain-promo-box *,
#order-standard_cart .domain-promo-box .clearfix,
#order-standard_cart .domain-promo-box h3,
#order-standard_cart .domain-promo-box p,
#order-standard_cart .domain-promo-box i,
#order-standard_cart .domain-promo-box span,
#order-standard_cart .domain-promo-box .small {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
#order-standard_cart .domain-promo-box .btn,
#order-standard_cart .domain-promo-box a.btn {
  background-color: var(--ch-orange) !important;
  border: 1px solid var(--ch-orange2) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.35) !important;
  color: #fff !important;
  margin-top: 20px !important;
}
#order-standard_cart .domain-promo-box i {
  font-size: 64px !important;
  color: var(--ch-blue) !important;
  margin: 0 0 18px !important;
}
#order-standard_cart .domain-promo-box h3 {
  font-size: 30px !important;
  line-height: 1.12 !important;
  margin: 0 0 10px !important;
}
#order-standard_cart .domain-promo-box p {
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin: 0 0 8px !important;
}

/* 8) Mantém escondidos blocos antigos de FAQ/benefícios que não fazem parte do fluxo nativo. */
#order-standard_cart .ch-domain-benefits,
#order-standard_cart .ch-domain-faq,
#order-standard_cart .comercialhost-domain-benefits,
#order-standard_cart .comercialhost-domain-faq,
#order-standard_cart section[id*="faq"],
#order-standard_cart section[class*="faq"],
#order-standard_cart section[id*="benefit"],
#order-standard_cart section[class*="benefit"] {
  display: none !important;
}

/* 9) Mobile seguro. */
@media (max-width: 767px) {
  #order-standard_cart #frmDomainChecker > .row,
  #order-standard_cart .domain-input-group > .row,
  #order-standard_cart .domain-input-group .domains-row,
  #order-standard_cart .domain-checker-container .input-group {
    display: block !important;
  }
  #order-standard_cart .domain-checker-container .input-group .form-control,
  #order-standard_cart .domain-checker-container .input-group-btn,
  #order-standard_cart .domain-checker-container .input-group-btn .btn,
  #order-standard_cart .domain-input-group .form-control,
  #order-standard_cart .domain-input-group select.form-control,
  #order-standard_cart .domain-input-group .btn,
  #order-standard_cart .domain-input-group .input-group-addon {
    width: 100% !important;
    border-radius: 8px !important;
    margin: 0 0 8px !important;
  }
  #order-standard_cart .domain-promo-box {
    min-height: 0 !important;
  }
}
/* =================== FIM V9 FINAL STABILITY PATCH =================== */


/* =======================================================================
   COMERCIAL HOST — V12 FINAL ESTÁVEL
   Base: V9 estável. Corrige somente visual e botões sem quebrar o fluxo.
   ======================================================================= */

/* 1) Nunca exibir o fallback antigo de suporte do WHMCS. */
#order-standard_cart .domain-contact-support,
#order-standard_cart .domain-contact-support.btn,
#order-standard_cart a.domain-contact-support,
#order-standard_cart button.domain-contact-support,
#order-standard_cart div.domain-contact-support {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* 2) Botões dos cards de TLD: mostrar sempre apenas Adicionar. */
#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.hidden),
#order-standard_cart .suggested-domains .btn-add-to-cart:not(.hidden),
#order-standard_cart .domain-suggestion .btn-add-to-cart:not(.hidden) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 10px !important;
  background: var(--ch-orange) !important;
  border: 1px solid var(--ch-orange2) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.28) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  text-align: center !important;
}
#order-standard_cart .btn-add-to-cart:not(.hidden) span.to-add {
  display: inline-block !important;
  visibility: visible !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}
#order-standard_cart .btn-add-to-cart span.added,
#order-standard_cart .btn-add-to-cart span.unavailable {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 3) Cards indisponíveis não devem deixar botão laranja ou texto quebrado vazando. */
#order-standard_cart .spotlight-tld,
#order-standard_cart .domain-suggestion {
  overflow: hidden !important;
}
#order-standard_cart .spotlight-tld .unavailable:not(.hidden),
#order-standard_cart .spotlight-tld .invalid:not(.hidden) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 110px !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(15,23,42,.45) !important;
  border: 1px solid rgba(148,163,184,.10) !important;
  color: var(--ch-muted) !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

/* 4) Loader da busca some visualmente quando existe resultado. */
#order-standard_cart #primaryLookupResult:not(.hidden) ~ .domain-lookup-primary-loader,
#order-standard_cart #primaryLookupResult:not(.hidden) ~ #primaryLookupSearching {
  display: none !important;
}

/* 5) Busca de domínio em linha, sem retângulos escuros sobrando atrás dos botões. */
#order-standard_cart .domain-input-group,
#order-standard_cart .domain-input-group > .row,
#order-standard_cart .domain-input-group .domains-row,
#order-standard_cart .domain-input-group [class*="col-"],
#order-standard_cart .domain-input-group .input-group-btn,
#order-standard_cart .domain-checker-container .input-group-btn {
  background: transparent !important;
  box-shadow: none !important;
}
#order-standard_cart .domain-input-group .input-group-addon,
#order-standard_cart .domain-input-group .form-control,
#order-standard_cart .domain-input-group select.form-control,
#order-standard_cart .domain-input-group .btn {
  height: 58px !important;
  min-height: 58px !important;
}

/* 6) Resultado primário: preço e continuar sempre centralizados. */
#order-standard_cart #searchDomainInfo,
#order-standard_cart #primaryLookupResult {
  text-align: center !important;
}
#order-standard_cart #primaryLookupResult .domain-price,
#order-standard_cart .domain-price {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  text-align: center !important;
  margin: 18px auto 22px !important;
  width: 100% !important;
}
#order-standard_cart #primaryLookupResult .domain-price .price,
#order-standard_cart .domain-price .price {
  min-width: 130px !important;
  text-align: center !important;
}

/* 7) Caixas Adicionar Hospedagem e Transferir sem linhas internas visíveis. */
#order-standard_cart .domain-promo-box *,
#order-standard_cart .domain-promo-box .clearfix,
#order-standard_cart .domain-promo-box h3,
#order-standard_cart .domain-promo-box p,
#order-standard_cart .domain-promo-box i,
#order-standard_cart .domain-promo-box span,
#order-standard_cart .domain-promo-box .small {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
#order-standard_cart .domain-promo-box {
  min-height: 340px !important;
}

@media (max-width: 767px) {
  #order-standard_cart #primaryLookupResult .domain-price,
  #order-standard_cart .domain-price {
    flex-direction: column !important;
    gap: 10px !important;
  }
}
/* =================== FIM V12 FINAL ESTÁVEL =================== */


/* =======================================================================
   COMERCIAL HOST — V13 AJUSTES FINAIS PONTUAIS
   Base: V12 estável. Sem alteração estrutural de Smarty ou fluxo WHMCS.
   ======================================================================= */

/* 1) Botão Adicionar dos cards: centralização real e sem corte de texto. */
#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.hidden),
#order-standard_cart .suggested-domains .btn-add-to-cart:not(.hidden),
#order-standard_cart .domain-suggestion .btn-add-to-cart:not(.hidden) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  min-width: 126px !important;
  width: 126px !important;
  max-width: 126px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  margin: 10px auto 0 !important;
  line-height: 42px !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  direction: ltr !important;
  background: var(--ch-orange) !important;
  border: 1px solid var(--ch-orange2) !important;
  border-radius: 10px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.28) !important;
}

#order-standard_cart .spotlight-tld .btn-add-to-cart:not(.hidden) .to-add,
#order-standard_cart .suggested-domains .btn-add-to-cart:not(.hidden) .to-add,
#order-standard_cart .domain-suggestion .btn-add-to-cart:not(.hidden) .to-add {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

#order-standard_cart .spotlight-tld .btn-add-to-cart span.added,
#order-standard_cart .spotlight-tld .btn-add-to-cart span.unavailable,
#order-standard_cart .suggested-domains .btn-add-to-cart span.added,
#order-standard_cart .suggested-domains .btn-add-to-cart span.unavailable,
#order-standard_cart .domain-suggestion .btn-add-to-cart span.added,
#order-standard_cart .domain-suggestion .btn-add-to-cart span.unavailable {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* 2) Loader do fluxo "Contratar hospedagem -> Registrar novo domínio".
      Se o resultado já está visível, a frase Verificando disponibilidade não deve ficar presa. */
#order-standard_cart #DomainSearchResults:not(.hidden) #primaryLookupResult:not(.hidden) ~ #primaryLookupSearching,
#order-standard_cart #DomainSearchResults:not(.hidden) #primaryLookupSearching[style*="display: none"] {
  display: none !important;
}

/* Reforço visual: qualquer loader dentro de searchDomainInfo fica oculto quando há resultado visível. */
#order-standard_cart #searchDomainInfo:has(#primaryLookupResult:not(.hidden)) #primaryLookupSearching {
  display: none !important;
}

/* 3) Cards de TLD: borda verde sempre ativa e azul no hover, como no frontend. */
#order-standard_cart .spotlight-tld,
#order-standard_cart .domain-suggestion {
  border: 2px solid #16a34a !important;
  border-radius: 12px !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#order-standard_cart .spotlight-tld:hover,
#order-standard_cart .domain-suggestion:hover {
  border-color: var(--ch-blue) !important;
  box-shadow: 0 0 0 1px rgba(59,130,246,.20), 0 8px 22px rgba(37,99,235,.16) !important;
}

/* Cards indisponíveis continuam sem botão laranja vazando, mas mantêm a borda verde solicitada. */
#order-standard_cart .spotlight-tld .unavailable:not(.hidden),
#order-standard_cart .spotlight-tld .invalid:not(.hidden),
#order-standard_cart .domain-suggestion .unavailable:not(.hidden),
#order-standard_cart .domain-suggestion .invalid:not(.hidden) {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Botão principal de preço/continuação centralizado e sem herdar largura dos cards. */
#order-standard_cart .domain-price .btn-add-to-cart:not(.hidden) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 220px !important;
  width: auto !important;
  max-width: none !important;
  height: 48px !important;
  line-height: 48px !important;
  margin: 0 !important;
  padding: 0 28px !important;
}

#order-standard_cart .domain-price .btn-add-to-cart:not(.hidden) .to-add {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  text-align: center !important;
}


/* =======================================================================
   V16.1 — reforco: bolinha verde de check (com !important em tudo, no
   final do arquivo para garantir prioridade maxima na cascata) e novo
   layout do card de produto (nome/preco centralizados, botao largura
   total), inspirado na referencia da DDR Host que o cliente mostrou.
   ======================================================================= */

#order-standard_cart .product-desc ul,
#order-standard_cart .product-info ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#order-standard_cart .product-desc ul li,
#order-standard_cart .product-info ul li,
#order-standard_cart .product-info li {
  list-style: none !important;
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 8px !important;
  text-align: left !important;
}
#order-standard_cart .product-desc ul li::before,
#order-standard_cart .product-info ul li::before,
#order-standard_cart .product-info li::before {
  content: "\2713" !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  text-align: center !important;
  border-radius: 50% !important;
  background-color: var(--ch-green) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

/* ---- Card de produto: nome/preco centralizados, botao ocupando a largura toda ---- */
#order-standard_cart .products .product {
  display: flex !important;
  flex-direction: column !important;
}
#order-standard_cart .products .product header {
  text-align: center !important;
}
#order-standard_cart .products .product .product-desc {
  text-align: left !important;
  flex: 1 0 auto !important;
}
#order-standard_cart .products .product footer {
  margin-top: auto !important;
  padding-top: 14px !important;
  text-align: center !important;
}
#order-standard_cart .products .product footer .price {
  font-size: 1.6em !important;
  font-weight: 700 !important;
}
#order-standard_cart .products .product footer a.btn {
  display: block !important;
  width: 100% !important;
  margin-top: 14px !important;
  padding: 12px !important;
  font-size: 15px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* =======================================================================
   V17.1 — reordenar titulo/preco/botao no card, aumentar preco 30%,
   esconder a linha branca sob os titulos de pagina (.header-lined)
   ======================================================================= */

/* ---- Esconder a linha (branca) sob os titulos de pagina ---- */
#order-standard_cart .header-lined,
#order-standard_cart .header-lined h1,
#order-standard_cart .header-lined *,
#order-standard_cart h1 {
  border-bottom: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* ---- Reordenar o card: titulo, preco+botao, depois a lista de recursos ----
   .product ja e flex-column (definido antes); aqui so definimos a ordem
   visual de cada parte, sem mexer no HTML. ---- */
#order-standard_cart .products .product header {
  order: 1 !important;
}
#order-standard_cart .products .product footer {
  order: 2 !important;
  margin-top: -12px !important;
  text-align: center !important;
}
#order-standard_cart .products .product footer,
#order-standard_cart .products .product footer .pricing,
#order-standard_cart .products .product footer * {
  text-align: center !important;
}
#order-standard_cart .products .product .product-desc {
  order: 3 !important;
  margin-top: 10px !important;
}

/* ---- Preco: laranja, 36px ---- */
#order-standard_cart .products .product footer .price {
  color: var(--ch-orange) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
}

/* ---- Espacamento mais compacto entre linhas da descricao + negrito em branco ---- */
#order-standard_cart .product-desc ul li,
#order-standard_cart .product-info ul li,
#order-standard_cart .product-info li {
  margin-bottom: 4px !important;
}
#order-standard_cart .product-desc strong,
#order-standard_cart .product-desc b,
#order-standard_cart .product-info strong,
#order-standard_cart .product-info b {
  color: #ffffff !important;
}

/* =======================================================================
   V20 — CTA centralizado e descricao com checks verdes
   ======================================================================= */

/* Centralizacao estrutural do preco, periodicidade e botao em todos os cards. */
#order-standard_cart .products .product footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  text-align: center !important;
}
#order-standard_cart .products .product footer .product-pricing,
#order-standard_cart .products .product footer .product-pricing * {
  width: 100% !important;
  text-align: center !important;
}
#order-standard_cart .products .product footer a.btn,
#order-standard_cart .products .product footer a[id$="-order-button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 165px !important;
  max-width: 100% !important;
  margin: 14px auto 0 !important;
  padding: 12px 22px !important;
  text-align: center !important;
  align-self: center !important;
}

/* Lista criada automaticamente a partir das descricoes antigas com <br>. */
#order-standard_cart .product-desc .ch-product-features {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#order-standard_cart .product-desc .ch-product-features li {
  list-style: none !important;
  position: relative !important;
  padding-left: 28px !important;
  margin: 0 0 6px !important;
  text-align: left !important;
  line-height: 1.55 !important;
}
#order-standard_cart .product-desc .ch-product-features li::before {
  content: "\2713" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  text-align: center !important;
  border-radius: 50% !important;
  background-color: var(--ch-green) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}