/******* Do not edit this file *******
Code Snippets Manager
Saved: Aug 25 2025 | 13:09:27 */
@charset "UTF-8";
/******* Do not edit this file *******
Code Snippets Manager
Saved: Jun 10 2025 | 14:14:43 */
.yith-wcaf .dashboard-title .view-all a, .yith-wcaf .dashboard-title .view-all a:visited {
  /***********************************************
 *  Seção: Área de Afiliados (ABA: ÁREA DE AFILIADOS / AFFILIATE-DASHBOARD)
 ***********************************************/
  /* "Ver tudo" em rosa */
  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%);
}
/**/
#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 {
  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;
}
#ctm_pix_key {
  color: #ccc;
}
.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;
}
#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;
  }
}