/* =========================================================
   JovemHost — identidade visual da central (WHMCS Twenty-One)
   Arquivo preservado nas atualizações do WHMCS.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
  --jh-ink:#0B1B2B; --jh-ink-2:#334155; --jh-muted:#64748B; --jh-line:#E2E8F0;
  --jh-soft:#F4F8FA; --jh-navy:#0B1B2B; --jh-navy-2:#102A43; --jh-deep:#07131F;
  --jh-teal:#0D9488; --jh-teal-2:#14B8A6; --jh-mint:#5EEAD4; --jh-blue:#0369A1;
  --jh-radius:14px;
  --primary:#0D9488;
}

/* Base */
body, .btn, .form-control, input, select, textarea, button, h1, h2, h3, h4, h5, h6{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
}
body, body.primary-bg-color{background:var(--jh-soft) !important;color:var(--jh-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{color:var(--jh-ink);letter-spacing:-.02em;font-weight:700}
a{color:var(--jh-teal)}
a:hover{color:#0F766E}
.text-primary{color:var(--jh-teal) !important}
.bg-primary{background-color:var(--jh-teal) !important}

/* Cabeçalho */
#header{background:#fff;border-bottom:1px solid var(--jh-line);box-shadow:none}
#header .navbar-light{padding-top:12px;padding-bottom:12px}
#header .navbar-brand img{max-height:38px;width:auto}
#header .navbar-brand{font-weight:800;color:var(--jh-ink)}
#header .search .form-control, #header .input-group.search input{border-radius:10px 0 0 10px;border-color:var(--jh-line);background:var(--jh-soft)}
#header .toolbar .nav-link, #header .cart-btn{color:var(--jh-ink-2) !important}
#header .cart-btn .badge{background:var(--jh-teal)}

/* Menu principal */
.main-navbar-wrapper{background:linear-gradient(180deg,var(--jh-navy) 0%,var(--jh-navy-2) 100%) !important;padding-top:0;padding-bottom:0}
.main-navbar-wrapper .navbar-nav .nav-link{color:#CBD5E1 !important;font-weight:600;font-size:14.5px;padding:14px 14px !important;border-bottom:3px solid transparent}
.main-navbar-wrapper .navbar-nav .nav-link:hover,
.main-navbar-wrapper .navbar-nav .show > .nav-link,
.main-navbar-wrapper .navbar-nav .active > .nav-link{color:#fff !important;border-bottom-color:var(--jh-teal-2)}
.main-navbar-wrapper .dropdown-menu{border:1px solid var(--jh-line);border-radius:12px;box-shadow:0 18px 40px -16px rgba(11,27,43,.35);padding:6px}
.main-navbar-wrapper .dropdown-item{border-radius:8px;font-size:14.5px;padding:8px 12px}
.main-navbar-wrapper .dropdown-item:hover, .main-navbar-wrapper .dropdown-item.active{background:#F0FDFA;color:var(--jh-ink)}
.navbar-toggler{border-color:rgba(255,255,255,.3)}

/* Trilha */
.master-breadcrumb{background:#fff !important;border-bottom:1px solid var(--jh-line)}
.master-breadcrumb .breadcrumb{background:transparent;font-size:13.5px}
.master-breadcrumb .breadcrumb-item.active{color:var(--jh-muted)}

/* Botões */
.btn{border-radius:10px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-primary, .btn-success, .btn-info{background:linear-gradient(135deg,var(--jh-teal-2),var(--jh-teal)) !important;border-color:var(--jh-teal) !important;color:#fff !important;box-shadow:0 8px 18px -10px rgba(13,148,136,.8)}
.btn-primary:hover, .btn-success:hover, .btn-info:hover{background:linear-gradient(135deg,var(--jh-teal),#0F766E) !important}
.btn-default, .btn-secondary, .btn-light, .btn-outline-primary{background:#fff !important;border:1px solid var(--jh-line) !important;color:var(--jh-ink) !important}
.btn-default:hover, .btn-secondary:hover, .btn-outline-primary:hover{border-color:var(--jh-teal) !important;color:var(--jh-teal) !important}
.btn-warning{border-radius:10px}
.btn-link{color:var(--jh-teal)}

/* Formulários */
.form-control, .custom-select{border-radius:10px;border-color:var(--jh-line)}
.form-control:focus, .custom-select:focus{border-color:var(--jh-teal);box-shadow:0 0 0 3px rgba(13,148,136,.18)}
.custom-control-input:checked ~ .custom-control-label::before{background:var(--jh-teal);border-color:var(--jh-teal)}

/* Cartões e listas */
.card{border:1px solid var(--jh-line);border-radius:var(--jh-radius);box-shadow:0 1px 2px rgba(11,27,43,.04)}
.card-header{background:#fff;border-bottom:1px solid var(--jh-line);border-radius:var(--jh-radius) var(--jh-radius) 0 0 !important;font-weight:700}
.card-footer{background:#fff;border-top:1px solid var(--jh-line)}
.list-group-item{border-color:var(--jh-line)}
.list-group-item.active, .sidebar .list-group-item.active{background:var(--jh-teal) !important;border-color:var(--jh-teal) !important;color:#fff !important}
.list-group-item-action:hover{background:#F0FDFA}
.sidebar .card-title{font-size:15px;font-weight:700}

/* Painel do cliente: blocos de números */
.tiles .tile{border-radius:var(--jh-radius);border:1px solid var(--jh-line);background:#fff}
.tiles .tile .stat{color:var(--jh-ink);font-weight:800}
.tiles .tile i{color:var(--jh-teal)}
.tiles .tile .highlight{background:var(--jh-teal) !important}

/* Selos e alertas */
.badge-success, .label-success, .status-active, .status-paid{background:#D1FAE5 !important;color:#047857 !important}
.badge-danger, .status-unpaid, .status-overdue{background:#FEE2E2 !important;color:#B91C1C !important}
.badge-warning, .status-pending{background:#FEF3C7 !important;color:#92400E !important}
.badge-info, .badge-primary{background:#CCFBF1 !important;color:#0F766E !important}
.alert{border-radius:12px}
.alert-info{background:#F0FDFA;border-color:#99F6E4;color:#115E59}

/* Tabelas */
.table thead th{border-bottom:1px solid var(--jh-line);font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--jh-muted)}
.table td{border-top-color:#EEF2F6;vertical-align:middle}
.dataTables_wrapper .pagination .page-item.active .page-link, .pagination .page-item.active .page-link{background:var(--jh-teal);border-color:var(--jh-teal)}

/* Página inicial: busca de domínio e atalhos */
.home-domain-search{background:radial-gradient(900px 380px at 85% -10%,#0f3d4f 0%,transparent 60%),linear-gradient(180deg,var(--jh-navy) 0%,var(--jh-navy-2) 100%) !important;color:#fff;border-radius:0}
.home-domain-search h2, .home-domain-search .h2{color:#fff}
.home-domain-search .p-5, .home-domain-search .input-group-wrapper{background:transparent !important}
.home-domain-search .form-control, .home-domain-search textarea{border:0;border-radius:12px}
.home-domain-search .btn-primary{border:0}
.home-domain-search a{color:var(--jh-mint)}
.action-icon-btns a, .card-accent-teal, .home-shortcuts a{border-radius:var(--jh-radius)}
.action-icon-btns a:hover .ico-container{color:var(--jh-teal)}

/* Rodapé */
#footer, .footer{background:var(--jh-deep) !important;color:#94A3B8 !important;border-top:0}
#footer a, #footer .nav-link{color:#CBD5E1 !important}
#footer a:hover{color:var(--jh-mint) !important}
#footer .btn{background:transparent;border:1px solid #1B3348;color:#CBD5E1}
#footer .copyright{color:#64748B}

/* Login e cadastro */
.login-form, .card.mw-540{border-radius:18px}
.providerLinkingFeedback, .social-signin-btns .btn{border-radius:10px}

/* ===== Carrinho (Standard Cart) ===== */
#order-standard_cart .header-lined h1{font-weight:800;letter-spacing:-.02em}
#order-standard_cart .products .product{border:1px solid var(--jh-line);border-radius:var(--jh-radius);overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(11,27,43,.04);transition:box-shadow .2s,transform .2s}
#order-standard_cart .products .product:hover{transform:translateY(-2px);box-shadow:0 18px 36px -20px rgba(11,27,43,.35)}
#order-standard_cart .products .product header{background:#fff;border-bottom:1px solid var(--jh-line);padding:16px 18px}
#order-standard_cart .products .product header span{color:var(--jh-ink);font-weight:800;font-size:18px}
#order-standard_cart .products .product div.product-pricing span.price{color:var(--jh-ink);font-weight:800;font-size:26px;letter-spacing:-.02em}
#order-standard_cart .products .product div.product-desc ul li{padding:3px 0}
#order-standard_cart .products .product footer .btn, #order-standard_cart .btn-order-now{background:linear-gradient(135deg,var(--jh-teal-2),var(--jh-teal));border-color:var(--jh-teal);color:#fff;border-radius:10px}
#order-standard_cart .cart-sidebar .card, #order-standard_cart .panel-sidebar{border-radius:var(--jh-radius)}
#order-standard_cart .cart-sidebar .list-group-item.active{background:var(--jh-teal);border-color:var(--jh-teal)}
#order-standard_cart .summary-container, #order-standard_cart .order-summary{background:#fff !important;border:1px solid var(--jh-line);border-radius:var(--jh-radius)}
#order-standard_cart .order-summary h2{background:var(--jh-navy) !important;color:#fff;border-radius:var(--jh-radius) var(--jh-radius) 0 0;font-size:17px}
#order-standard_cart .order-summary .total-due-today .amt{color:var(--jh-teal);font-weight:800}
#order-standard_cart .view-cart-items-header{background:var(--jh-navy) !important;color:#fff;border-radius:12px 12px 0 0}
#order-standard_cart .view-cart-items{border-color:var(--jh-line)}
#order-standard_cart .domain-checker-container{background:linear-gradient(135deg,#0F766E,var(--jh-blue)) !important;border-radius:var(--jh-radius)}
#order-standard_cart .domain-checker-available{color:#047857}
#order-standard_cart .sub-heading span{background:var(--jh-soft);color:var(--jh-muted)}
#order-standard_cart .sub-heading{border-top-color:var(--jh-line)}
#order-standard_cart .field-container, #order-standard_cart .alert{border-radius:12px}
#order-standard_cart .btn-checkout, #order-standard_cart #btnCompleteOrder{padding:14px 26px;font-size:17px}
#order-standard_cart .payment-methods .radio-inline, #order-standard_cart #paymentGatewaysContainer label{border:1px solid var(--jh-line);border-radius:12px;padding:10px 14px;margin:4px 6px 4px 0;background:#fff}

/* Fatura (viewinvoice) */
.invoice-container{border-radius:var(--jh-radius);border:1px solid var(--jh-line)}
.invoice-container .invoice-status .paid{color:#047857}
.invoice-container .invoice-status .unpaid{color:#B91C1C}
.invoice-container .payment-btn-container .btn{margin-top:6px}

/* Celular */
@media (max-width:1199px){
  .main-navbar-wrapper .navbar-nav .nav-link{border-bottom:0;padding:10px 4px !important}
  #header .navbar-light{padding-top:8px;padding-bottom:8px}
}

/* Ajustes: links do menu e textos sobre fundo escuro */
.main-navbar-wrapper .navbar-nav > li > a{color:#E2E8F0 !important;font-weight:600;font-size:14.5px;display:inline-block;padding:14px 4px;border-bottom:3px solid transparent;text-decoration:none}
.main-navbar-wrapper .navbar-nav > li > a:hover,
.main-navbar-wrapper .navbar-nav > li.show > a,
.main-navbar-wrapper .navbar-nav > li.active > a{color:#fff !important;border-bottom-color:#14B8A6}
.home-domain-search label:not(.radio), .home-domain-search .form-check-label, .home-domain-search .checkbox{color:#CBD5E1 !important}
.home-domain-search .dropdown-menu label{color:#0B1B2B !important}

/* Atalhos da pgina inicial na cor da marca */
.card[class*="card-accent-"]{border-top:3px solid #14B8A6 !important}
.card[class*="card-accent-"] .ico-container i, .action-icon-btns .ico-container i{color:#94A3B8;transition:color .15s}
.card[class*="card-accent-"]:hover{box-shadow:0 18px 36px -20px rgba(11,27,43,.35);transform:translateY(-2px)}
.card[class*="card-accent-"]:hover .ico-container i, .action-icon-btns a:hover .ico-container i{color:#0D9488}