/******* Do not edit this file *******
Code Snippets Manager
Saved: Mar 23 2026 | 23:02:14 */
@charset "UTF-8";
/******* Do not edit this file *******
Code Snippets Manager
Saved: Jun 10 2025 | 14:14:43 */
.pt8-aff-note .af-note .coin {
  /* Tornar-se um afiliado */
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 1.2rem;
  vertical-align: -3px;
  background-color: #aaa;
  /* cor do ícone */
  -webkit-mask: url("/wp-content/uploads/midia/coin-points.svg") no-repeat center / contain;
  /* máscara (Chrome/Safari + Firefox) */
  mask: url("/wp-content/uploads/midia/coin-points.svg") no-repeat center / contain;
}
/***********************************************
 *  Seção: Área de Afiliados (ABA: ÁREA DE AFILIADOS / AFFILIATE-DASHBOARD)
 ***********************************************/
/* alinhar o selo PIX à direita */
#pt8-aff-progress {
  display: flex;
  flex-direction: column;
}
#pt8-aff-progress .pix-status {
  align-self: flex-end;
}
/* Botão de saque*/
#withdraw_modal_opener {
  border-radius: 1rem !important;
  border: 1px solid white !important;
}
/* "Ver tudo" em rosa */
.yith-wcaf .dashboard-title .view-all a, .yith-wcaf .dashboard-title .view-all a:visited {
  color: #E612D9 !important;
}
.yith-wcaf .dashboard-title .view-all {
  color: #E612D9 !important;
}
.yith-wcaf .dashboard-title .view-all a:hover, .yith-wcaf .dashboard-title .view-all a:focus, .yith-wcaf .dashboard-title .view-all a:active {
  color: #E612D9 !important;
  text-decoration: underline;
  /* opcional */
}
label[for="referral_url"], label[for="original_url"], label[for="generated_url"] {
  margin-bottom: 1.2rem !important;
}
.ctm-barra-meta {
  margin-top: 4.8rem;
}
/* Forçar bloco */
.elementor-widget-woocommerce-my-account .yith-wcaf-dashboard.woocommerce {
  display: block !important;
}
/* Navegação em wrap */
.elementor-widget-woocommerce-my-account .yith-wcaf-dashboard-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1rem;
}
/* Seções largura */
.elementor-widget-woocommerce-my-account .yith-wcaf-dashboard .yith-wcaf-section {
  width: 100% !important;
  box-sizing: border-box;
}
.ase-wishlist-header {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background-color: inherit !important;
}
#ganhe-pontos-afiliado {
  color: #aaa !important;
  font-weight: 700;
  margin-top: 2.4rem !important;
}
#ganhe-pontos-afiliado strong {
  color: white !important;
}
#ganhe-pontos-afiliado img {
  filter: invert(1) grayscale(100%) brightness(100%);
}
span.tooltip {
  font-size: 1.2rem !important;
}
/**/
#ctm-commission-bar {
  margin: 5.8rem 0rem !important;
  font-family: "Quicksand", sans-serif !important;
}
/**/
/* 1. CHAMADOS */
.wt-conversation::-webkit-scrollbar {
  width: 8px;
}
.wt-conversation::-webkit-scrollbar-track {
  margin: 1.2rem;
}
.wt-conversation::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 4px;
}
#wt-chamados-wrapper > p {
  display: inline-block;
  margin-right: 1.5rem;
}
#wt-chamados-wrapper > p > a {
  color: white !important;
  position: relative;
  background: black;
  border-radius: 1rem;
  border: 1px solid white;
  box-shadow: 3px 3px 0px white;
  padding: 0.8rem 1.6rem;
}
#wt-chamados-wrapper > p > a:hover {
  box-shadow: 1px 1px 0px white;
  top: 2px;
  left: 2px;
}
#wt-chamados-wrapper > p > a:active {
  box-shadow: 0px 0px 0px white;
  top: 3px;
  left: 3px;
}
.wt-user-icon {
  width: 42px;
  height: 42px;
  /* força o ícone ficar branco */
  filter: brightness(0) invert(1);
  vertical-align: middle;
  margin-right: 0.5rem;
}
/* selo “Suporte” */
.wt-role-badge {
  display: inline-block;
  background: #6212E6;
  color: #fff;
  font-size: 1rem;
  line-height: 1em;
  padding: 0.3rem 0.6rem;
  border-radius: 0.5rem;
  margin-left: 0.5em;
  margin-top: 0.25em;
  align-content: center;
}
/* data da mensagem, embaixo do texto e alinhada à direita */
.wt-message-date {
  display: block;
  text-align: right;
  font-size: 0.8rem;
  color: #666;
  margin-top: 0.5rem;
}
/* 2. ESTRUTURA GERAL DESIGN */
/* 2.1) Remove qualquer comportamento de “flex” ou “float” que esteja limitando a largura desse card */
.yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(2) {
  display: block !important;
  width: 100% !important;
}
/* 2.2) Faz com que o .stat-box interno também ocupe 100% da linha */
.yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(2) .stat-box {
  width: 100% !important;
  box-sizing: border-box;
}
/* 2.3) Se os cards anteriores estiverem usando float ou flex, zera esse comportamento apenas para o card do mês atual */
.yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(2) .stat-box {
  float: none !important;
  margin: 0 auto !important;
}
/* 2.4) Garante um espaçamento inferior (opcional) para não colar no próximo bloco */
.yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(2) {
  margin-bottom: 1.5em;
}
/* 2.5) Todos os links das abas do dashboard */
.yith-wcaf-dashboard-navigation a {
  color: white !important;
}
.yith-wcaf-dashboard-navigation-item.is-active {
  border-bottom: 4px solid #E612D9 !important;
}
.yith-wcaf-dashboard-navigation-item a:hover {
  border-bottom: 4px solid #E612D9 !important;
  color: #E612D9 !important;
}
/* 2.6) Todos os spans (rótulos de estatística dentro dos cards) */
.yith-wcaf-dashboard-summary .stat-label {
  color: white !important;
}
/* 2.7) Stat-box – Cards */
.become-an-affiliate-form, .settings-box, .link-generator-box.double-column {
  border: 1px solid #aaa;
  box-shadow: 3px 3px 0px #aaa;
}
.become-an-affiliate-form, .stat-box {
  background: black !important;
  box-shadow: 3px 3px 0px #aaa;
}
/* Se tornar Afiliado DIV*/
.become-an-affiliate-form p {
  color: white;
  margin-bottom: 1.2rem !important;
  font-size: 125%;
}
/*Mensagens abaixo do Botão de Se Tornar Afiliado */
/* container do aviso abaixo do botão */
#ganhe-pontos-afiliado {
  margin-top: 12px;
  text-align: center;
  /* centraliza os textos */
}
/* primeira linha (ícone + “Ganhe…”) */
#ganhe-pontos-afiliado .linha-ganhe {
  display: flex;
  justify-content: center;
  align-items: center;
  /* centraliza horizontalmente */
  gap: 8px;
  margin-bottom: 6px;
}
/* segunda linha */
#ganhe-pontos-afiliado .regras-affiliate {
  display: block;
  /* garante que fique numa linha só */
}
/* cor do link (seu rosa) */
#ganhe-pontos-afiliado .regras-affiliate a {
  color: #E612D9;
  font-weight: 600;
  /* troque pelo seu HEX se for outro */
  text-decoration: none;
}
#ganhe-pontos-afiliado .regras-affiliate a:hover {
  text-decoration: underline;
}
/**/
.settings-box, .affiliate-info {
  background: black !important;
  border-radius: 1rem !important;
}
.affiliate-info h4 {
  margin-bottom: 1.2rem;
  color: white !important;
}
.yith-wcaf-share ul li a, .yith-wcaf-share ul li a svg {
  color: white !important;
  fill: white !important;
}
/* 2.3) Correção de BORDER_RADIUS de tabelas */
#yith_wcaf_dashboard_commissions_table, #yith_wcaf_dashboard_commissions_table th, #yith_wcaf_dashboard_commissions_table td {
  border-radius: 0 !important;
}
/* ========================
   2.4.1) Base “simple-pagination” para a paginação WooCommerce
   ======================== */
/* Container: mantém mesma família e alinhamento à direita */
.yith-wcaf-table-bottom-bar .woocommerce-pagination {
  font-family: "Quicksand", sans-serif !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: 24px;
}
/* ========================
   2.4.2) Botões de número (1, 2, 3, …) – imitam .simple-pagination button
   ======================== */
.woocommerce-pagination .page-numbers {
  background: none !important;
  border: none !important;
  color: #aaaaaa !important;
  /* remova o “/” que existia no fim desta linha */
  font-size: 16px !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  margin: 0 4px !important;
}
/* Número ativo – imita .simple-pagination button.active */
.woocommerce-pagination .page-numbers.current {
  border: 1px solid #D1CFEA !important;
  box-shadow: 3px 3px 0px #D1CFEA !important;
  background: #0f0f0f !important;
  color: #D1CFEA !important;
  border-radius: 0.5rem !important;
  padding: 7px 14px !important;
  /* reduz 1px vertical para compensar a borda */
  font-weight: 700 !important;
  text-align: center;
  align-content: center;
  margin: 0 4px !important;
}
/* 2.4.3) Esconde texto “« Anterior” e “Próximo »”  */
.woocommerce-pagination .prev.page-numbers, .woocommerce-pagination .next.page-numbers {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 8px 12px !important;
  margin: 0 4px !important;
}
/* 2.4.3) Injeta SVG “chevron-right-no-colour.svg” e inverte para branco */
.woocommerce-pagination .next.page-numbers::before, .woocommerce-pagination .prev.page-numbers::before {
  content: url("/wp-content/uploads/midia/chevron-right-no-colour.svg");
  filter: invert(1) !important;
  transform: scale(0.5);
  transform-origin: center center;
}
/* Gira SVG para “Anterior” (apenas uma única declaração de transform) */
.woocommerce-pagination .prev.page-numbers::before {
  transform: scale(-0.5, 0.5);
  /* espelha horizontal e reduz a 50% */
  transform-origin: center center;
}
/* 2.4.4) Remoção de itens */
.woocommerce-pagination .prev.page-numbers.disabled, .woocommerce-pagination .next.page-numbers.disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.yith-wcaf-table-bottom-bar .woocommerce-pagination nav {
  margin: 0 !important;
  padding: 0 !important;
}
/* 3. TÍTULOS */
/* 3.1) “Ganhos totais” */
.yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(1) .stat-box:nth-of-type(1) .stat-item.large > .stat-label, .yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(1) .stat-box:nth-of-type(2) .stat-item.large:first-child > .stat-label, .yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(1) .stat-box:nth-of-type(2) .stat-item.large:last-child > .stat-label, .yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(1) .stat-box:nth-of-type(3) .stat-item.large:first-child > .stat-label, .yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(1) .stat-box:nth-of-type(3) .stat-item.large:last-child > .stat-label, .yith-wcaf-dashboard-summary .affiliate-stats:nth-of-type(2) .stat-box .stat-item.large > .stat-label {
  /* 3.2) “Taxa de comissão” */
  /* 3.3) “Taxa de conversão” */
  /* 3.4) “Visitas” */
  /* 3.5) “Visitas hoje” */
  /* 3.6) “Ganhos do Mês Atual (Junho)” */
  display: inline-block;
  border-radius: 0.5rem;
  border: 1px solid #6212E6;
  box-shadow: 3px 3px 0px #6212E6;
  padding: 0.8rem 1.6rem;
}
/* Tabelas da Área de Afiliado */
.status-badge {
  background: none !important;
}
.dashboard-title > h3 {
  color: #fff !important;
  font-size: 20px;
  margin-bottom: 0px !important;
  margin-top: 2.4rem !important;
}
/* 4. CAMPOS, BOTÕES, OPÇÕES, TABELAS E INPUTS */
/* 4.1) Selecionar o dropdown “Todos os status” */
.yith-wcaf-table-top-bar select[name="status"] {
  /* Aí você pode alterar cor de fundo, borda, fonte, largura, etc. */
  background-color: #111;
  /* fundo escuro */
  color: #fff;
  /* texto branco */
  border: 1px solid #333;
  border-radius: 4px;
  padding: 0.5em;
}
/* 4.2) Selecionar o campo “Itens por página” (input[type="number"]) */
.per-page {
  z-index: 3 !important;
}
/*4.3) Seleciona os dois campos de data (placeholder “De:” e “Até:”) */
.yith-wcaf-table-top-bar .yith-wcaf-enhanced-date-picker[placeholder="De:"], .yith-wcaf-table-top-bar .yith-wcaf-enhanced-date-picker[placeholder="Até:"] {
  width: 124px !important;
}
/* 4.4) Dropdown */
.yith-wcaf-table-top-bar .table-filters select#status {
  max-width: 198px !important;
}
.yith-wcaf-table-top-bar .table-filters select#status option {
  background-color: #222 !important;
  color: #fff !important;
}
.yith-wcaf-table-top-bar .table-filters select#status option:hover {
  background-color: #333 !important;
}
.yith-wcaf-table-top-bar .table-filters {
  display: flex !important;
  gap: 0.75em !important;
  align-items: center !important;
}
/* 4.5) Botão "Redefinir" */
.yith-wcaf-table-top-bar .table-filters > a {
  color: white !important;
}
/* 5. CALENDÁRIO */
/* 5.1) Ajusta o contêiner principal do datepicker */
#ui-datepicker-div {
  /* Fundo escuro para todo o calendário */
  background-color: #222 !important;
  /* Borda e cantos arredondados */
  border: 1px solid #444 !important;
  border-radius: 8px !important;
  /* Espaço interno para que nada fique “colado” */
  padding: 0.5em !important;
  /* Remove qualquer largura fixa que venha do JS */
  width: auto !important;
  /* Garante que o conteúdo interno não vaze para fora (se necessário) */
  overflow: hidden !important;
  /* Garante que o datepicker não fique muito estreito */
  min-width: 220px !important;
}
/* 5.2) Cabeçalho (mês/ano e setas) em tom intermediário */
#ui-datepicker-div .ui-datepicker-header {
  background-color: #333 !important;
  border: none !important;
  border-radius: 6px 6px 0 0 !important;
  /* apenas cantos superiores arredondados */
  color: #fff !important;
  padding: 0.5em 1em !important;
}
/* 5.3) Texto do mês e do ano em branco e fonte consistente */
#ui-datepicker-div .ui-datepicker-title span {
  color: #fff !important;
}
/* 5.4) Botões “Anterior” e “Seguinte” também em branco */
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {
  background: none !important;
}
#ui-datepicker-div .ui-datepicker-prev .ui-icon, #ui-datepicker-div .ui-datepicker-next .ui-icon {
  color: #fff !important;
}
/* 5.5) Tabela do calendário com fundo transparente para herdar o #222 do contêiner */
#ui-datepicker-div .ui-datepicker-calendar {
  width: 100% !important;
  background-color: transparent !important;
  border-collapse: collapse !important;
}
/* 5.6) Cabeçalho da tabela (dias da semana) */
#ui-datepicker-div .ui-datepicker-calendar thead th {
  color: #ccc !important;
  /* dias da semana em cinza claro */
  font-size: 0.85rem !important;
  padding: 0.25em !important;
}
/* 5.7) Células de dia do mês atual */
#ui-datepicker-div .ui-datepicker-calendar tbody td a {
  display: inline-block;
  width: 2em;
  line-height: 2em;
  text-align: center;
  color: #fff !important;
  /* dias em branco */
  background-color: #222 !important;
  /* mesmo fundo escuro */
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  margin: 0.1em !important;
  text-decoration: none !important;
}
/* 5.8) Dia “hoje” (highlight) */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight a, #ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight {
  background-color: #555 !important;
  color: #fff !important;
}
/* 5.9) Dias selecionáveis (hover / foco) */
#ui-datepicker-div .ui-datepicker-calendar tbody td:not(.ui-datepicker-other-month) a:hover, #ui-datepicker-div .ui-datepicker-calendar tbody td:not(.ui-datepicker-other-month).ui-state-hover a {
  background-color: #E612D9 !important;
  /* rosa */
  color: #fff !important;
}
/* 5.10) Dias “ativos” (clicados/selecionados) em rosa também */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-active a {
  background-color: #E612D9 !important;
  color: #fff !important;
}
/* 5.11) Dias de fim de semana (um tom ligeiramente diferente, mas ainda escuro) */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-week-end a {
  background-color: #2a2a2a !important;
  color: #fff !important;
}
/* 5.12) Dias de outros meses (desabilitados) */
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-other-month .ui-state-default {
  color: #555 !important;
  background-color: #222 !important;
  border-color: transparent !important;
}
/* 5.13) Remove qualquer fundo claro que ainda apareça */
#ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-datepicker-calendar td, #ui-datepicker-div .ui-datepicker-calendar td[style], #ui-datepicker-div .ui-datepicker-calendar td a {
  background: none !important;
  border: none !important;
}
/* 6. CUPONS (ÁREA DE AFILIADOS) */
#ctm-affiliate-coupon-progress {
  border-radius: 0.5rem !important;
  background: black !important;
  border: 1px solid #aaa;
  box-shadow: 5px 5px 0px #aaa;
  color: #aaa !important;
  margin-bottom: 10rem !important;
}
#ctm-affiliate-coupon-progress > p:first-of-type {
  color: white !important;
}
#ctm-progress-bar span {
  color: #aaa !important;
}
#ctm-progress-bar .ctm-checked {
  color: #6212E6 !important;
}
#ctm-progress-bar > strong:nth-of-type(1), #ctm-progress-bar > strong:nth-of-type(2), #ctm-progress-bar > strong:nth-of-type(3) {
  color: #f0f0f0 !important;
}
.yith-wcaf-dashboard-coupons .table-options, .additional-info > .settings-box:first-of-type {
  display: none !important;
}
.copy-trigger {
  background: none !important;
  color: inherit !important;
  display: inline-block !important;
  padding-left: 2.4em !important;
  background-image: url("/wp-content/uploads/midia/duplicar-branco-icone.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 0.8em center !important;
  background-size: 1em 1em !important;
  margin-left: 0.5rem !important;
}
.copy-trigger::before, .copy-trigger::after {
  content: none !important;
}
/* 7. LINK GENERATOR (ÁREA DE AFILIADOS) */
.yith-wcaf-dashboard-generate-link .yith-wcaf-link-generator {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.yith-wcaf-dashboard-generate-link .dashboard-title {
  display: block !important;
  width: 100% !important;
  margin-bottom: 1em !important;
  float: none !important;
}
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column {
  width: 100% !important;
  float: none !important;
}
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  float: none !important;
}
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column * {
  float: none !important;
}
.link-generator input[type="url"] {
  background: #ffffff;
  box-shadow: 9px 9px 18px #d6d6d6, -9px -9px 18px #ffffff !important;
}
/* 7. PAGAMENTOS (ÁREA DE AFILIADOS) */
#ctm_pix_key {
  background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>    <path fill='%23fff' d='M242.4 292.5C247.8 287.1 257.1 287.1 262.5 292.5L339.5 369.5C353.7 383.7 372.6 391.5 392.6 391.5H407.7L310.6 488.6C280.3 518.1 231.1 518.1 200.8 488.6L103.3 391.2H112.6C132.6 391.2 151.5 383.4 165.7 369.2L242.4 292.5zM262.5 218.9C256.1 224.4 247.9 224.5 242.4 218.9L165.7 142.2C151.5 127.1 132.6 120.2 112.6 120.2H103.3L200.7 22.76C231.1-7.586 280.3-7.586 310.6 22.76L407.8 119.9H392.6C372.6 119.9 353.7 127.7 339.5 141.9L262.5 218.9zM112.6 142.7C126.4 142.7 139.1 148.3 149.7 158.1L226.4 234.8C233.6 241.1 243 245.6 252.5 245.6C261.9 245.6 271.3 241.1 278.5 234.8L355.5 157.8C365.3 148.1 378.8 142.5 392.6 142.5H430.3L488.6 200.8C518.9 231.1 518.9 280.3 488.6 310.6L430.3 368.9H392.6C378.8 368.9 365.3 363.3 355.5 353.5L278.5 276.5C264.6 262.6 240.3 262.6 226.4 276.6L149.7 353.2C139.1 363 126.4 368.6 112.6 368.6H80.78L22.76 310.6C-7.586 280.3-7.586 231.1 22.76 200.8L80.78 142.7H112.6z'/>  </svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 0.75em center !important;
  background-size: 1em 1em !important;
  padding-left: 2.5em !important;
  height: 4.4rem !important;
  width: 35%;
  line-height: 2.2em;
  color: #fff;
  background-color: #111;
  border: 1px solid #444;
  border-radius: 4px;
}
@media (max-width: 768px) {
  #ctm_pix_key {
    width: 60%;
  }
}
.toggle-right .toggle {
  margin-right: 0 !important;
}
label[for="ctm_pix_key"] {
  margin-top: 2.4rem !important;
}
/* 7.1) Toggles */
.settings-box .toggle-right .toggle {
  border: none !important;
}
.settings-box .toggle-right .toggle::after {
  border: none !important;
}
/* 7.2) Ajuste do track — mantém largura 56px × 24px */
.settings-box .toggle-right .toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 56px;
  height: 18px;
  background: #5C5C5C;
  border-radius: 24px;
  transition: background 0.3s, width 0.3s;
}
/* 7.3) Bolinha — 14px × 14px, sem borda */
.settings-box .toggle-right .toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: #FFF;
  border-radius: 50%;
  transition: left 0.3s, background 0.3s, width 0.3s, height 0.3s;
}
/* 7.4) Texto (“NÃO” / “SIM”) centralizado dentro do track, em negrito */
.settings-box .toggle-right .toggle::before {
  content: "NÃO";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.7rem;
  font-weight: bold;
  color: #FFF;
  opacity: 0.6;
  pointer-events: none;
  transition: content 0.3s, opacity 0.3s, color 0.3s;
  white-space: nowrap;
  /* evita quebra de linha */
  text-align: center;
}
/* 7.5) Estado “ligado”: mudança de cor do track, bolinha à direita e texto “LIGADO” em preto */
.settings-box .toggle-right input[type="checkbox"]:checked + .toggle {
  background: #E5B8E2;
}
.settings-box .toggle-right input[type="checkbox"]:checked + .toggle::after {
  left: 40px;
  /* 56 (track) – 14 (bolinha) – 2 (margem interna) */
  background: #E612D9;
}
.settings-box .toggle-right input[type="checkbox"]:checked + .toggle::before {
  content: "SIM" !important;
  opacity: 1;
  color: #000;
  /* texto “LIGADO” em preto */
}
/* 7.6) Efeito “press” (aumenta bolinha temporariamente) */
.settings-box .toggle-right label:active .toggle::after {
  width: 16px;
  height: 16px;
}
/* 7.7) Quando marcado, muda track + bolinha + texto (já repetido acima) */
.settings-box .toggle-right input[type="checkbox"]:checked + .toggle {
  background: #E5B8E2;
  /* cor do track “ligado” */
}
.settings-box .toggle-right input[type="checkbox"]:checked + .toggle::after {
  left: 40px;
  background: #E612D9;
  /* cor da bolinha “ligado” */
}
.settings-box .toggle-right input[type="checkbox"]:checked + .toggle::before {
  content: attr(data-text-on);
  /* “LIGADO” */
  opacity: 1;
  color: #000;
  /* texto “LIGADO” em preto */
}
/* 7.8) Efeito ao clicar (aperta a bolinha) */
.settings-box .toggle-right label:active .toggle::after {
  width: 24px;
  /* aumenta temporariamente a bolinha */
  height: 24px;
}
/* 7.9) Responsividade (opcional) */
@media screen and (max-width: 480px) {
  .settings-box .toggle-right label {
    display: block;
    padding-right: 100px;
    margin-bottom: 0.5em;
  }
  .settings-box .toggle-right .toggle {
    right: 5px;
  }
}
/* 8. CONFIGURAÇÕES (ÁREA DE AFILIADOS) */
#ctm_swap_pix_btn {
  margin-top: 2.4rem;
}
input[type="submit"][name="settings_submit"] {
  border-radius: 1rem !important;
  color: white !important;
  position: relative !important;
  border: 1px solid white !important;
  box-shadow: 3px 3px 0px white !important;
  background: #E612D9 !important;
  padding: 0.8rem 1.6rem !important;
}
input[type="submit"][name="settings_submit"]:hover {
  box-shadow: 2px 2px 0px white !important;
  left: 1px !important;
  right: 1px !important;
  border: 1px solid white !important;
  background: #E612D9 !important;
}
input[type="submit"][name="settings_submit"]:active {
  box-shadow: 0px 0px 0px white !important;
  left: 3px !important;
  border: 1px solid white !important;
  right: 3px !important;
  background: #E612D9 !important;
}
/* Títulos Configurações */
.settings-box.ctm-pix-box h3, .settings-box label[for="notify_pending_commissions"], .settings-box label[for="notify_paid_commissions"] {
  color: #fff !important;
  font-weight: 700 !important;
}
.settings-box.ctm-pix-box h3 {
  margin-bottom: 2.4rem !important;
}
.ctm-pix-box {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}
/* corrige o fundo do tooltip dos marcadores */
#pt8-aff-progress .mark .tooltip {
  background: #111 !important;
  color: #fff !important;
  padding: 8px 10px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  z-index: 9999;
}
/* seta/triângulo do tooltip */
#pt8-aff-progress .mark .tooltip::before, #pt8-aff-progress .mark .tooltip::after {
  border-top-color: #111 !important;
  border-bottom-color: #111 !important;
  /* se abrir acima */
  /* se abrir abaixo */
}
#ctm-pix-box {
  margin-bottom: 3.6rem !important;
  color: #aaa !important;
}
/* seleciona especificamente o label "Chave Pix:" */
#ctm-pix-box label[for="ctm_pix_key"] {
  color: #fff;
}
#ctm_pix_status {
  margin-left: 1.2rem;
}
/**/
.select2-selection.select2-selection--single {
  background: #0f0f0f !important;
}
#select2-status-container {
  background: #0f0f0f !important;
  border-radius: 1rem !important;
  border: none !important;
  font-size: 1.4rem;
  color: #aaa !important;
  box-shadow: 4px 4px 7px #080808, -4px -4px 7px #171717 !important;
}
/* Chevron (fechado, apontando para baixo) */
.yith-wcaf-table-top-bar .select2-container--default .select2-selection--single .select2-selection__arrow b {
  filter: invert(76%) sepia(0%) saturate(99%) hue-rotate(165deg) brightness(90%) contrast(91%);
}
/* Quando o select está aberto (chevron aponta ↑) */
.yith-wcaf-table-top-bar .select2-container--open .select2-selection__arrow b {
  filter: invert(76%) sepia(0%) saturate(99%) hue-rotate(165deg) brightness(90%) contrast(91%);
}
/* FUNDO PRETO + TEXTO BRANCO */
#select2-status-results {
  background: #222 !important;
}
#select2-status-results .select2-results__option {
  color: #ffffff !important;
}
/* HOVER/TECLADO (AZUL -> ROSA) */
#select2-status-results .select2-results__option--highlighted {
  background: #E612D9 !important;
  color: #ffffff !important;
}
/* SELECIONADO (AZUL -> ROSA) */
#select2-status-results .select2-results__option[aria-selected="true"] {
  background: #E612D9 !important;
  color: #ffffff !important;
}
/* Painel do dropdown (borda/fundo) — escopo só para este select */
.select2-dropdown:has(#select2-status-results) {
  background: #222 !important;
  border: 1px solid #333333 !important;
}
/* Item já selecionado (linha cinza do topo) */
#select2-status-results .select2-results__option--selected {
  color: #0f0f0f !important;
  background: #e6e6e6 !important;
  /* mantém o cinza do print */
}
/**/
/* Linha dos filtros: alinhamento e espaçamento */
.yith-wcaf-table-top-bar .table-filters {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}
.yith-wcaf-section .yith-wcaf-dashboard-payments > .yith-wcaf-table-top-bar {
  margin: 28px 0px !important;
}
/* Altura padrão para TODOS: 44px (ajuste se quiser) */
.yith-wcaf-table-top-bar .select2-container--default .select2-selection--single, .yith-wcaf-table-top-bar .select2-container--default .select2-selection--single .select2-selection__rendered, .yith-wcaf-table-top-bar .yith-wcaf-enhanced-date-picker, .yith-wcaf-table-top-bar .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px !important;
  padding: 0 12px !important;
}
.yith-wcaf-table-top-bar .table-options input.quantity-input[name="per_page"][type="number"] {
  height: 44px !important;
  line-height: 44px !important;
  width: 64px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
/**/
.stat-item.highlight.affiliate-active-balance {
  background: none !important;
}
.desc-tip {
  margin-right: 12px;
}
/* ===== Scrollbar do dropdown Select2 ===== */
/* Firefox */
#select2-status-results {
  scrollbar-width: thin !important;
  /* fino */
  scrollbar-color: black #1a1a1a !important;
  /* polegar | trilho */
}
/* WebKit (Chrome/Edge/Safari) */
#select2-status-results::-webkit-scrollbar {
  width: 10px !important;
}
#select2-status-results::-webkit-scrollbar-track {
  background: none !important;
  border-radius: 10px !important;
}
#select2-status-results::-webkit-scrollbar-thumb {
  background: black !important;
  border-radius: 10px !important;
  border: 2px solid red !important;
  /* “gap” em volta */
}
#select2-status-results::-webkit-scrollbar-thumb:hover {
  background: green !important;
  /* hover rosa mais claro */
}
#select2-status-results::-webkit-scrollbar-button {
  height: 0 !important;
  /* esconde setinhas */
}
#select2-status-results::-webkit-scrollbar-corner {
  background: transparent !important;
}
.ctm-progress, #ctm-commission-fill {
  border-radius: 2rem !important;
}
.ctm-progress {
  border: 2px solid #6212E6;
}
#ctm-comm-list, .balance-recap {
  border: none !important;
  margin-top: 1.4rem !important;
  border-radius: 20px;
  background: #D1CFEA;
  box-shadow: 7px 7px 13px #b2b0c7, -7px -7px 13px #f0eeff;
}
#withdraw_amount {
  border-radius: 1rem !important;
  background: linear-gradient(145deg, #e0ddfa, #bcbad3);
  box-shadow: 7px 7px 13px #b2b0c7, -7px -7px 13px #f0eeff !important;
  margin-left: 1.2rem !important;
  width: 30% !important;
  color: #0f0f0f !important;
  font-weight: 700 !important;
  margin-right: 1.2rem !important;
}
#withdraw_amount:is(:focus, :focus-visible, :active) {
  outline: none !important;
  border: none !important;
}
.yith-wcaf-modal #withdraw_modal .balance-recap > h4 {
  color: #0f0f0f !important;
  font-weight: 700 !important;
}
/*TOGGLE*/
#ctm-withdraw-mode .switch-wrap {
  position: relative;
  height: 28px;
  width: 56px;
  user-select: none;
}
/* o INPUT precisa ficar por cima */
#ctm-withdraw-mode .switch-input {
  position: absolute;
  inset: 0;
  appearance: none;
  outline: 0;
  margin: 0;
  box-shadow: none !important;
  cursor: pointer;
  z-index: 2;
  /* <- chave */
}
/* a “pista” visual fica por baixo e não intercepta cliques */
#ctm-withdraw-mode .switch-ui {
  position: absolute;
  inset: 0;
  background: #5C5C5C;
  border-radius: 999px;
  transition: background 0.25s;
  z-index: 1;
  pointer-events: none;
  /* <- chave */
}
#ctm-withdraw-mode .switch-ui::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.25s, background 0.25s;
}
#ctm-withdraw-mode .switch-input:checked + .switch-ui {
  background: #E5B8E2;
}
#ctm-withdraw-mode .switch-input:checked + .switch-ui::after {
  transform: translateX(28px);
  background: #E612D9;
}
/* mini-toggle do "Selecionar todas" */
#ctm-comm-list {
  padding: 1.8rem 3.6rem;
  margin: 2.4rem 0rem;
}
#ctm-comm-list .ctm-selectall {
  display: flex;
  align-items: center;
  gap: 10px;
}
#ctm-comm-list .sa-wrap {
  position: relative;
  width: 44px;
  height: 22px;
}
#ctm-comm-list .sa-input {
  position: absolute;
  inset: 0;
  appearance: none;
  outline: 0;
  margin: 0;
  cursor: pointer;
}
#ctm-comm-list .sa-ui {
  position: absolute;
  inset: 0;
  background: #5C5C5C;
  border-radius: 999px;
  transition: background 0.2s;
}
#ctm-comm-list .sa-ui::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s, background 0.2s;
}
#ctm-comm-list .sa-input:checked + .sa-ui {
  background: #E5B8E2;
}
#ctm-comm-list .sa-input:checked + .sa-ui::after {
  transform: translateX(22px);
  background: #E612D9;
}
#ctm-comm-list .sa-input {
  box-shadow: none !important;
  position: absolute;
  inset: 0;
  appearance: none;
  outline: 0;
  margin: 0;
  box-shadow: none !important;
  z-index: 2 !important;
}
/* Checkboxes das comissões pendentes (somente no modal) */
#ctm-comm-items input[type="checkbox"] {
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 10px !important;
  height: 10px !important;
  padding: 0.88rem !important;
  border: 2px solid #6212E6 !important;
  border-radius: 4px !important;
  margin-right: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
#ctm-comm-items input[type="checkbox"]:checked {
  border-color: #6212E6 !important;
  background-color: #6212E6 !important;
}
/* ===== Checkboxes da lista de comissões ===== */
/* Marcado: roxo + ✓ branco */
#ctm-comm-items input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: relative;
  left: -2px;
  top: -8px;
}
.yith-wcaf-modal #withdraw_modal #ctm-comm-items input.ctm-comm:checked {
  background: #6212E6;
  border-color: #6212E6;
}
/* realce opcional da linha quando marcada (suporta browsers com :has) */
#ctm-comm-items label:has(.ctm-comm:checked) {
  background: rgba(98, 18, 230, 0.1);
}
/* garante que o preço não pegue cor acidental */
#ctm-comm-items label strong {
  color: inherit;
}
#ctm-comm-list > .head {
  margin-bottom: 3.6rem !important;
}
/* Resumo em cards (desktop = 3 colunas; mobile = 1) */
#ctm-withdraw-summary.ctm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 8px 0 24px;
}
#ctm-withdraw-summary .sum {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#ctm-withdraw-summary .sum .label {
  opacity: 0.85;
  font-size: 13px;
}
#ctm-withdraw-summary .sum .value {
  font-weight: 700;
}
#ctm-withdraw-summary .sum.net .value {
  color: white;
  background: #6212E6;
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem !important;
}
#ctm-withdraw-mode .title {
  padding: 0px !important;
  text-transform: uppercase;
}
.ctm-line {
  margin-bottom: 2.4rem !important;
}
.sum {
  background: none !important;
  border: 2px solid #6212E6 !important;
  box-shadow: 3px 3px 0px #6212E6;
}
.ctm-fee {
  color: #0f0f0f !important;
}
.ctm-mode-hint {
  font-style: italic !important;
}
@media (max-width: 560px) {
  #ctm-withdraw-summary.ctm-grid {
    grid-template-columns: 1fr;
  }
}
/* Select2: linha do topo (item previamente selecionado) */
#select2-status-results .select2-results__option[data-selected="true"][aria-selected="false"]:not(.select2-results__option--highlighted) {
  color: gray !important;
  /* texto preto para bom contraste */
}
/* Título do modal mais escuro */
#withdraw_success h3, #withdraw_success h3.centered {
  color: #E612D9 !important;
  font-weight: 700;
}
/* Ocultar apenas o link de texto "Fechar",
   mantendo o botão "X" visível */
#withdraw_success a.close-button:not(.main-close-button) {
  display: none !important;
}
/* =========================
 * URL + Botão "Copiar" (FIX) — SOMENTE no gerador de link do afiliado
 * ========================= */
/* WRAPPER — somente os 2 campos do gerador de link */
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row .copy-field-wrapper, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row .copy-field-wrapper {
  position: relative;
  display: block;
  width: 100%;
  --pt-copy-btn-w: 132px;
  --pt-copy-gap: 14px;
  --pt-fade-w: 90px;
  --pt-inset: 6px;
  --pt-input-bg: #0f0f10;
  --pt-btn-bg: #1a1a1c;
  --pt-btn-border: rgba(255,255,255,.18);
  --pt-btn-text: #ffffff;
  --pt-radius: 12px;
}
/* INPUTS — somente referral_url e generated_url */
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row #referral_url.copy-target, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row #generated_url.copy-target.generated-url {
  width: 100%;
  box-sizing: border-box;
  padding-right: calc(var(--pt-copy-btn-w) + var(--pt-copy-gap) + 22px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: var(--pt-radius);
  background: var(--pt-input-bg);
}
/* TAMPA SÓLIDA */
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row .copy-field-wrapper::before, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row .copy-field-wrapper::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: var(--pt-inset);
  bottom: var(--pt-inset);
  right: var(--pt-inset);
  width: calc(var(--pt-copy-btn-w) + var(--pt-copy-gap) + 26px);
  background: var(--pt-input-bg);
  border-radius: calc(var(--pt-radius) - 2px);
}
/* DEGRADÊ */
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row .copy-field-wrapper::after, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row .copy-field-wrapper::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: var(--pt-inset);
  bottom: var(--pt-inset);
  right: calc(var(--pt-copy-btn-w) + var(--pt-copy-gap) + 26px);
  width: var(--pt-fade-w);
  background: linear-gradient(to right, rgba(15, 15, 16, 0), var(--pt-input-bg));
  border-radius: calc(var(--pt-radius) - 2px);
}
/* BOTÃO */
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row .copy-field-wrapper .copy-trigger, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row .copy-field-wrapper .copy-trigger {
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--pt-copy-btn-w);
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--pt-btn-bg);
  border: 1px solid var(--pt-btn-border);
  color: var(--pt-btn-text);
  text-decoration: none;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row .copy-field-wrapper .copy-trigger:hover, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row .copy-field-wrapper .copy-trigger:hover {
  filter: brightness(1.08);
}
.yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .affiliate-info .form-row .copy-field-wrapper .copy-trigger:active, .yith-wcaf-dashboard-generate-link .link-generator-box.double-column > .link-generator .form-row .copy-field-wrapper .copy-trigger:active {
  transform: translateY(-50%) scale(0.98);
}
/**/
@media (max-width: 768px) {
  .settings-box .form-row.toggle-right label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }
  .ctm-progress {
    border: none !important;
  }
  .settings-box .form-row.toggle-right small {
    padding-top: 40px !important;
  }
  .affiliate-info {
    border-radius: 10px 10px 0px 0px !important;
  }
  .link-generator {
    border-radius: 0px 0px 10px 10px !important;
  }
}
/**/