/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 05 2025 | 22:21:16 */
/*************************************/
/* POP-UP / MODAL RENOVAÇÃO DE PLANO */
/*************************************/

/* 1) Remove a barra de scroll no container que faz overflow */
.wcs_early_renew_modal_totals_table {
  /* Firefox */
  scrollbar-width: none !important;
  /* IE 10+ */
  -ms-overflow-style: none !important;
}
/* 2) WebKit (Chrome, Safari, Edge Chromium) */
.wcs_early_renew_modal_totals_table::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.wcs_early_renew_modal_totals_table::-webkit-scrollbar-button {
  display: none !important;
}
.wcs_early_renew_modal_totals_table::-webkit-scrollbar-track,
.wcs_early_renew_modal_totals_table::-webkit-scrollbar-thumb {
  display: none !important;
}
.wcs_early_renew_modal_totals_table {
  overflow: hidden !important;
}
/* Fundo e título do modal */
article.content-wrapper,
.yith-wcaf-modal.open {
  background: #D1CFEA !important;
}
.yith-wcaf-modal.open{
  width: 100%;
  max-width: clamp(680px, 70vw, 960px); /* min 680, cresce até 70% da tela, limite 960 */
}
article.content-wrapper h2,
.yith-wcaf-modal .title h3 {
  color: #292929 !important;
  font-weight: 700 !important;
}
/* Nota abaixo da tabela de totais */
.wcs_early_renew_modal_note {
  font-size: 1.2rem !important;
  color: #292929 !important;
  margin-bottom: 1.2rem !important;
}
.wcs_early_renew_modal_note a {
  color: #E612D9 !important;
  font-weight: 700 !important;
}
.wcs_early_renew_modal_note a:hover {
  text-decoration: underline !important;
}

/* Botão "Pagar agora" e "Solicitar Saque" */
#early_renewal_modal_submit,
#withdraw_modal .button.submit 	{
  position: relative !important;
  background-color: #E612D9 !important;
  color: black !important;
  border: 1px solid black !important;
  box-shadow: 3px 3px 0 black !important;
  border-radius: 1rem !important;
  font-weight: 400 !important;
  transition: all 0.1s ease !important;
}
#early_renewal_modal_submit:hover,
#withdraw_modal .button.submit:hover {
  top: 2px !important;
  box-shadow: 2px 2px 0 black !important;
  text-shadow: none !important;
  cursor: pointer !important;
}
#early_renewal_modal_submit:active,
#withdraw_modal .button.submit:active {
  top: 4px !important;
  box-shadow: 0 0 0 black !important;
}
#withdraw_modal{
	padding-bottom: 2rem !important;
}

/* Botão "Fechar" */
.main-close-button,
.modal-header .close {
  position: absolute !important;
  color: #292929 !important;
  border: 1px solid #292929 !important;
  box-shadow: 2px 2px 0 #292929 !important;
  border-radius: 0.25rem !important;
  font-weight: 400 !important;
  transition: all 0.1s ease !important;
}
.main-close-button {
	padding: 0rem .4rem !important;
	top: 12px !important;
	right: 12px !important;
}
.modal-header .close:hover {
  top: 2px !important;
  right: -2px !important;
  box-shadow: 1px 1px 0 #292929 !important;
  text-shadow: none !important;
  cursor: pointer !important;
}
.modal-header .close:active {
  top: 4px !important;
  right: -4px !important;
  box-shadow: 0 0 0 #292929 !important;
}

.main-close-button:hover {
  top: 14px !important;
  right: 10px !important;
	  box-shadow: 1px 1px 0 #292929 !important;
  text-shadow: none !important;
  cursor: pointer !important;
}
.main-close-button:active {
  top: 15px !important;
  right: 9px !important;
	  box-shadow: 0px 0px 0 #292929 !important;
  text-shadow: none !important;
  cursor: pointer !important;
}


/* Tabelas */
.wcs_early_renew_modal_totals_table > .shop_table.order_details
 {
    background-color: black !important;; 
    border: none !important; 
}
.product-total td {
  color: white !important;
  font-weight: 700 !important;
}
.wcs_early_renew_modal_totals_table .product-total {
  color: white !important;
}

.wcs_early_renew_modal_note {
  text-align: center;
}
.renew-text {
font-size: 1.8rem !important;
	color: black !important;
  text-align: center !important;
line-height: 3em !important;
}

/*****************************/
/* MUDAR MÉTODO DE PAGAMENTO */
/*****************************/

/* Layout da Página*/
/* Celular: até 767px */
@media (max-width: 767px) {
  .site-main.post-49648.page.type-page.status-publish.hentry {
    width: 100%;             /* Conteúdo 100% */
    padding: 4.8em 2em;      /* 4.8em topo/baixo, 2em laterais */
  }
}

/* Tablet (retrato): 768px–1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .site-main.post-49648.page.type-page.status-publish.hentry {
    width: 90%;              /* Conteúdo 90% */
    padding: 8em 0;          /* 8em topo/baixo, 0 nas laterais */
  }
}

/* Notebook: 1025px–1366px */
@media (min-width: 1025px) and (max-width: 1366px) {
  .site-main.post-49648.page.type-page.status-publish.hentry {
    width: 90%;              /* Conteúdo 90% */
    padding: 6.4em 0;        /* 6.4em topo/baixo */
  }
}

/* Desktop: acima de 1366px */
@media (min-width: 1367px) {
  .site-main.post-49648.page.type-page.status-publish.hentry {
    width: 128em;            /* Conteúdo em 128em */
    padding: 8em 0;          /* 8em topo/baixo */
  }
}
#payment {
     font-family: 'Quicksand', sans-serif !important;
  background: none !important;
}
li.wc_payment_method.payment_method_stripe > label {
    font-size: 135% !important;
  color: white !important;
}
/* Base: container centralizado, flex-column e gap de 20px */
.site-main.post-49648.page.type-page.status-publish.hentry {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px; 
}

/* Cor de texto para cabeçalhos e células */ /* CORRGIR!-> Especificar apenas essa tabela */
table.shop_table th,
table.shop_table td {
    font-family: 'Quicksand', sans-serif !important;
  font-size: 135% !important;
}

/* Breadcrumb */
/* container do breadcrumb */
.rank-math-breadcrumb.my-breadcrumb p {
  position: relative !important;
  font-size: 1.8rem !important;
  color: #aaa !important;
  line-height: 1.5em !important;
  font-weight: 400 !important;
  padding-left: 3.2rem !important;  /* espaço para o ícone */
}
/* ícone antes do texto */
.rank-math-breadcrumb.my-breadcrumb p::before {
  content: "" !important;
  background-image: url('/wp-content/uploads/midia/house-breadcrumb.svg') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  position: absolute !important;
  left: 0px !important;
  width: 2.4rem !important;
  height: 2.4rem !important;
}
/* se quiser estilizar o último item */
.rank-math-breadcrumb.my-breadcrumb,
.rank-math-breadcrumb.my-breadcrumb a {
  color: #aaa !important;
   font-family: 'Quicksand', sans-serif !important;
  line-height: 1.5em !important;
  text-decoration: none !important;

}

/* Título da página */
.page-header .entry-title {
font-size: clamp(3.2rem, -0.8rem + 12.8vw, 6.4rem); !important; 
  font-weight: 700 !important;
  line-height: 1.2em !important;
  margin-top: -1rem !important;
}

/* Cartão de crédito/débito */
/* Esconde ícone de cartão padrão */
.stripe-cards-icon.stripe-icon {
  display: none !important;
}
.payment_box.payment_method_stripe { /* Métodos de Pagamento */
  background: #474747 !important;
  border-radius: 1rem !important;
  padding: 2.4rem 1.2rem !important;
}
.payment_box.payment_method_stripe:before { /*setinha do conteiner acima */
  display: none !important;
}
#wc-stripe-upe-form { /* Dados do Cartão Novo */
  border: 1px solid #292929 !important; 
    border-radius: 1rem !important;
    padding: 1.8rem !important; 
}

/* Radio Buttons */
.woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
  margin-left: -2.4rem !important;
}
/* Espaço vertical entre cada opção de radio-button */
.woocommerce-SavedPaymentMethods > li {
  margin-bottom: 1.8rem !important; 
}
.woocommerce-SavedPaymentMethods > li:last-child {
  margin-bottom: 0;
}
/* Radio-button - Remove estilo nativo e zera accent-color */
.payment_box input.woocommerce-SavedPaymentMethods-tokenInput[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  accent-color: transparent !important;  
  width: 1.6rem !important;
  height: 1.6rem !important;
  margin: 0 0.5rem 0 0 !important;
  vertical-align: middle !important;
  border: none !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  position: relative !important;
  cursor: pointer !important;
}
/* Radio-button - Cria o pontinho interno, mas o escala para 0 por padrão */
.payment_box input.woocommerce-SavedPaymentMethods-tokenInput[type="radio"]::after {
  content: "" !important;
  display: block !important;
  width: 0.7rem !important;
  height: 0.7rem !important;
  border-radius: 50% !important;
  background-color: #E612D9 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0) !important;
  transition: transform 0.2s ease !important;
}
/* Radio-button - Quando marcado, escala o pontinho para 1 (torna visível) */
.payment_box input.woocommerce-SavedPaymentMethods-tokenInput[type="radio"]:checked::after {
  transform: translate(-50%, -50%) scale(1) !important;
}
/* Radio-button - Texto dos labels em cinza */
.payment_box input.woocommerce-SavedPaymentMethods-tokenInput[type="radio"] + label {
  color: #c7c7c7 !important;
  cursor: pointer;
  user-select: none;
  font-size: 1.4rem !important;
}

/* Botão de "Alterar Método de Pagamento" */
#place_order {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  background-color: #D314C8 !important;
  border: 1px solid white !important;
  box-shadow: 3px 3px 0px white !important;
}
#place_order:hover {
  background-color: #D314C8 !important;
  box-shadow: 2px 2px 0px white !important;
  top: 1px !important;
    left: 1px !important;
}
#place_order:active {
  background-color: #D314C8 !important;
  box-shadow: 0px 0px 0px white !important;
    top: 2px !important;
    left: 2px !important;
}

/* Botão Voltar */
/* Estilo do botão Voltar */
.button.voltar-button {
	color: white !important;
	border-radius: 1rem !important;
   font-size: 1.4rem !important;
	padding: 1.6rem !important;
  font-weight: 400 !important;
  background-color: black !important;
  border: 1px solid white !important;
  box-shadow: 3px 3px 0px white !important;
}
.button.voltar-button:hover {
  background-color: #222 !important;
}

/* Dentro da main#content, só essa tabela */
main#content form#order_review .shop_table th,
main#content form#order_review .shop_table td {
  color: #aaa !important;
}
/* Modal de Saque */
/* Ícone Personalizado */
.yith-wcaf-modal #withdraw_modal .balance-recap{
  position:relative;
  padding-left:92px!important;
  background-image:none!important;
}
.yith-wcaf-modal #withdraw_modal .balance-recap::before{
  content:"";
  position:absolute;
  left:24px;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  background:url('/wp-content/uploads/midia/nota.svg') no-repeat center/contain;
	filter: invert(22%) sepia(55%) saturate(0%) hue-rotate(249deg) brightness(78%) contrast(71%);
}
.yith-wcaf-modal #withdraw_modal .balance-recap img,
.yith-wcaf-modal #withdraw_modal .balance-recap svg,
.yith-wcaf-modal #withdraw_modal .balance-recap [class*="icon"]{
  display:none!important;
}

/* Firefox */
.yith-wcaf-modal .content.pretty-scrollbar,
#ctm-comm-items{
  scrollbar-width: thin;                  /* no Firefox só: auto | thin | none */
  scrollbar-color: #6212E6 transparent;   /* thumb | track */
}

/* Opera GX (Chromium/WebKit) + Chrome/Edge/Safari */
.yith-wcaf-modal .content.pretty-scrollbar::-webkit-scrollbar,
#ctm-comm-items::-webkit-scrollbar{
  width: 6px;      /* deixe 4px se quiser mais fino */
  height: 6px;
}
.yith-wcaf-modal .content.pretty-scrollbar::-webkit-scrollbar-track,
#ctm-comm-items::-webkit-scrollbar-track{
  background: transparent;
}
.yith-wcaf-modal .content.pretty-scrollbar::-webkit-scrollbar-thumb,
#ctm-comm-items::-webkit-scrollbar-thumb{
  background: #6212E6;
  border-radius: 8px;
}
.withdraw-notes,
.withdraw-amount {
	display: none !important;
}

span .head{
	margin-bottom: 3.6rem !important;
}
.ctm-selectall {
	margin-top: 3.6rem !important;
}