/* Vime - Checkout estilo Hotmart (parte 2) */
/* --- campos --- */
.woocommerce-checkout .form-row{
  padding:0 0 14px !important;margin:0 !important;width:100% !important;float:none !important}
.woocommerce-checkout .form-row:last-of-type{padding-bottom:0 !important}
.woocommerce-checkout .vime-oculto,
.woocommerce-checkout #billing_country_field{display:none !important}
.woocommerce-checkout .form-row label{
  color:#3A4066 !important;font-size:13px !important;font-weight:600 !important;
  display:block;margin:0 0 6px !important}
.woocommerce-checkout .required{color:#E10061 !important;text-decoration:none !important;border:0 !important}
.woocommerce-checkout .form-row input[type=text],
.woocommerce-checkout .form-row input[type=tel],
.woocommerce-checkout .form-row input[type=email],
.woocommerce-checkout .form-row input[type=password],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea{
  background:#F7F8FC !important;border:1px solid #DFE3F0 !important;
  color:#0D1030 !important;border-radius:10px !important;
  height:50px;padding:0 14px !important;font-size:16px !important;
  width:100% !important;box-shadow:none !important;line-height:48px}
.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus{
  border-color:#0004A9 !important;box-shadow:0 0 0 3px rgba(0,4,169,.14) !important;outline:0}
.woocommerce-checkout .form-row input::placeholder{color:#9AA0BE !important}
.woocommerce-checkout .form-row .description,
.woocommerce-checkout .form-row span.description{
  display:block !important;background:transparent !important;border:0 !important;
  box-shadow:none !important;color:#6B7291 !important;font-size:12px !important;
  margin:6px 0 0 !important;padding:0 !important}
.woocommerce-checkout .form-row .description:before{display:none !important}
.woocommerce-checkout .woocommerce-invalid input{border-color:#E10061 !important}

/* --- login --- */
.woocommerce-checkout .e-woocommerce-login-section{padding:14px 18px !important}
.woocommerce-checkout .woocommerce-form-login-toggle{margin:0 !important}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{
  background:transparent !important;border:0 !important;padding:0 !important;margin:0 !important;
  color:#3A4066 !important;font-size:14px !important;box-shadow:none !important}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info:before{display:none !important}
.woocommerce-checkout .e-show-login,
.woocommerce-checkout .woocommerce-form-login-toggle a{
  color:#0004A9 !important;font-weight:700 !important;text-decoration:underline !important}

/* --- pagamento --- */
.woocommerce-checkout #payment ul.payment_methods{
  border:0 !important;padding:0 !important;margin:0 0 6px !important;list-style:none !important}
.woocommerce-checkout #payment ul.payment_methods>li{
  border:1px solid #E4E7F2 !important;border-radius:12px !important;
  background:#FFF !important;padding:14px !important;margin:0 0 10px !important}
.woocommerce-checkout #payment ul.payment_methods>li>label{
  display:inline-flex !important;align-items:center;gap:8px;
  font-size:15px !important;font-weight:700 !important;color:#0D1030 !important;margin:0 !important}
.woocommerce-checkout #payment .payment_box{
  background:#F7F8FC !important;border-radius:10px !important;
  margin:12px 0 0 !important;padding:14px !important;color:#3A4066 !important}
.woocommerce-checkout #payment .payment_box:before{display:none !important}
.woocommerce-checkout #payment .payment_box p{color:#3A4066 !important}

/* --- botao --- */
.woocommerce-checkout .form-row.place-order{padding:8px 0 0 !important;margin:0 !important}
.woocommerce-checkout #place_order{
  background:#E10061 !important;color:#FFF !important;border:0 !important;
  border-radius:12px !important;width:100% !important;height:56px;
  font-size:17px !important;font-weight:800 !important;letter-spacing:.2px;
  box-shadow:0 8px 22px rgba(225,0,97,.32);cursor:pointer;
  transition:filter .12s ease,transform .12s ease}
.woocommerce-checkout #place_order:hover{filter:brightness(1.07);transform:translateY(-1px)}

.woocommerce-checkout .vime-selos{
  list-style:none;display:flex;flex-wrap:wrap;justify-content:center;
  gap:8px 18px;margin:14px 0 0 !important;padding:0 !important}
.woocommerce-checkout .vime-selos li{
  display:flex;align-items:center;gap:6px;font-size:12px;color:#6B7291;margin:0}
.woocommerce-checkout .vime-selos li:before{
  content:"\2713";width:16px;height:16px;border-radius:50%;background:#E7F8F1;
  color:#0F9D6E;font-size:10px;font-weight:700;flex:none;
  display:flex;align-items:center;justify-content:center}

@media (max-width:768px){
  .woocommerce-checkout .e-woocommerce-login-section,
  .woocommerce-checkout .e-checkout__order_review,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #payment{padding:16px 14px !important;border-radius:14px !important}
  .woocommerce-checkout .form-row.place-order{
    position:sticky;bottom:0;z-index:20;background:#FFF;
    border-top:1px solid #EEF0F7;margin:0 -14px !important;
    padding:10px 14px 12px !important}
}

.woocommerce-checkout .vime-op{color:#9AA0BE !important;font-weight:500 !important}
.woocommerce-checkout .vime-item-nome{display:block;line-height:1.35;font-weight:600}


/* O escuro-conteudo.css pinta toda shop_table de azul-marinho com !important
   e seletor mais especifico; dentro do cartao claro isso precisa ser desfeito. */
body.woocommerce-checkout .woocommerce table.shop_table,
body.woocommerce-checkout .woocommerce table.shop_table td,
body.woocommerce-checkout .woocommerce table.shop_table th,
body.woocommerce-checkout .woocommerce table.shop_table tbody th,
body.woocommerce-checkout .woocommerce table.shop_table tfoot td,
body.woocommerce-checkout .woocommerce table.shop_table tfoot th{
  background-color:transparent !important;color:#0D1030 !important;
  border-color:#EEF0F7 !important}
body.woocommerce-checkout .woocommerce table.shop_table tbody td{
  border-width:0 0 1px !important;border-style:solid !important}
body.woocommerce-checkout .woocommerce table.shop_table tfoot td,
body.woocommerce-checkout .woocommerce table.shop_table tfoot th{border-width:0 !important}
body.woocommerce-checkout .woocommerce table.shop_table .amount,
body.woocommerce-checkout .woocommerce table.shop_table bdi,
body.woocommerce-checkout .woocommerce table.shop_table .woocommerce-Price-currencySymbol{
  color:#0D1030 !important}
body.woocommerce-checkout .woocommerce table.shop_table tfoot .order-total .amount{
  font-size:26px !important;font-weight:800 !important}
body.woocommerce-checkout .woocommerce table.shop_table .product-quantity{
  color:#6B7291 !important}
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment label,
body.woocommerce-checkout #payment p{color:#0D1030 !important}
body.woocommerce-checkout .woocommerce table.shop_table tr,
body.woocommerce-checkout .woocommerce table.shop_table tbody,
body.woocommerce-checkout .woocommerce table.shop_table thead,
body.woocommerce-checkout .woocommerce table.shop_table tfoot{
  background-color:transparent !important}
body.woocommerce-checkout .mp-terms-and-conditions-link{color:#0B5BD3 !important}

/* O balao do WhatsApp fica por cima do botao fixo no celular e ainda
   convida a sair da pagina bem na hora de pagar. */
body.woocommerce-checkout .joinchat,
body.woocommerce-checkout #joinchat{display:none !important}

/* O container da pagina 542 tem 100px de margem no topo: espaco morto no celular. */
body.woocommerce-checkout .elementor-542 > .e-con:first-child{margin-top:24px !important}

/* Checkout sem cabecalho e sem rodape do site. */
body.vime-checkout-limpo .elementor-location-header,
body.vime-checkout-limpo .elementor-location-footer{display:none !important}

body.vime-checkout-limpo .vime-topo-checkout{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  max-width:660px;width:100%;margin:0 auto 18px;padding:0}
body.vime-checkout-limpo .vime-topo-logo{display:block;line-height:0}
body.vime-checkout-limpo .vime-topo-logo img{width:auto;height:44px;display:block;margin:0}
body.vime-checkout-limpo .vime-topo-voltar{
  color:#99A2CC !important;font-size:13px;text-decoration:none;white-space:nowrap}
body.vime-checkout-limpo .vime-topo-voltar:hover{color:#EDEFFA !important;text-decoration:underline}
body.vime-checkout-limpo .vime-rodape-checkout{
  max-width:660px;width:100%;margin:18px auto 0;padding:0 0 32px;
  text-align:center;color:#99A2CC !important;font-size:12px;line-height:1.6}
body.vime-checkout-limpo .vime-rodape-checkout a{color:#99A2CC !important;text-decoration:underline}
body.vime-checkout-limpo .elementor-542 > .e-con:first-child{margin-top:36px !important}
@media (max-width:768px){
  body.vime-checkout-limpo .vime-topo-logo img{height:36px}
  body.vime-checkout-limpo .elementor-542 > .e-con:first-child{margin-top:22px !important}
}