.elementor-51642 .elementor-element.elementor-element-fb9214b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:-40px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-51642 .elementor-element.elementor-element-587002b{width:100%;max-width:100%;margin:-1rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-51642 .elementor-element.elementor-element-587002b .elementor-heading-title{font-family:var( --e-global-typography-82cd4b5-font-family ), Sans-serif;font-size:var( --e-global-typography-82cd4b5-font-size );font-weight:var( --e-global-typography-82cd4b5-font-weight );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );color:var( --e-global-color-text );}.elementor-51642 .elementor-element.elementor-element-c3da923{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:8rem;--padding-left:0rem;--padding-right:00rem;}.elementor-51642 .elementor-element.elementor-element-c3da923.e-con{--align-self:flex-start;}.elementor-51642 .elementor-element.elementor-element-68b90db .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:var( --e-global-color-0b77fac );}.elementor-51642 .elementor-element.elementor-element-68b90db .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var( --e-global-color-0b77fac );}.elementor-51642 .elementor-element.elementor-element-68b90db{--tabs-alignment:start;--tabs-hover-color:var( --e-global-color-text );--tabs-active-color:var( --e-global-color-text );--tabs-active-border-color:var( --e-global-color-text );--tabs-border-type:solid;--tabs-border-color:var( --e-global-color-text );--tabs-border-radius:10px 10px 10px 10px;--tabs-spacing:24px;--sections-border-type:none;}.elementor-51642 .elementor-element.elementor-element-68b90db .e-my-account-tab .woocommerce .woocommerce-MyAccount-navigation ul li a{border-width:1px 1px 1px 1px;}@media(max-width:1366px){.elementor-51642 .elementor-element.elementor-element-fb9214b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-51642 .elementor-element.elementor-element-587002b .elementor-heading-title{font-size:var( --e-global-typography-82cd4b5-font-size );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );}.elementor-51642 .elementor-element.elementor-element-c3da923{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0rem;--padding-bottom:6.4rem;--padding-left:0rem;--padding-right:0rem;}}@media(max-width:1024px){.elementor-51642 .elementor-element.elementor-element-fb9214b{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-51642 .elementor-element.elementor-element-587002b .elementor-heading-title{font-size:var( --e-global-typography-82cd4b5-font-size );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );}.elementor-51642 .elementor-element.elementor-element-c3da923{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0rem;--padding-bottom:8rem;--padding-left:0rem;--padding-right:0rem;}}@media(max-width:768px){.elementor-51642 .elementor-element.elementor-element-fb9214b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-51642 .elementor-element.elementor-element-587002b{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 2rem) 0rem;}.elementor-51642 .elementor-element.elementor-element-587002b .elementor-heading-title{font-size:var( --e-global-typography-82cd4b5-font-size );line-height:var( --e-global-typography-82cd4b5-line-height );letter-spacing:var( --e-global-typography-82cd4b5-letter-spacing );}.elementor-51642 .elementor-element.elementor-element-c3da923{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:4.8rem;--padding-left:0rem;--padding-right:0rem;}}/* Start custom CSS for container, class: .elementor-element-c3da923 *//***********************************************
         * 1. Layout Principal e Estrutura da Conta
         ***********************************************/
          /* Fonte */
          #customer_login,
          .custom-sidebar-wrapper,
          .custom-sidebar-wrapper *,
          .woocommerce-MyAccount-content {
            font-family: 'Quicksand', sans-serif !important;
          }
          /* Para <a class="button"> ou <button class="button"> dentro de tabelas */
          table .button + .button {
            margin-left: 12px; /* espaço de 24px entre botões */
          }
          /* negativo: inline style vem com color:#E64812 */
          table.woocommerce-MyAccount-points-history
            td[data-title="Pontos"][style*="E64812"] {
            color: #E64812 !important; /* seu vermelho */
              font-weight: 700;
          }
          /* positivo: inline style vem com color:#12E6B8 */
          table.woocommerce-MyAccount-points-history
            td[data-title="Pontos"][style*="12E6B8"] {
            color: #12E6B8 !important; /* seu verde */
              font-weight: 700;
          }
          /* Layout e Colunas */
              /* Títulos brancos */
          .woocommerce-MyAccount-content h2,
          .woocommerce-MyAccount-content header > h2 {
            color: #fff !important;
          }
          h3 {
             color: #fff !important;
          }
            /* Apagar tabela de DOwnload em pedidos*/
          .hide-order-downloads {
        display: none !important;
      }
      
           /* Remova outline, borda e sombra em focus/hover/active */
          }
          .woocommerce-MyAccount-content-wrapper input:focus,
          .woocommerce-MyAccount-content-wrapper input:hover,
          .woocommerce-MyAccount-content-wrapper input:active {
            outline: none !important;
            border-color: #333 !important;
            background-color: #000 !important;
            box-shadow: none !important;
          }
          /* Elimine o “branco” que o Chrome pinta no autofill */
          input:-webkit-autofill,
          input:-webkit-autofill:hover,
          input:-webkit-autofill:focus,
          textarea:-webkit-autofill,
          textarea:-webkit-autofill:hover,
          textarea:-webkit-autofill:focus {
            -webkit-text-fill-color: #fff !important;                               
            -webkit-box-shadow: 0 0 0px 1000px #000 inset !important;                
                box-shadow: 0 0 0px 1000px #000 inset !important;
            transition: background-color 5000s ease-in-out 0s !important;           
          }
         /* ropdown e pesquisa de país (IntlTelInput) */
          .iti__country-list .iti__country {
            background-color: #474747 !important;
            color: #fff !important;
          }
          .iti__country-list .iti__country:hover {
            background-color: #5a5a5a !important;
          }
          .iti__search-input {
            background-color: #5a5a5a !important;
            color: #fff !important;
            border: 1px solid #666 !important;
          }
          .iti__country-list::-webkit-scrollbar {
            width: 8px;
          }
          .iti__country-list::-webkit-scrollbar-thumb {
            background-color: #888;
            border-radius: 4px;
          }
          .iti__country-list::-webkit-scrollbar-track {
            background-color: #333;
          }
      
          /* Hover País Telefone */
          .iti__selected-country:hover {
            background: #E612D9;
          }
      
          /* Legenda de fieldset */ 
          .woocommerce-EditAccountForm fieldset > legend {
            color: #fff !important;
          }
      
          /* Stripe arrow (before/after) e fundo da caixa */
          .woocommerce-PaymentBox.payment_method_stripe {
            background: #000 !important;
          }
          .woocommerce-PaymentBox.payment_method_stripe::before {
            border-bottom-color: #000 !important;
          }
          .woocommerce-PaymentBox.payment_method_stripe::after {
            border-bottom-color: #28a745 !important;
          }
      
          /* Formulário UPE */
          .wc-upe-form.wc-payment-form {
            padding: 2.4rem !important;
            border: 1px solid #292929 !important;
            border-radius: 1rem !important;
          }
      
          /* Social login */
          .wc-social-login-profile {
            border: none !important;
          }
      
          /* Remover fundo de área de pagamento */
          #payment {
            background: none !important;
          }
          /**************
      
          /* Conteúdo fluido */
          .woocommerce-MyAccount-content {
            width: 980px !important;
          }
           /* Container principal flex */
          .elementor-widget-woocommerce-my-account .woocommerce {
            display: flex !important;
            align-items: stretch !important;
          }
          /* 1) Só dispara o flex quando houver sidebar wrapper + conteúdo principal */
          .elementor-widget-woocommerce-my-account .woocommerce 
            > .custom-sidebar-wrapper 
            + .woocommerce-MyAccount-content {
            display: flex !important;
            align-items: flex-start !important;
          }
           /* Garante que cada item não quebre a linha sozinho */
          .elementor-widget-woocommerce-my-account .yith-wcaf-dashboard-navigation-item {
            flex: none !important;
            margin: 0 !important;
          }   
          /* 2) Sidebar fixa à esquerda */
          .elementor-widget-woocommerce-my-account .woocommerce 
            > .custom-sidebar-wrapper {
            flex: 0 0 288px !important;
            margin-right: 40px !important;
            display: flex !important;
            flex-direction: column !important;
            box-sizing: border-box !important;
          }
            /* Sidebar e conteúdo flex */
          .elementor-widget-woocommerce-my-account .custom-sidebar-wrapper,
          .elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
            display: flex !important;
            flex-direction: column !important;
            box-sizing: border-box !important;
            padding: 10px !important;
          }
          /* 3) Conteúdo principal à direita, preenche o resto */
          .elementor-widget-woocommerce-my-account .woocommerce 
            > .custom-sidebar-wrapper 
            + .woocommerce-MyAccount-content {
            flex: 1 1 auto !important;
            display: flex !important;
            flex-direction: column !important;
            box-sizing: border-box !important;
          }
          /* 4) Mensagens (notices) full-width acima das colunas */
          .elementor-widget-woocommerce-my-account .woocommerce 
            > .woocommerce-notices-wrapper {
            order: -1 !important;
            flex: 1 0 100% !important;
            width: 100% !important;
            margin-bottom: 1.5em !important;
          }
           /* 5) Abas da Área de Afiliado em linha, não empilhadas */
          .elementor-widget-woocommerce-my-account .yith-wcaf-dashboard-navigation {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: wrap !important;
            gap: 0.5em 2em !important;    /* espaço vertical e horizontal */
            margin: 1em 0 !important;
          }
          /*  6) Título da conta (fullwidth) */
          .woocommerce-MyAccount-content-wrapper > h2.cfm-title-downloads,
          .woocommerce-MyAccount-content-fullwidth > h2,
          .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper .ase-wishlist-wrap > h2,
          h2.cfm-title-edit-account,
          h2.cfm-title-payment-methods,
          h2.cfm-title-subscriptions,
          h2.cfm-title-subscription-details,
          h2.cfm-title-order,
          .ctm-affiliate-title 
          {
           font-family: 'Quicksand', sans-serif !important;
            font-weight: bold !important;
            font-size: clamp(3.2rem, 2.8364rem + 1.4545vw, 4rem) !important;
            margin: 0 0 4.8rem 0 !important;
          }
          .woocommerce-MyAccount-content-wrapper {
            background: transparent !important;
            padding: 0 !important;
          }
          
 
  
        
      
          /***********************************************
         * 1.1 Minha Conta - Entrar ou Cadastrar-se (usuário deslogado)
         ***********************************************/
          /*  Reset para login/registro (usuário deslogado mantém display block) */
          body:not(.logged-in) .elementor-widget-woocommerce-my-account .woocommerce {
            display: block !important;
          }
          body:not(.logged-in) .elementor-widget-woocommerce-my-account .woocommerce 
            > .woocommerce-notices-wrapper {
            width: 100% !important;
            margin-bottom: 1em !important;
          }
          #customer_login h2 {
            color: white !important;
          }
          .woocommerce-ResetPassword p,
          #customer_login p {
            color: #aaa !important;
          }
          #customer_login a {
            color: white  !important;
          }
          /* Campos de Entrada */
          #password_1,
          #password_2,
          #password_current,
          .woocommerce-ResetPassword input#user_login,
          #customer_login input.input-text {
            border: 1px solid white;
            border-radius: 0.5rem;
            background: black;
      
          }
          /* Label */
          .woocommerce-ResetPassword label,
          #customer_login label {
            display: inline-block !important;
            position: relative !important;
            z-index: 10 !important;
            margin: 0rem 0rem -1.8rem 3.64rem !important; 
            padding: 4px 12px !important;      
            background: black !important;     
            color: white !important;
            border: none !important;
          }
          /* Campo de input um pouco “por baixo” do label */
          #customer_login input.input-text {
            position: relative !important;
            z-index: 1 !important;
            margin-top: 0px !important;            
          }
          /* Caso exista esse span/pai que empurre o input pra frente */
          #customer_login .password-input {
            position: relative !important;
            z-index: 1 !important;
          }
          /* Garante que nada corte a interseção */
          #customer_login p.woocommerce-form-row {
            overflow: visible !important;
          }
        .elementor-element-9696b52 .e-my-account-tab.e-my-account-tab__ > .woocommerce:has(> form.woocommerce-ResetPassword),
          .elementor-element-9696b52 .e-my-account-tab.e-my-account-tab__ > .woocommerce:has(> .woocommerce-message) {
            display: block !important;
          }
           .elementor-element-9696b52 .e-my-account-tab.e-my-account-tab__ > .woocommerce:has(> form.woocommerce-ResetPassword) 
            > .woocommerce-notices-wrapper,
          .elementor-element-9696b52 .e-my-account-tab.e-my-account-tab__ > .woocommerce:has(> .woocommerce-message) 
            > .woocommerce-notices-wrapper {
            width: 100% !important;
            margin-bottom: 1em !important;
            clear: both !important;
            display: block !important;
          }
            /* Ícones */
          #username,
          #reg_email,
          #user_login
          {
          background-image: url('/wp-content/uploads/midia/usuario-branco_usuario-branco.svg') !important;
          background-repeat: no-repeat !important;       
          background-size: 21px 21px !important;     
            background-position: left 10px top 10px !important;
          }
          #password,
          #reg_password,
          #password_current,
          #password_1,
          #password_2   {
          background-image: url('/wp-content/uploads/midia/chave-senha_chave-senha.svg') !important;
          background-repeat: no-repeat !important;       
          background-size: 21px 21px !important;     
            background-position: left 10px top 10px !important;
          }
          /***********************************************
         * Toggle “Lembre‑me” em Minha Conta
         ***********************************************/
        .woocommerce-form__label-for-checkbox > span {
          margin-left: 48px;
        }
        .woocommerce-form__label-for-checkbox:has(input:checked) > span {
          font-weight: 700 !important;
        }
        .woocommerce-form__label-for-checkbox,
        .woocommerce-form__label-for-checkbox * {
          overflow: visible !important;
        }
        .woocommerce-form__input-checkbox {
          opacity: 0;
          position: absolute;
          width: 0;
          height: 0;
        }
        .woocommerce-form__label-for-checkbox {
          position: relative !important;
          display: inline-block;
          padding-left: 60px !important;
          cursor: pointer;
          font-family: 'Quicksand', sans-serif;
        }
        .woocommerce-form__label-for-checkbox::before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 50px;
          height: 20px;
          background: #5C5C5C;
          border-radius: 25px;
          transition: background 0.3s;
          z-index: 1;
        }
        .woocommerce-form__label-for-checkbox::after {
          content: "";
          position: absolute;
          left: 2px;
          top: 50%;
          transform: translateY(-50%);
          width: 16px;
          height: 16px;
          background: #fff;
          border-radius: 50%;
          transition: left 0.3s, background 0.3s;
          z-index: 2;
        }
        .woocommerce-form__label-for-checkbox:has(input:checked)::before {
          background: #E5B8E2;
        }
        .woocommerce-form__label-for-checkbox:has(input:checked)::after {
          left: 32px;
          background: #E612D9;
        }
        .woocommerce-form__label-for-checkbox:active::after {
          width: 20px;
        }
        /***********************************************
         * Campos de senha e login
         ***********************************************/
        input.woocommerce-Input,
        .password-input {
          position: relative !important;
          z-index: 0 !important;
        }
        #user_login,
        #password_current,
        #password_1,
        #password_2,
        #customer_login input.input-text {
          padding-left: 4.2rem !important;
          color: #aaa !important;
        }
        #password_strength {
          color: black !important;
        }
        .show-password-input {
          filter: invert(100%) !important;
        }
        .woocommerce-MyAccount-content .show-password-input {
          filter: invert(1) brightness(1.5) !important;
        }
        /***********************************************
         * Recuperar Senha (ResetPassword)
         ***********************************************/
        .woocommerce-ResetPassword {
          width: 75% !important;
          display: block !important;
          float: none !important;
          margin: 0 auto !important;
        }
      
        /* Mensagem WooCommerce após Reset */
        .elementor-element-9696b52 .woocommerce .woocommerce-message + p {
          color: white !important;
          font-size: 1.2rem;
          font-family: 'Quicksand', sans-serif !important;
        }
      
            /***********************************************
           * 1.2. Navegação Lateral (Minha Conta)
           ***********************************************/
          /* Forçar largura total */
          nav.woocommerce-MyAccount-navigation {
            width: 100% !important;
          }
      
          /* Sidebar fixa */
          .custom-sidebar-wrapper {
            width: 288px !important;
            margin-right: 40px !important;
          }
      
          /* Links padrão */
          nav.woocommerce-MyAccount-navigation ul li a {
            border: 1px solid white !important;
            color: white !important;
            box-shadow: 3px 3px 0px white !important;
          }
          /* Hover e Active agrupados */
          nav.woocommerce-MyAccount-navigation ul li a:hover,
          nav.woocommerce-MyAccount-navigation ul li a:active {
            box-shadow: 2px 2px 0px white !important;
            margin-left: 1px !important;
            margin-top: 1px !important;
          }
          /* Itens sem ID (seção 7) */
          nav.woocommerce-MyAccount-navigation ul li:not([id]) a {
            background: #292929 !important;
            color: white !important;
          }
          /***********************************************
           * 1.3. Ícones das Abas
           ***********************************************/
          /* Base do ícone */
          nav.woocommerce-MyAccount-navigation a::before {
            content: '' !important;
            display: inline-block !important;
            width: 20px !important;
            height: 20px !important;
            margin-right: 8px !important;
            vertical-align: middle !important;
            background-repeat: no-repeat !important;
            background-position: center center !important;
            background-size: contain !important;
            filter: brightness(0) invert(1) !important;
          }
          /* Conta (toggle) */
          li.woocommerce-MyAccount-navigation-link--conta_toggle > a::before {
            background-image: url('/wp-content/uploads/midia/usuario-branco_usuario-branco.svg') !important;
          }
          /* Pontos e Desconto */
          li.woocommerce-MyAccount-navigation-link--pontos-e-cupons > a::before {
            background-image: url('/wp-content/uploads/midia/coin-points.svg') !important;
          }
          /* Favoritos */
          li.woocommerce-MyAccount-navigation-link--favoritos > a::before {
            background-image: url('/wp-content/uploads/midia/estrela_marcada.svg') !important;
          }
          /*  Pedidos e Avaliações */
          li.woocommerce-MyAccount-navigation-link--orders > a::before {
            background-image: url('/wp-content/uploads/midia/icon-cart-black.svg') !important;
          }
          /* Configurações (menu padrão) */
          li.woocommerce-MyAccount-navigation-link--edit-account > a::before {
            background-image: url('/wp-content/uploads/midia/engrenagem.svg') !important;
          }
          /* Downloads (toggle) */
          li.woocommerce-MyAccount-navigation-link--assinaturas_toggle > a::before {
            background-image: url('/wp-content/uploads/midia/seta-para-baixo.svg') !important;
          }
          /* Assinaturas (submenu) */
          li.woocommerce-MyAccount-navigation-link--subscriptions > a::before {
            background-image: url('/wp-content/uploads/midia/recorrencia.svg') !important;
          }
          /* Baixar Produtos */
          li.woocommerce-MyAccount-navigation-link--baixar > a::before {
            background-image: url('/wp-content/uploads/midia/download-arrow-icon.svg') !important;
          }
          /* Área de Afiliado (toggle) */
          li.woocommerce-MyAccount-navigation-link--afiliado_toggle > a::before {
            background-image: url('/wp-content/uploads/midia/afiliados.svg') !important;
          }
          /* Dashboard (submenu) */
          li.woocommerce-MyAccount-navigation-link--affiliate-dashboard > a::before {
            background-image: url('/wp-content/uploads/midia/dashboard.svg') !important;
          }
          /* Comissões */
          li.woocommerce-MyAccount-navigation-link--commissions > a::before {
            background-image: url('/wp-content/uploads/midia/money.svg') !important;
          }
          /* Visitas */
          li.woocommerce-MyAccount-navigation-link--clicks > a::before {
            background-image: url('/wp-content/uploads/midia/clicks.svg') !important;
          }
          /* Cupons */
          li.woocommerce-MyAccount-navigation-link--coupons > a::before {
            background-image: url('/wp-content/uploads/midia/Cupom.svg') !important;
          }
          /* Pagamentos */
          li.woocommerce-MyAccount-navigation-link--payments > a::before {
            background-image: url('/wp-content/uploads/midia/nota.svg') !important;
          }
          /* Gerar Link */
          li.woocommerce-MyAccount-navigation-link--generate-link > a::before {
            background-image: url('/wp-content/uploads/midia/link.svg') !important;
          }
          /* Configurações (afiliado) */
          li.woocommerce-MyAccount-navigation-link--settings > a::before {
            background-image: url('/wp-content/uploads/midia/Engrenagens.svg') !important;
          }
          /* Suporte (toggle) */
          li.woocommerce-MyAccount-navigation-link--suporte_toggle > a::before {
            background-image: url('/wp-content/uploads/midia/Headset.svg') !important;
          }
          /* Central de Ajuda */
          li.woocommerce-MyAccount-navigation-link--central-de-ajuda > a::before {
            background-image: url('/wp-content/uploads/midia/salva-vidas-1.svg') !important;
          }
          /* Chamados */
          li.woocommerce-MyAccount-navigation-link--chamados > a::before {
            background-image: url('/wp-content/uploads/midia/ticket-icon-suporte.svg') !important;
          }
          /* Métodos de Pagamento */
          li.woocommerce-MyAccount-navigation-link--payment-methods > a::before {
            background-image: url('/wp-content/uploads/midia/cartoes-de-credito.svg') !important;
          }
      
          /***********************************************
           * 1.3 Toggles de Acordeão
           ***********************************************/
          .elementor-widget-woocommerce-my-account .e-my-account-tab > .woocommerce {
            width: 100% !important;
          }
          /* Espaço à direita */
          .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--conta_toggle > a,
          .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--afiliado_toggle > a,
          .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--suporte_toggle > a {
            position: relative;
            padding-right: 2rem;
          }
          /* Chevron via ::after */
          .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--conta_toggle > a::after,
          .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--afiliado_toggle > a::after,
          .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--suporte_toggle > a::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 1rem;
            width: 18px;
            height: 18px;
            background-image: url("/wp-content/uploads/midia/chevron-right.svg");
            background-repeat: no-repeat;
            background-size: contain;
            transform: translateY(-50%) rotate(90deg);
            filter: brightness(0) invert(1);
            pointer-events: none;
            transition: transform .2s ease;
          }
          /* Rotacionar ao abrir */
          #menu-conta-toggle.active > a::after,
          #menu-afiliado-toggle.active > a::after,
          #menu-suporte-toggle.active > a::after {
            transform: translateY(-50%) rotate(270deg);
          }
      
            /***********************************************
           * 1.4 Contador de Créditos de Download e Pontos 
           ***********************************************/
          /* Link de download de créditos */
          .user-download-credits a {
            display: block; /* ou flex */
            flex-direction: column;
            align-items: center;
            text-decoration: none;
            color: inherit;
            font-size: 1rem;
          }
          /* Ícone no link */
          .user-download-credits img {
            width: 58px;
            height: 58px;
            margin-bottom: 0.5rem;
          }
          /* Número de créditos */
          .user-download-credits, .credits-count {
            font-size: 3rem;
            font-weight: bold;
            line-height: 1;
            margin-bottom: 0.25rem;
            color: #666;
          }
          /* Container grid */
          .download-box {
            display: grid;
            grid-template-columns: 1fr 2fr;
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 7px 7px 14px #080808,
                  -7px -7px 14px #171717;
            margin: 0rem 0rem 1.2rem 0rem;
          }
          /* Coluna genérica */
          .download-box .col {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0.5rem;
            background-color: #0f0f0f !important;
          }
          /* Label */
          .download-box .col-label {
            background-color: black !important;
            color: #aaaaaa !important;
          }
          /*Contagem */
          .download-box .col-count {
            background: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
          }
          /* Ícone dentro da box */
          .dl-icon {
            width: 34px !important;
            height: 34px !important;
            margin-bottom:  4px !important;
            filter: brightness(0) invert(1) !important;
          }
          /*Texto explicativo */
          .dl-text {
            font-size: 1rem;
            font-weight: 400 !important;
          }
          /* Limite diário */
          .user-download-credits .daily-limit {
            display: block;
            font-size: 0.875rem;
            color: #666;
            margin-top: 0.25rem;
          }
      
            /***********************************************
           * 1.5 Custom Textos
           ***********************************************/
          /* Estilo base */
          #custom-textos {
            font-size: 1.2rem;
            margin-top: 2.4rem;
          }
          /* Hover geral */
          #custom-textos a:hover,
          #custom-textos a:hover * {
            color: #FFFFFF !important;
          }
          /* Ícone mask no hover */
          #custom-textos a:hover .ctm-icon {
            background-color: #FFFFFF !important;
          }
          /* Base do mask (icone com máscara)*/
          .ctm-icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            margin-right: 16px;
            flex-shrink: 0;
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
          }
          /* Cinza */
          .ctm-icon--gray { background-color: #AAAAAA !important; }
          /* Branco */
          .ctm-icon--pink { background-color: #FFFFFF !important; }
      
          /***********************************************
           * 1.6 Logout (item especial, último item)
           ***********************************************/
          /*  Estilo do link de logout */
          nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
            border: none !important;
            background: none !important;
            box-shadow: none !important;
            padding: 0px !important;
            margin-left: -1.2rem !important;
            margin-bottom: 2.4rem !important;
            font-weight: 400 !important;
            height: 6.4rem;
            align-content: end;
          }
      
          /***********************************************
           * 1.7 Botão Dashboard (Geral) primeiro botão
           ***********************************************/
          /* Estilo do botão */
          .custom-sidebar-wrapper #dashboard-button {
            background: #292929 !important;
            text-align: center !important;
            border-radius: 1rem !important;
            text-decoration: none !important;
            font-size: 1.4rem !important;
            border: 1px solid white;
            box-shadow: 3px 3px 0px white !important;
            font-weight: 700;
          }
          /* Padding */
          #dashboard-button,
          .dashboard-button {
            padding: 0px !important;
          }
          /* Hover */
          .custom-sidebar-wrapper #dashboard-button:hover {
            box-shadow: 2px 2px 0px white;
            margin-top: 1px;
            margin-left: 1px;
          }
          /* Active */
          .custom-sidebar-wrapper #dashboard-button:active {
            box-shadow: 0px 0px 0px white;
            margin-top: 3px;
            margin-left: 3px;
          }
          /* Link interno */
          .custom-sidebar-wrapper #dashboard-button a {
            color: white !important;
            width: 100% !important;
            display: block !important;
            padding: 0.875rem !important;
          }
      
          /***********************************************
           * 1.8 Loader Overlay + 20. Animação Spin
           ***********************************************/
          /* Overlay completo */
          #page-loader {
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: #000 !important;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 99999;
          }
          /* Spinner */
          #page-loader .loader-spinner {
            width: 40px;
            height: 40px;
            border: 4px solid rgba(255,255,255,0.3);
            border-top-color: #E612D9;
            border-radius: 50%;
            animation: spin 1s linear infinite;
          }
      
          /* keyframes spin */
          @keyframes spin {
            to { transform: rotate(360deg); }
          }
      
        /***********************************************
         * 2. Seção: Saldo de Cupons e Pontos (ABA: CUPONS E PONTOS)
         ***********************************************/
        /* Estilo base para o saldo de pontos */
        .saldo-pontos {
          padding: 0 !important;
          display: inline-block !important;
          background-color: #0f0f0f !important;
          margin: 0px !important;
          line-height: 1em !important;
          height: 24px !important;
          font-family: 'Quicksand', sans-serif !important;
        }
        /* Ajusta margem e padding para ícone e saldo */
        .saldo-pontos {
          margin: 20px 0;
          padding: 15px;
        }
        /* Estilo para o título (h3) dentro do saldo de pontos */
        .saldo-pontos > h3 {
          color: #aaaaaa !important;
        }
        /* Exibe o título em flex para centralizar o conteúdo */
        .saldo-pontos h3 {
          margin: 0;
          display: flex;
          align-items: center;
        }
        /* Adiciona um ícone antes do título do saldo de pontos */
        .saldo-pontos h3::before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 21px;
          height: 21px;
          margin-right: 8px; /* Espaço entre o ícone e o texto */
            background-image: url('/wp-content/uploads/midia/coin-points.svg') !important;
            filter: brightness(0) invert(1) !important;
          background-repeat: no-repeat;
          background-size: contain;
        }
        /* Estilo para a mensagem de aviso de pontos */
        .aviso-pontos {
          border: 2px solid white !important;
          border-radius: 1rem;
          box-shadow: 3px 3px 0px white !important;
          background-color: black !important;
          color: #aaaaaa !important;
          font-family: 'Quicksand', sans-serif !important;
          padding: 2rem !important;
        }
        /* Estilo para links dentro do aviso de pontos */
        .aviso-pontos a {
          color: white !important;
          text-decoration: none !important;
        }
        /* Estilo para o título (h2) do aviso de pontos */
        .aviso-pontos > h2 {
          color: white !important;
          line-height: 1.4em !important;
          margin: 0 0 2.4rem 0 !important;
        }
        /* Estilo para o formulário de troca de pontos por cupom */
        .form-troca-pontos {
          font-family: 'Quicksand', sans-serif !important;
          padding: 4.8rem 2.4rem!important;
          border: 1px solid #aaaaaa !important;
          border-radius: 1rem !important;
          box-shadow: 3px 3px 0px #aaaaaa;
        }
          /* Estilo para o formulário de troca de pontos por cupom */
          .yith-wcmbs-membership-plan-items__item,
          .ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-icons,
          .ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active.ui-accordion-icons,
          .yith-wcmbs-my-account-membership-container.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active,
          .ui-accordion-header,
          .yith-wcmbs-membership-detail,
          .woocommerce-ResetPassword.lost_reset_password,
          .woocommerce-form.woocommerce-form-login.login,
          .woocommerce-form.woocommerce-form-register.register
          {
            font-family: 'Quicksand', sans-serif !important;
            padding: 2rem !important;
            border: 1px solid #aaaaaa !important;
            border-radius: 1rem !important;
            box-shadow: 3px 3px 0px #aaaaaa !important;
            background: black !important;
          }
          .ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-icons,
          .ui-accordion-header.ui-corner-top.ui-state-default.ui-accordion-header-active.ui-state-active.ui-accordion-icons {
            color: white !important;
          }
          .yith-wcmbs-my-account-membership-container.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active {
            margin-top: 2.4rem !important;
          }
        /* Título do formulário de troca de pontos */
        .form-troca-pontos > h3 {
          color: white !important;
          display: flex !important;
          align-items: center !important;
          margin: 0 0 2.4rem 0 !important;
        }
          /* Avisos sobre a expiração dos pontos */
          .aviso-expiracao {
            margin: 20px 0;
            padding: 15px;
            background: black;
            border-radius: 1rem !important;
            font-family: 'Quicksand', sans-serif;
          }
          /*  Quando expiring */
          .aviso-expiracao.expiring {
            border: 2px solid #E64812;
            color: #aaa;
            box-shadow: 3px 3px 0px #E64812;
             position: relative;
          }
          /* Quando none-expiring */
          .aviso-expiracao.none-expiring {
            border: 2px solid #aaaaaa;
            color: #aaa;
            border-radius: 1rem;
            box-shadow: 3px 3px 0px #aaaaaa;
          }
          /* Layout do parágrafo */
          .aviso-expiracao.expiring p {
            display: flex;
             margin: 0;
        position: relative;
        padding-left: 2.8rem !important;
          }
       /* Ícone de Aviso  */
      .aviso-expiracao.expiring p::before {
        content: "";
        position: absolute;
        left: 1px;
        top: 50%;
        transform: translateY(-50%);
        width: 21px;
        height: 21px;
        display: block;
           background-color: #E64812 !important; 
           -webkit-mask: url('/wp-content/uploads/midia/icone_informacao.svg') no-repeat center/contain !important;
           mask: url('/wp-content/uploads/midia/icone_informacao.svg') no-repeat center/contain !important;
      }
      
        /* Ícone antes do título do formulário de troca */
        .form-troca-pontos h3::before {
          content: "";
          display: inline-block;
          width: 18px;
          height: 18px;
          margin-right: 12px;
            background-image: url('/wp-content/uploads/midia/cupom-ticket-branco.svg') !important;
          background-repeat: no-repeat;
          background-size: contain;
        }
        /* Estilo para o preview do cupom */
        #preview-cupom p strong {
          color: #aaaaaa !important;
        }
        /* Estilo para o input de número de pontos a trocar */
        .yith-wcaf-table-top-bar select[name="status"],
        #points_to_exchange {
          font-size: 1.4rem !important;
          border-radius: 1rem !important;
          padding: 1.8rem !important;
          border: none !important;
          color: white !important;
          background: linear-gradient(145deg, #0e0e0e, #101010);
          box-shadow: 7px 7px 14px #080808,
                      -7px -7px 14px #171717;
          width: 328px !important;
        }
  label[for="points_to_exchange"]  {
    color: white !important;
  }

        #points_to_exchange:focus {
          outline: none !important;
          border: none !important;
        }
        /* Botões de controle de input */
        .custom-number-input {
          position: relative;
          display: inline-block;
        }
        /* Container flex para input e botões */
        .custom-number-wrapper {
          display: flex;
          align-items: center;
        }
        /* Estilo do input dentro do container */
        .custom-number-wrapper input[type="number"] {
          width: 200px;
          padding: 8px;
          font-size: 1.4rem;
          border-radius: 1rem;
          border: none;
          color: white;
          background: linear-gradient(145deg, #0e0e0e, #101010);
          box-shadow: 7px 7px 14px #080808,
                      -7px -7px 14px #171717;
        }
        /* Container dos botões "+", "-" (lado a lado, fora do input) */
        .custom-arrows {
          display: flex;
          flex-direction: row;
          margin-left: 10px;
        }
        /* Estilização dos botões com ícone SVG embutido */
        .custom-arrows .arrow {
          background-color: black !important;
          transform: none !important;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          color: white;
          border: 1px solid white;
           box-shadow: 3px 3px 0px white;
           height: 3.6rem;
           width: 3.6rem;
        }
        .arrow-down {
            margin-left: 1.2rem !important;
        }
        .arrow-up::before {
          content: "+";
        }
        .arrow-down::before {
          content: "-";
        }
        .custom-arrows .arrow:hover {
          position: relative !important;
          text-shadow: none;
          top: 1px !important;
          left: 1px !important;
        }
        .arrow-up:hover,
        .arrow-down:hover{
          box-shadow: 2px 2px 0px white !important;
        }
        .custom-arrows .arrow:active {
          position: relative !important;
          text-shadow: none;
          top: 3px !important;
          left: 3px !important;
        }
        .arrow-up:active {
          box-shadow: 0px 0px 0px white !important;
        }
        .arrow-down:active {
          box-shadow: 0px 0px 0px white !important;
        }
          /* Estilização dos botões com ícone SVG embutido */ 
          /* Botão de Encerrar Chamado e Filtrar*/
          .yith-wcaf-table-top-bar 
            input[type="submit"][value="Filtrar"]::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 16px;   /* defina o tamanho desejado para o ícone */
            height: 16px;
            margin-right: 8px;       /* espaço entre ícone e texto */
            background-color: #000;  /* cor do ícone – aqui coloque branco (#fff) 
                          ou a cor que desejar que preencha o SVG */
            mask: url("/wp-content/uploads/midia/filtro-icone.svg") no-repeat center;
            -webkit-mask: url("/wp-content/uploads/midia/filtro-icone.svg") no-repeat center;
          }
          .btn.button.reset-filters,
          .yith-wcaf-table-top-bar input[type="submit"][value="Filtrar"],
          form#wt-reply-form input[name="wt_close_ticket"] {
          position: relative !important;
            box-shadow: 3px 3px 0px white !important;
            font-weight: 400;
            background-color: gray !important;
            border: 2px solid white !important;
            color: white !important;;
            border-radius: 1rem !important;
            transition: all 0.1s ease;
            padding: 1.6rem !important;
          }
          .btn.button.reset-filters:hover,
          .yith-wcaf-table-top-bar input[type="submit"][value="Filtrar"]:hover,
          form#wt-reply-form input[name="wt_close_ticket"]:hover {
             box-shadow: 2px 2px 0px white !important;
            text-shadow: none;
            top: 2px !important;
            left: 2px !important;
            cursor: pointer !Important;
          }
          .btn.button.reset-filters:active,
          .yith-wcaf-table-top-bar input[type="submit"][value="Filtrar"]:active,
          form#wt-reply-form input[name="wt_close_ticket"]:active {
            box-shadow: 0px 0px 0px white !important;
            position: relative;
            top: 4px !important;
            left: 4px !important;
          }
        /* Remove spinners padrão para inputs numéricos (WebKit e Firefox) */
        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
          -webkit-appearance: none !important;
          margin: 0 !important;
        }
        input[type="number"] {
          -moz-appearance: textfield !important;
        }
          /* Botões: Botão de Troca de Pontos por Cupom, Botão de Abrir Chamado, Botão de Responder Chamado*/
          #ctm-gen-coupon-20,
          .button_method_payment,
          .button_loja,
          .woocommerce-ResetPassword .woocommerce-Button.button,
          .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
          .woocommerce-button.button.woocommerce-form-login__submit,
          .become-an-affiliate-form .become-an-affiliate .btn.button,
          #ctm_swap_pix_btn,
          #withdraw_modal_opener,
          #ctm-gen-coupon-next,
          #wt-reply-form input[name="wt_reply_submit"],
          #wt-new-ticket-form input[name="wt_submit_ticket"],
          .form-troca-pontos .button {
          position: relative !important;
            box-shadow: 3px 3px 0px white !important;
            background-color: #E612D9 !important;
            border: 2px solid white !important;
            font-weight: 400 !important;
            color: white !important;;
            border-radius: 1rem !important;
            transition: all 0.1s ease;    
          }
          #ctm-gen-coupon-20,
          .button_method_payment {
            padding: 0.8rem 1.6rem !important;
          }
           #ctm-gen-coupon-20:hover,
          .button_method_payment:hover,
          .button_loja:hover,
          .woocommerce-ResetPassword .woocommerce-Button.button:hover,
          .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover,
          .woocommerce-button.button.woocommerce-form-login__submit:hover,
          .become-an-affiliate-form .become-an-affiliate .btn.button:hover,
          #ctm_swap_pix_btn:hover,
          #withdraw_modal_opener:hover,
          #ctm-gen-coupon-next:hover,
          #wt-reply-form input[name="wt_reply_submit"]:hover,
          #wt-new-ticket-form input[name="wt_submit_ticket"]:hover,
          .form-troca-pontos .button:hover {
            box-shadow: 2px 2px 0px white !important;
            position: relative !important;
            text-shadow: none;
            top: 2px !important;
            left: 2px !important;
            cursor: pointer !Important;;
          }
          #ctm-gen-coupon-next:hover,
           #ctm-gen-coupon-20:hover{
              cursor: not-allowed !important;
           }
           #ctm-gen-coupon-20:active,
          .button_method_payment:active,
          .button_loja:active,
          .woocommerce-ResetPassword .woocommerce-Button.button:active,
          .woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:active,
          .woocommerce-button.button.woocommerce-form-login__submit:active,
          .become-an-affiliate-form .become-an-affiliate .btn.button:active,
          #ctm_swap_pix_btn:active,
          #withdraw_modal_opener:active,
          #ctm-gen-coupon-next:active,
          #wt-reply-form input[name="wt_reply_submit"]:active,
          #wt-new-ticket-form input[name="wt_submit_ticket"]:active,
          .form-troca-pontos .button:active {
              box-shadow: 0px 0px 0px white !important;
              position: relative;
              top: 4px !important;
              left: 4px !important;
          }
          .button_loja {
             padding: 1rem !important;
          }
          .call-to-store {
            margin-bottom: 2.4rem !important;
          }
        /* Botão de Troca de Pontos por Cupom */
        .form-troca-pontos .button {
          box-shadow: 5px 5px 0px white !important;
          background-color: #E612D9 !important;
          border: 2px solid white !important;
          border-radius: 1rem !important;
          transition: all 0.1s ease;
        }
        .form-troca-pontos .button:hover {
          box-shadow: 3.5px 3.5px 0px white !important;
          position: relative !important;
          text-shadow: none;
          top: 1.5px !important;
          left: 1.5px !important;
        }
        .form-troca-pontos .button:active {
          box-shadow: 0px 0px 0px white !important;
          position: relative;
          top: 5px !important;
          left: 5px !important;
        }
        /* Containers para histórico de pontos e tabela de cupons */
        .historico-pontos,
        .tabela-cupons {
          padding-top: 34px;
          border-top: 1px solid #5c5c5c;
        }
        /* Títulos das seções de histórico e cupons */
        .historico-pontos > h3,
        .tabela-cupons > h3 {
          color: white !important;
          display: flex !important;
          align-items: center !important;
          margin: 0 0 4.8rem 0 !important;
          font-family: 'Quicksand', sans-serif !important;
        }
      
        /* Estilização geral das tabelas de pontos e cupons */
        .woocommerce-MyAccount-points-history,
        .woocommerce-MyAccount-coupons {
          width: 100%;
          border-collapse: collapse;
          font-family: 'Quicksand', sans-serif !important;
          font-size: 1.6rem !important;
          color: red;
          background-color: black;
          margin: 20px 0;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        /* Cabeçalho das tabelas */
        .woocommerce-MyAccount-points-history thead th,
        .woocommerce-MyAccount-coupons thead th {
          background-color: white;
          color: #333;
          text-align: center;
          padding: 12px;
          font-size: 16px;
          border-bottom: 2px solid #ddd;
        }
        /* Células do corpo das tabelas */
        .woocommerce-MyAccount-points-history tbody td,
        .woocommerce-MyAccount-coupons tbody td {
          padding: 10px;
          text-align: center;
          border-bottom: 1px solid #ddd;
          vertical-align: middle;
        }
        /* Linhas alternadas para melhor visualização */
        .woocommerce-MyAccount-points-history tbody tr:nth-child(even),
        .woocommerce-MyAccount-coupons tbody tr:nth-child(even) {
          background-color: #292929;
        }
        /* Efeito hover nas linhas das tabelas */
        .woocommerce-MyAccount-points-history tbody tr:hover,
        .woocommerce-MyAccount-coupons tbody tr:hover {
          background-color: black;
        }
        /* Cor diferenciada para as duas primeiras colunas das tabelas */
        .woocommerce-MyAccount-points-history tbody td:first-child,
        .woocommerce-MyAccount-points-history tbody td:nth-child(2),
        .woocommerce-MyAccount-coupons tbody td:first-child,
        .woocommerce-MyAccount-coupons tbody td:nth-child(2) {
          color: #aaaaaa !important;
        }
        /** Tabelas:  ( Pontos e Cupons &  Pedidos e Avaliações) */
          /* Cabeçalhos */
          #yith_wcaf_dashboard_payments_table,
          #yith_wcaf_dashboard_coupons_table,
          #yith_wcaf_dashboard_clicks_table,
          #yith_wcaf_dashboard_commissions_table {
            border-spacing: 0px 0px !important;
          }
          #yith_wcaf_dashboard_payments_table thead th,
          #yith_wcaf_dashboard_coupons_table thead th, 
          #yith_wcaf_dashboard_clicks_table thead th, 
          #yith_wcaf_dashboard_commissions_table thead th,
          .woocommerce-MyAccount-paymentMethods.shop_table  thead th,
          .shop_table.order_details thead th,
          .shop_table.subscription_details thead th,
          .woocommerce-orders-table thead th,
          .woocommerce-MyAccount-points-history thead th,
          .woocommerce-MyAccount-coupons thead th {
            background-color: white;
            color: black !important;
            text-align: center;
            font-size: 1.6rem;
            border-bottom: 2px solid #6212E6 !important;
          }
          /*Tabela de Ver Pedidos */
          .woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
            padding: 0px !important;
          }
          #yith_wcaf_dashboard_clicks_table thead th a,
          #yith_wcaf_dashboard_payments_table th a {
            color: black !important;
          }
          /* Células do corpo */
          #yith_wcaf_dashboard_payments_table tbody td,
          #yith_wcaf_dashboard_coupons_table tbody td, 
          #yith_wcaf_dashboard_clicks_table tbody td, 
          #yith_wcaf_dashboard_commissions_table tbody td,
          .account-payment-methods-table tbody td,
          .shop_table.order_details tfoot th[scope="row"],
          .shop_table.order_details tfoot td,
          .shop_table.subscription_details tbody td,
          .woocommerce-orders-table tbody th,
          .woocommerce-orders-table tbody td,
          .woocommerce-MyAccount-points-history tbody td,
          .woocommerce-MyAccount-coupons tbody td {
            color: #aaa !important;
            vertical-align: middle;
            text-align: center !important;
          }
          /* Deixa o link do número do pedido e nome do produto na cor branca */
          #yith_wcaf_dashboard_payments_table a,
          #yith_wcaf_dashboard_coupons_table a,
          #yith_wcaf_dashboard_clicks_table a,
          #yith_wcaf_dashboard_commissions_table a,
          .shop_table.order_details td.product-name > a,
          .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number a {
            color: white !important;
          }
          /* Torna o texto dos títulos da tabela de comissões preto */
          #yith_wcaf_dashboard_commissions_table thead th a {
            color: #000 !important;
          }
          /* Torna o texto dos títulos da tabela de cliques preto */
          #yith_wcaf_dashboard_clicks_table thead th a {
            color: #000 !important;
          }
          /* Linhas alternadas (zebra-striping) */
          .woocommerce-MyAccount-paymentMethods.shop_table.shop_table_responsive.account-payment-methods-table tbody tr:nth-child(even),
          #yith_wcaf_dashboard_payments_table tbody tr:nth-child(even),
          #yith_wcaf_dashboard_coupons_table tbody tr:nth-child(even), 
          #yith_wcaf_dashboard_clicks_table tbody tr:nth-child(even), 
          #yith_wcaf_dashboard_commissions_table tbody tr:nth-child(even),
          .shop_table.order_details tbody tr:nth-child(even),
          .shop_table.subscription_details tbody tr:nth-child(even),
          .woocommerce-orders-table tbody tr:nth-child(even),
          .woocommerce-MyAccount-points-history tbody tr:nth-child(even),
          .woocommerce-MyAccount-coupons tbody tr:nth-child(even) {
            background-color: #292929;
          }
          /* Hover nas linhas */
          .woocommerce-MyAccount-paymentMethods.shop_table.shop_table_responsive.account-payment-methods-table tbody tr:hover,
          #yith_wcaf_dashboard_payments_table tbody tr:hover,
          #yith_wcaf_dashboard_coupons_table tbody tr:hover, 
          #yith_wcaf_dashboard_clicks_table tbody tr:hover, 
          #yith_wcaf_dashboard_commissions_table tbody tr:hover,
          .shop_table.order_details tbody tr:hover,
          .woocommerce-orders-table tbody tr:hover,
          .woocommerce-MyAccount-points-history tbody tr:hover,
          .woocommerce-MyAccount-coupons tbody tr:hover {
            background-color: black;
          }
          /* Seleciona só os botões da coluna “Ações” na tabela de pedidos */
          td.payment-method-actions .button,
          td.payment-method-actions button,
          a.button.wcs_deletion_error,
          .woocommerce-order-details .button.cancel.order-actions-button,
          .avaliado, .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button,
          .shop_table.subscription_details a.woocommerce-button {
            background-color: black !important;
            color: #fff !important;
            line-height: 1em !important;
            border: 1px solid #fff !important;
            border-radius: 0.5rem !important;
            box-shadow: 2px 2px 0px #fff !important;
            font-weight: 400;
            padding: 0.6rem 1.2rem !important;
            font-size: 1.2rem !important;
            text-decoration: none !important;
            transition: all 0.1s ease;
          }
          /* Hover */
          /* ao passar o mouse, garante que o texto fique branco */
          .woocommerce-order-details table.order_details th.order-actions--heading + td > a.button.cancel.order-actions-button:hover,
          .woocommerce-order-details a.avaliado.button.open-view-modal,
          .woocommerce-order-details a.avaliado.button.open-view-modal:hover,
          .woocommerce-order-details a.avaliado.button.open-view-modal:focus {color: #fff !important;}
          
          .avaliado:hover,
          td.payment-method-actions .button:hover,
          td.payment-method-actions button:hover,
          td.payment-method-actions a.button.wcs_deletion_error:hover,
          .shop_table.subscription_details a.woocommerce-button:hover,
          .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button:hover {
            box-shadow: 1px 1px 0px #fff !important;
            color: white !important;
            transform: translate(1.5px,1.5px) !important;
          }
          /* 3. Active (ao clicar) */
          .avaliado:active,
          td.payment-method-actions .button:active,
          td.payment-method-actions button:active,
          td.payment-method-actions a.button.wcs_deletion_error:active,
          .shop_table.subscription_details a.woocommerce-button:active, 
          .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.button:active {
            box-shadow: 0px 0px 0px white !important;
            transform: translate(5px,5px) !important;
          }
        /* Botão Copiar */
        .botao-copiar {
          width: 112px;
          background-color: black !important;
          border: 1px solid white !important;
          box-shadow: 3px 3px 0px white;
          border-radius: 1rem !important;
          font-size: 1.4rem !important;
        }
        .botao-copiar::before {
          content: '';
          display: inline-block;
          width: 12px !important;
          height: 12px !important;
          background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path fill='%23FFFFFF' d='M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z'/></svg>") no-repeat center center;
          background-size: contain;
          margin-right: 5px;
          vertical-align: middle;
        }
        .botao-copiar:hover {
          box-shadow: 2px 2px 0px white !important;
          position: relative !important;
          text-shadow: none;
          top: 2px !important;
          left: 2px !important;
        }
        .botao-copiar:active {
          box-shadow: 0px 0px 0px white !important;
          position: relative;
          top: 4px !important;
          left: 4px !important;
        }
        /* Paginação */
        .simple-pagination {
          font-family: 'Quicksand', sans-serif !important;
          display: flex !important;
          justify-content: flex-end !important;
        }
        #ui-id-2 .simple-pagination {
          margin-top: 1.2rem !important;
        } 
        .simple-pagination button {
          background: none !important;
          border: none !important;
          color: #aaaaaa !important;
          font-size: 16px !important;
          padding: 8px 12px !important;
          cursor: pointer !important;
        }
        .simple-pagination button:disabled {
          cursor: not-allowed !important;
          opacity: 0.5 !important;
        }
        .simple-pagination button.active {
          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;
          font-weight: 700;
          text-align: center;
          align-content: center;
        }
          #wt-accordion #ui-id-2 {
          box-shadow: none !important;
          }
          /* ─── chevron nos selects ───────────────────────────────────────────────── */
          .wt-select-chevron {
            position: relative;
            display: inline-block;
            width: 100%;
            overflow: visible;              
          }
          .wt-select-chevron select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            width: 100%;
            padding-right: 2.5rem !important; 
          }
          .wt-select-chevron::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 1rem;
            width: 2rem;
            height: 2rem;
            margin-top: -0.5rem;
            background: url("/wp-content/uploads/midia/chevron-right-no-colour.svg") no-repeat center center;
            transform: rotate(90deg);
            pointer-events: none;
            filter: brightness(0) saturate(100%) invert(20%);
            background-size: contain;        
          }
      
  /**/


  .intro-exchange > span {
    font-size: 1rem;
    margin-top: 1.5em;
    font-style: italic;
    color: #5c5c5c;
  }

        /***********************************************
         * 3. Seção: Favoritos (ABA: FAVORITOS)
         ***********************************************/
        /* Tabela da wishlist */
        .wishlist-table th {
          background: #34495e !important;
          color: #fff !important;
        }
        /* Preço e pontos dos produtos */
        .price-container {
          margin-bottom: 10px;
          font-weight: bold;
          color: #27ae60;
        }
        .product-points {
          min-width: 100px;
        }
        .apply-points-btn.loading {
          opacity: 0.7;
          pointer-events: none;
        }
        .product-actions .button {
          width: 100%;
          text-align: center;
          margin-top: 10px;
        }
        .novo-formato-desconto {
          line-height: 1.4;
          padding: 10px;
        }
        .original-price {
          color: #95a5a6;
          text-decoration: line-through;
          font-size: 14px;
        }
        .discounted-price {
          color: #2ecc71;
          font-size: 18px;
          font-weight: bold;
          margin: 5px 0;
        }
          .discount-message {
            color: #aaaaaa;
            font-size: 1.2rem;
            margin-bottom: 3px;
          }
          .discount-percentage {
            color: #E612D9;
            font-weight: bold;
            font-size: 14px;
          }
          .sem-pontos {
            color: #95a5a6;
            font-style: italic;
            padding: 10px;
            text-align: center;
          }
          /* Espaço reservado e ícone antes da mensagem de desconto */
          .unlock-points {
            position: relative;
            padding-left: 2.4rem; /* ajusta conforme quiser o espaçamento */
          }
          /* Pseudo-elemento que injeta o SVG como máscara */
          .unlock-points::before {
            content: "";
            position: absolute;
            left: 0;
            width: 18px;
            height: 18px;
            background-color: #aaa; /* cor do ícone */
            mask: url('/wp-content/uploads/midia/coin-points.svg') no-repeat center / contain;
            -webkit-mask: url('/wp-content/uploads/midia/coin-points.svg') no-repeat center / contain;
          }
        /* Botão de remover da wishlist */
        .ase-wishlist-remove {
          background: transparent !important;
          border: none !important;
          padding: 0 !important;
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto; /* Centraliza o ícone */
        }
        .close-icon {
          width: 24px !important; /* Aumenta o tamanho */
          height: 24px !important;
          fill: #e74c3c !important; /* Garante a cor */
          transition: all 0.3s ease;
        }
        .ase-wishlist-remove:hover .close-icon {
          fill: #c0392b !important;
          transform: rotate(90deg) scale(1.1); /* Efeito suave */
        }
        .preco-normal {
          font-size: 18px;
          font-weight: bold;
          color: #2ecc71;
          text-align: center;
          padding: 10px;
        }
          /* Botão de remover da wishlist e acesso rápido */
           .wishlist-table td.product-remove .ase-wishlist-remove {
            display: inline-flex;           
            font-size: 1.5rem;              
            padding: 1.2rem !important;
            border: 1px solid #aaaaaa !important;       
            box-shadow: 2px 2px 0 #aaaaaa;
            border-radius: 0.5rem !important;          
            cursor: pointer;
            background: transparent !important;
            width: 24px;
            height: 24px;
            align-items: center;
            justify-content: center;
            margin: 0 auto; 
            position: relative !important;
            bottom: 48px;
          }
          .wishlist-table td.product-remove .ase-wishlist-remove:hover{
              box-shadow: 1px 1px 0px #aaa !important;
            position: relative !important;
            left: 1px !important;
            bottom: 47px !important
          }
          .wishlist-table td.product-remove .ase-wishlist-remove:active{
            box-shadow: 0px 0px 0px #aaa !important;
            position: relative !important;
            left: 2px !important;
              bottom: 46px !important;
          }
              .wcbd-download-row-fav-remove {
                font-size: 1.8rem;
                line-height: 1em !important;
                padding: 0.4rem 0.8rem !important;
              position: absolute !important;
              background-color: black;
              top: 50% !important;
              left: 90% !important;
              transform: translate(-50%, -50%) !important;
              border: 1px solid #aaa !important;
              border-radius: 0.5rem !important;
              box-shadow: 2px 2px 0px #aaa !important;
            }
          .wcbd-download-row-fav-remove:hover {
            background-color: black;
              box-shadow: 1px 1px 0px #aaa !important;
             top: 51% !important;
              left: 91% !important
          }
          .wcbd-download-row-fav-remove:active {
              box-shadow: 0px 0px 0px #aaa !important;
             top: 52% !important;
              left: 92% !important
          }
          /* td Download vira position:relative */
            .woocommerce-table--order-downloads tbody tr.wcbd-download-row-fav td[data-title="Download"] {
              position: relative !important;
            }
        /***********************************************
         * 3.1. Notificações e Toasts
         ***********************************************/
        /* Notificação de pontos (toast) */
        .points-toast {
          position: fixed;
          bottom: 20px;
          right: 20px;
          padding: 15px 25px;
          background: #4CAF50;
          color: white;
          border-radius: 4px;
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          z-index: 9999;
          animation: slideIn 0.3s ease-out;
        }
        @keyframes slideIn {
          from { transform: translateY(100px); opacity: 0; }
          to { transform: translateY(0); opacity: 1; }
        }
          /* Aviso de Favoritos vazio ou não*/
          .notice,
          .ase-wishlist-header > p:first-of-type {
            color: #aaaaaa !important;
          }
      
        /* Notificação da wishlist */
        .wishlist-notice {
          position: fixed;
          top: 20px;
          right: 20px;
          padding: 15px 25px;
          background: #e74c3c;
          color: white;
          border-radius: 4px;
          z-index: 9999;
          animation: slideIn 0.3s ease-out;
        }
      
        /*Notificações*/
          .wishlist-notice, .points-toast {
                position: fixed !important;
                left: 20px !important;
                color: #fff !important;
                z-index: 9999 !important;
              font-size: 1.6rem !important;
                display: inline-block !important;
                width: 100% !important;
                padding: .8em 1em !important;
                text-align: left !important;
                border-radius: .5rem !important;
              }
              .wishlist-notice { margin-bottom: 28px !important; }
              .points-toast   { margin-bottom: 58px !important; }
      
              /* barra de progresso */
              .toast-progress {
                position: relative;
                height: 4px;
                margin-top: .5em;
                background: rgba(255,255,255,0.3);
                border-radius: 2px;
                overflow: hidden;
              }
              .toast-progress::before {
                content: '';
                position: absolute;
                top: 0; left: 0;
                height: 100%;
                width: 0%;
                background: #fff;
                animation: toast-progress 6s linear forwards;
              }
              @keyframes toast-progress {
                0%   { width: 0%;   }
                100% { width:100%; }
              }
            .wishlist-notice::before {
            content: '';
            display: inline-block;
            width: 1.6rem;
            height: 1.6rem;
            margin-right: .5em;
            vertical-align: middle;
      
            /* estrela nas toasts “normais” */
            mask: url('/wp-content/uploads/midia/estrela_marcada.svg') no-repeat center / contain;
            -webkit-mask: url('/wp-content/uploads/midia/estrela_marcada.svg') no-repeat center / contain;
            background-color: #fff;
          }
          .points-toast::before {
            content: '';
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            margin-right: .5em;
            vertical-align: middle;
      
            /* moeda nos toasts de pontos */
            mask: url('/wp-content/uploads/midia/coin-points.svg') no-repeat center / contain;
            -webkit-mask: url('/wp-content/uploads/midia/coin-points.svg') no-repeat center / contain;
            background-color: #fff;
          }
          /* ============================================
             3.2 Pesquisa de Favoritos – Estilo corrigido
             ============================================ */
          #wcbd-search-field,
          #wishlist-search-input {
            width: 40%;  
             font-size: 1.6rem !important;
            color: #f2f4f8 !important;
            background-color: #292929 !important;
            border: none !important;
            border-radius: 100px !important; 
            padding: 1rem 3.6rem 1rem 3.6rem !important;
            box-sizing: border-box !important;
            background-image: url('/wp-content/uploads/midia/seach-icon.svg') !important;
            background-repeat: no-repeat !important;
            background-position: center right 1rem !important; 
            background-size: 3.2rem 3.2rem !important;
            outline: none !important;
            box-shadow: none !important;
            text-align: left !important;
          }
          #wcbd-search-field {
            width: 80% !important;
          }
          #wcbd-search-field::placeholder,
          #wishlist-search-input::placeholder {
            text-align: left !important;
             font-size: 1.4rem !important;
          }
          .wcbd-search-block,
          .wishlist-search {
            margin-top: 1.2rem;
            margin-bottom: 2.4rem;
            position: relative;
          }
          /* Seleciona todas as linhas de dados (produtos) */
          .shop_table.wishlist-table {
            padding: 1rem !important;
            border-radius: 1rem !important;
            margin-bottom: 12px !important;
            border: none !important;
            box-shadow: 7px 7px 14px #080808,
                  -7px -7px 14px #171717;
      
          }
          /* ────────────────────────────────────────────────
            /*Tabela de Favoritos*/
          table.shop_table.wishlist-table th,
          table.shop_table.wishlist-table td {
            border-top: 1px solid #292929 !important;
          }
          /* ────────────────────────────────────────────────
            Nome do Produto
          ──────────────────────────────────────────────── */
          .wishlist-table td.product-name {
            width: 244px !important;
          }
          .wishlist-table td.product-name a {
            display: block;            
            font-size: clamp(1.4rem, 1.15rem + 0.8vw, 1.6rem);    
            font-weight: 400;           
            color: white !important;                
          }
          .wishlist-table td.product-name a:hover {    
            font-weight: 700;
      
          }
          /* ============================================
             3.3 Botão “Comprar” na wishlist
             ============================================ */
          /*  Container do botão: removendo bordas/paddings e centralizando */
          .product-actions {
            padding-right: 3.6rem !important;
          }
          .wishlist-table td.product-actions .product {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            border: none !important;
            margin: 0 !important;
          }
      
.button.alt.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    border-radius:0.5rem !important 
}

.fav-title { margin-bottom:12px !important }

          /*  Estilo do <a class="button"> */
          .wishlist-table td.product-actions .product .button {
            display: inline-flex !important;
            justify-content: center !important;
            align-items: center !important;
            white-space: nowrap !important;
      
            background: #E612D9 !important;
            color: #FFF !important;
            border: 2px solid #FFF !important;
            border-radius: 0.5rem !important;
            box-shadow: 3px 3px 0px #FFF !important;
            padding: 1.2rem 2.4rem !important;
            font-weight: 700 !important;
            margin: 0 !important;
      
            transition: background 0.2s ease !important;
          }
      
          .wishlist-table td.product-actions .product .button:hover {
            box-shadow: 2px 2px 0px #FFF !important;
            position: relative !important;
            left: 1px !important;
            top: 1px !important;
          }
      
          .wishlist-table td.product-actions .product .button:active {
            box-shadow: 0px 0px 0px #FFF !important;
            position: relative !important;
            left: 3px !important;
            top: 3px !important;
          }
      
          /* 3) Ícone SVG "Carrinho” após o texto */
          .wishlist-table td.product-actions .product .button.add_to_cart_button.ajax_add_to_cart::after {
            content: "";
            display: inline-block;
            width: 18px !important;
            height: 18px !important;
            margin-left: 0.5em !important;
      
            background-color: #FFF !important;
            mask: url('/wp-content/uploads/midia/icon-cart-black.svg') no-repeat center / contain !important;
            -webkit-mask: url('/wp-content/uploads/midia/icon-cart-black.svg') no-repeat center / contain !important;
          }
          /* ============================================
             3.4   Demais Informações (preço, desconto, pontos)
             ============================================ */
          .wishlist-table td.product-points {
            padding: 0.75rem 1rem;      
            font-size: 1.2rem;                    
          }
         
         .wishlist-table td.product-points .price-original {
            font-size: 1.4rem !important;
           text-decoration: line-through;
            margin-bottom: 1.2rem;
          }
           .wishlist-table td.product-points .price-discounted {
            color: #fff;
            font-size: 1.4rem !important;
            font-weight: 600;
            margin-bottom: 1.2rem;
                display: inline-block;
          }
          .wishlist-table td.product-points .discount-percent {
            font-size: 1.4rem;
            margin-bottom: 1.8rem;
          }
          .destaque_desconto_wishlist {
       color: white;
           font-weight: 600;
          }
      
      
        /***********************************************
         * 4. Seção: Pedidos e Avaliações  (ABA: PEDIDOS E AVALIAÇÕES)
         ***********************************************/
        /* =========================================================
             4.1 LAYOUT GERAL E PÁGINA MINHA CONTA (estrutura, tabelas)
             ========================================================= */
       /* 1 */
      #wcbd-search-field::-webkit-search-cancel-button {
        display: none !important;
      }
      /* 2 */
      #wcbd-search-field::-ms-clear {
        display: none !important;
      }
      /* 3 */
      a.woocommerce-button.suspend,
      .woocommerce-customer-details,
      .product-quantity,
      li.payment_method_stripe label img {
        display: none !important;
      }
      /*4*/
      .woocommerce-input-wrapper 
        label.checkbox 
          > input.wc-stripe-update-all-subscriptions-payment-method {
          displayXXX: none !important;
      }
      #update_all_subscriptions_billing_contact_field,
      #wc-stripe-update-subs-payment-method-card_field { display: none !important;}
      
          .woocommerce-MyAccount-content-wrapper > p,
          table.woocommerce-table--order-details.shop_table.order_details .woocommerce-Price-amount,
          table.woocommerce-table--order-details.shop_table.order_details tfoot td,
          table.woocommerce-table--order-details.shop_table.order_details tfoot th{
            color: #aaa !important;
          }
          .order-number,
          .order-date,
          .order-status,
          .woocommerce-column__title,
          .woocommerce-order-details__title,
          table.woocommerce-table--order-details.shop_table.order_details a,
          table .woocommerce-orders-table__cell-subscription-id a, .woocommerce-orders-table__cell-order-number a, 
          h2 + table.order_details, h2 + table.shop_table.order_details,
          .woocommerce-table--order-details th,
          .woocommerce-table--order-details tfoot th {
            color: #fff !important;
          }
          table.woocommerce-table--order-details.shop_table.order_details a:hover {
            color: #E612D9 !important;
          }
          .wc-polopag-paybox,
          table.woocommerce-table--order-details.shop_table.order_details {
            background: black !important;
            border: 1px solid white !important;
            box-shadow: 3px 3px 0px white !important;
          }

  .wc-polopag-paybox #watingPixPaymentBox > p > img{
    margin-bottom: 3.6rem !important;
    border-radius: 1rem !important;
  }

  .copy-qr-code {
    font-weight: 400 !important;
  }

  .text-success {
    margin-top: -1.8rem !important;
    margin-bottom: 3.6rem;
  }

  /* Woo > Detalhes do pedido – linha "Ações" */
  .woocommerce-order-details .shop_table.order_details tfoot:first-of-type th.order-actions--heading,
  .woocommerce-order-details .shop_table.order_details tfoot:first-of-type td{
    display: table-cell !important;   /* corrige temas que usam display:block */
    vertical-align: middle !important;/* centraliza na vertical */
  }

  .woocommerce-order-details .shop_table.order_details tfoot:first-of-type th.order-actions--heading{
    text-align: center !important;    /* centraliza o texto "Ações:" */
    white-space: nowrap;              /* evita quebra estranha */
  }

  /* botão "copiar código" vira uma coluninha (ícone em cima, texto embaixo) */
  #watingPixPaymentBox .copy-qr-code,
  #waitingPixPaymentBox .copy-qr-code{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;               /* espaço entre ícone e texto */
  }

  /* se quiser esconder o ícone do FontAwesome que já existe no HTML */
  #watingPixPaymentBox .copy-qr-code .fa,
  #waitingPixPaymentBox .copy-qr-code .fa{
    display: none;
  }

  /* insere o SVG via ::before (fica branco) */
  #watingPixPaymentBox .copy-qr-code::before,
  #waitingPixPaymentBox .copy-qr-code::before{
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: no-repeat center / contain
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2369727d" d="M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"/></svg>');
  }

  .wc-polopag-paybox {
    margin-top: 4.8rem;
  }



          .polopag-instruction-number {
            color: black;
            border: 1px solid black;
            border-radius: .5rem;
            box-shadow: 3px 3px 0px black;
          }
          .polopag-instruction-item {
            padding: 1.8rem !important;
          }
          /* Botões principais */
          .woocommerce-orders-table__cell-order-actions .button:not(:last-child) {
            margin-right: 12px;
          }
      
          a.woocommerce-Button.wc-forward,
          .pendente-avaliacao,
          .order-again a.button {
            border-radius: 0.5rem !important;
            font-size: 1.2rem !important;
            font-weight: 700;
            text-decoration: none !important;
            transition: all 0.1s ease;
            box-shadow: 3px 3px 0 #6212E6 !important;
          }
          a.woocommerce-Button.wc-forward {
            background: black !important;
            color: white !important;
            border: 1px solid #6212E6 !important;
          }
          a.woocommerce-Button.wc-forward:hover {
            position: relative !important;
            left: 1px !important; top: 1px !important;
            box-shadow: 1px 1px 0 #6212E6 !important;
          }
          a.woocommerce-Button.wc-forward:active {
            left: 4px !important; top: 4px !important;
            box-shadow: 0 0 0 #6212E6 !important;
          }
          .pendente-avaliacao
           {
            background-color: #E612D9 !important;
            color: #fff !important;
            line-height: 1em !important;
            border: 1px solid #fff !important;
            box-shadow: 2px 2px 0px #fff !important;
            position: relative !important;
            font-weight: 400 !important;
            font-size: 1.2rem !important;
            padding: 0.4rem 1.2rem !important;
          }
          .pendente-avaliacao:hover {
            border: 1px solid #fff !important;
            color: white !important;
            box-shadow: 1px 1px 0px #fff !important;
            top: 1px !important;
            left: 1px !important;
          }
       
          .pendente-avaliacao:active,
          {
             box-shadow: 0px 0px 0px #fff !important;
            top: 2px !important;
            left: 2px !important;
          }

  /* Mantém branco em todos os estados do link "Pendente" */
  .woocommerce .shop_table a.button.pendente-avaliacao,
  .woocommerce .shop_table a.button.pendente-avaliacao:visited,
  .woocommerce .shop_table a.button.pendente-avaliacao:hover,
  .woocommerce .shop_table a.button.pendente-avaliacao:focus,
  .woocommerce .shop_table a.button.pendente-avaliacao:active{
    color:#fff !important;
  }

  .avaliacao-nao-aplicavel{
    font-weight: 400 !important;
  }

          #place_order,
          .order-again a.button {
            position: relative !important;
            background: #E612D9 !important;
            color: white !important;
            font-weight: 400 !important;
            border: 1px solid white !important;
            border-radius: 0.5rem !important;
            box-shadow: 3px 3px 0 white !important;
            margin-bottom: 1rem !important;
          }
          #place_order:hover {
              box-shadow: 1px 1px 0 white !important;
            left: 2px;
            top: 2px;
          }
          #place_order:active {
              box-shadow: 0px 0px 0 white !important;
            left: 4px;
            top: 4px;
          }
          /***********************************************
           * 4.2 Badge de Avaliação Pendente
           ***********************************************/
          .avaliacao-pendente {
            display: inline-block !important;
            min-width: 20px !important;;
            height: 20px !important;
            padding: 0 5px !important;
            background: #E612D9 !important;
            color: #fff !important;
            font-size: 12px !important;
            line-height: 20px !important;
            text-align: center !important;
            border-radius: 10px !important;
            margin-left: 8px !important;
            vertical-align: middle !important;
          animation: pulse 3s ease-in-out infinite !important;
          }
          /*Animação pulse */
          @keyframes pulse {
            0%   { transform: scale(1); !important;}
            50%  { transform: scale(1.1); !important;!important;}
            100% { transform: scale(1); !important;}
          }
          /* =========================================================
             4.3. MODAIS, SLIDERS, AVALIAÇÕES E ESTRELAS
             ========================================================= */
          /* Overlay & modal */
          .overlay-modal {
            display: none;
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.6);
            z-index: 9999;
            align-items: center;
            justify-content: center;
          }
          .overlay-modal .modal-content {
            background: #fff;
            padding: 1.8rem !important;
            width: 428px !important;
            position: relative;
            border-radius: 1rem;
            text-align: center;
            font-family: 'Quicksand', sans-serif;
          }
          .overlay-modal .close-modal {
            position: absolute;
            top: 1rem; right: 1rem;
            width: 2rem; height: 2rem;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.2rem; line-height: 1;
            cursor: pointer;
            border: 1px solid #aaa;
            border-radius: 0.5rem;
            box-shadow: 3px 3px 0px #aaa;
            background: white;
          }
      
          /* Pop-up Avaliação – título & contador */
          .modal-content > p:not([id]) {
            margin-top: 24px;
            font-size: clamp(1.6rem, 1.35rem + 0.8vw, 1.8rem);
          }
          #view-counter, #product-counter {
            display: inline-block;
            width: auto;
            padding: 0.8rem 1.6rem;
            margin-top: -1rem !important; margin-bottom: 1.8rem !important;
            color: white;
            background: #6212E6 !important;
            border: 2px solid black;
            border-radius: 1rem;
            box-shadow: 3px 3px 0 black;
            text-align: left;
            font-weight: 700 !important;
          }
      
          /* Slider principal (sem duplicidade) */
          #evaluation-slider {
            position: relative;
            overflow: hidden;
            margin-bottom: -3.2rem !important;
          }
          #evaluation-slider .slide { display: none; width: 100%; text-align: left; }
          #evaluation-slider .slide.active { display: block; }
          .view-prev,
          .view-next,
          .nav-prev,
          .nav-next {border: 1px solid black !important; box-shadow: 3px 3px 0px black;}
          #evaluation-slider .nav-prev { left:10px;}
          #evaluation-slider .nav-next { right:10px; }
          #evaluation-slider .nav-arrow {
            position: absolute;
            top: 92% !important;
            transform: translateY(-50%);
            border: none; cursor: pointer;
            background: #E612D9 !important;
            margin-bottom: 48px !important;
          }
          #evaluation-slider .product-item {
            display: grid !important;
            grid-template-areas:
            "title  title"
            "image  textarea"
            "image  stars";
            grid-template-columns: 150px 1fr;
            grid-auto-rows: auto;
            gap: 1rem;
            margin-bottom: 6.4rem !important;
          }
          #evaluation-slider .product-item .info { display: contents !important; }
          #evaluation-slider .product-item h4,
          .modal-content .review-item > h4 {
            display: inline-block; justify-self: center; grid-area: title;
            margin: 0 0 1.8rem;
            font-weight: 700; font-size: 1.2rem !important;
            background: black; color: white !important;
            padding: 0.8rem 1.2rem !important;
            border-radius: 1rem !important;
          }
          #evaluation-slider .product-item > img {
            grid-area: image; display: block !important;
            width: 150px !important; height: 150px !important; object-fit: contain !important;
          }
          #evaluation-slider textarea {
            grid-area: textarea;
            width: 94% !important; padding: 1.2rem !important;
            height: 12em !important; font-size: 1.2rem; margin: 0;
            border: none !important; border-radius: 1rem !important;
            background: #fff;
            box-shadow: 7px 7px 7px #c7c7c7, -7px -7px 7px #ffffff;
            resize: none !important; overflow: auto;
          }
          #evaluation-slider textarea:focus,
          #evaluation-slider textarea:focus-visible {
            outline: none !important; border: none !important;
            box-shadow: 7px 7px 7px #c7c7c7, -7px -7px 7px #ffffff;
          }
          /* Navegação e chevrons */
          #view-slider,
          #evaluation-slider {
            position: relative !important;
            overflow: hidden;
          }
          #view-slider .view-nav,
          #evaluation-slider .nav-arrow {
            padding: 4px !important; 
            border: none; cursor: pointer;
            background: #E612D9 !important;
            margin-bottom: 48px !important;
          }
          #view-slider .view-nav img,
          #evaluation-slider .nav-arrow img {
            width: 18px !important; height: 18px !important;
          }
          #view-slider .view-prev, #view-slider .view-next {
            position: absolute !important; top: 25% !important;
          }
          #view-slider .view-prev { left: 8% !important; }
          #view-slider .view-next { right: 8% !important; }
          #view-slider .view-nav { border: none; cursor: pointer; }
      
          /* Recomendar todos e Adcionar Método de Pagamento */
          #auto-recommend {
            width: 100%; margin-bottom: 1rem;
            background: white !important;
            color: #E612D9 !important;
            font-weight: 700; font-size: 1.2rem !important;
            border: 1px solid #E612D9 !important;
            border-radius: 1rem !important;
          }
          #auto-recommend-text {
            display: block; margin: 0;
            font-size: 1.2rem; color: #292929 !important;
            letter-spacing: 0.5px;
          }
          .submit-evaluation {
            width: 100% !important; position: relative !important;
            background: #E612D9 !important; color: black !important;
            border: 2px solid black !important; border-radius: 1rem !important;
            box-shadow: 5px 5px 0 black !important; margin-bottom: 1rem !important;
            padding: 10px 20px;
            cursor: pointer; font-size: 16px;
            transition: opacity 0.3s ease;
          }
          .submit-evaluation:hover { left: 2px !important; top: 2px !important; box-shadow: 3px 3px 0 black !important; }
          .submit-evaluation:active { left: 3px !important; top: 3px !important; box-shadow: 0 0 0 black !important; }
          .submit-evaluation:disabled { cursor: not-allowed; background-color: #cccccc; opacity: 0.5 !important; }
          /* =========================================================
             4.4 VISUALIZAÇÃO DE AVALIAÇÕES E ESTRELAS
             ========================================================= */
          #view-modal .review-item {
            text-align: left; margin-bottom: 15px;
            border-bottom: 1px solid #eee; padding-bottom: 10px;
          }
          #view-modal .review-item h4 { margin: 0 0 5px; font-size: 16px; }
          #view-modal .view-stars img, #view-modal .stars img,
          #evaluation-slider .stars img, .stars img {
            width: 24px !important; height: 24px !important; margin-right: 5px;
            transition: transform 0.2s ease, filter 0.3s ease;
            cursor: pointer;
          }
          .stars img:hover, #evaluation-slider .stars img:hover {
            transform: scale(1.1); opacity: 0.9;
          }
          .stars img.active { filter: drop-shadow(0 0 2px #ffd700); }
          #view-modal .view-comment { margin-top: 5px; margin-bottom: 16px; font-style: italic; }
          /* Estrelas cor rosa */
          #evaluation-slider .stars img,
          #view-modal .stars img {
            filter: invert(21%) sepia(86%) saturate(7460%) hue-rotate(297deg) brightness(109%) contrast(96%);
          }
          /* Estrelas para "Avaliado" */
          .modal-content .view-stars img {
            filter: invert(13%) sepia(91%) saturate(6159%) hue-rotate(265deg) brightness(87%) contrast(110%);
          }
          .review-item {
            display: flex !important; flex-direction: column !important; align-items: center !important;
            text-align: center !important; padding: 1rem !important; gap: 0.5rem !important; 
          }
          /**/
          .shop_table.order_details tbody td {
            text-align: center !important;
            vertical-align: middle !important;
          }
          table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead th {
            color: black !important; /* Define a cor do texto como preto */
          }
      
        /***********************************************
         * 5. Seçõoes: Assinatura e Configurações  (ABAS: ASSINATURA e CONFIGURAÇÕES)
         ***********************************************/

          #billing_phone {padding-left: 10.2rem !important}
         
          .woocommerce-order-downloads {
            margin-bottom: 4.8rem !important;
          }
          /*  Estilos comuns a botões com borda branca e sombra */
          .woocommerce-EditAccountForm .woocommerce-Button.button,
          .woocommerce-MyAccount-content-wrapper > a.button,
          .woocommerce-pagination--without-numbers a.woocommerce-button--previous,
          .woocommerce-pagination--without-numbers a.woocommerce-button--next {
            position: relative !important;
            border: 1px solid #fff !important;
            box-shadow: 3px 3px 0px #fff !important;
            border-radius: 0.5rem !important;
            color: #fff !important;
          }
          .payment_methods.methods {
            border: none !important;
          }
          /* Test mode: texto em negrito branco */
          .testmode-info strong {
            color: #ffffff !important;
            font-weight: 700 !important;
          }
      
          /* Test mode: link branco e sublinhado */
          .testmode-info a {
            color: #ffffff !important;
            text-decoration: underline !important;
          }
          /* 2) Botão principal “Salvar / Ações” */
          .woocommerce-EditAccountForm .woocommerce-Button.button,
          .woocommerce-MyAccount-content-wrapper > a.button {
            margin-top: 24px !important;
            float: right !important;
            text-align: center !important;
            width: 280px !important;
            padding: 1rem 2rem !important;
            background: #E612D9 !important;
            font-weight: 400 !important;
            transition: transform .1s, box-shadow .1s, font-weight .1s !important;
          }
      
          /* Hover do botão principal */
          .woocommerce-MyAccount-content-wrapper > a.button:hover,
          .woocommerce-EditAccountForm .woocommerce-Button.button:hover {
            box-shadow: 1px 1px 0px #fff !important;
            transform: translate(2px, 2px) !important;
            font-weight: 700 !important;
            top: 2px !important;
            left: 2px !important;
          }
      
          /* Active do botão principal */
          .woocommerce-MyAccount-content-wrapper > a.button:active,
          .woocommerce-EditAccountForm .woocommerce-Button.button:active {
            box-shadow: 0 0 0 #fff !important;
            top: 4px !important;
            left: 4px !important;
          }
      
          /* Paginação sem números */
          .woocommerce-pagination--without-numbers {
            display: flex !important;
            gap: 24px !important;
            justify-content: flex-end !important;
          }
          .woocommerce-pagination--without-numbers a.woocommerce-button--previous,
          .woocommerce-pagination--without-numbers a.woocommerce-button--next {
            background: #000 !important;
            font-weight: 400 !important;
          }
          .woocommerce-pagination--without-numbers a.woocommerce-button--previous:hover,
          .woocommerce-pagination--without-numbers a.woocommerce-button--next:hover {
            box-shadow: 1px 1px 0px #fff !important;
            top: 2px !important;
            left: 2px !important;
          }
          .woocommerce-pagination--without-numbers a.woocommerce-button--previous:active,
          .woocommerce-pagination--without-numbers a.woocommerce-button--next:active {
            box-shadow: 0 0 0 #fff !important;
            top: 3px !important;
            left: 3px !important;
          }
      
          /* Sem assinatura */
          .woocommerce-MyAccount-content-wrapper-no-data .woocommerce-info > a.button.wc-forward,
          .no_subscriptions .woocommerce-Button {
            background: #000 !important;
            border: 2px solid #6212E6 !important;
            box-shadow: 3px 3px 0px #6212E6 !important;
            border-radius: 0.5rem !important;
            color: #fff !important;
          }
      
          /* Legenda de fieldset */
          .woocommerce-EditAccountForm fieldset > legend {
            color: #fff !important;
          }
          /* Social login */
          .wc-social-login-profile {
            border: none !important;
          }
          .wc-social-login.wc-social-login-link-account a {
            color: white !important;
          }
      
          /*Botão Favoritar*/
          .wcbd-fav-button {
            height: 3.2rem !important;
            width: 3.2rem !important;
          }

          
        /***********************************************
         * 6. Chamados (Tickets) (ABA: CHAMADOS)
         ***********************************************/
          /* Labels brancos ou cinza */
        .woocommerce-EditAccountForm label,
        #wt-reply-form label,
        #wt_reply_attachments_input + label,
        #wt_attachments_input + label {
          color: #ccc !important;
        }
        .woocommerce-EditAccountForm label {
          color: white !important;
        }
      
        #wt-new-ticket-form{
          margin-top: 2.4rem !important;
        }

  /* Botão Voltar */
  /* Ícone antes do texto, espelhado para a esquerda e branco */
  #wt-chamados-wrapper a[href$="/minha-conta/chamados"]::before,
  #wt-chamados-wrapper a[href$="/minha-conta/chamados/"]::before{
    content: "";
    display: inline-block;
    width: .95em;          
    height: .95em;
    background: no-repeat center / contain
                url("/wp-content/uploads/midia/chevron-right-no-colour.svg");
    transform: scaleX(-1); /* espelha p/ apontar à esquerda */
    filter: invert(1);     /* ícone preto → branco */
    margin-right: 0.4rem !important;
  }

  /*Aviso*/
  #wt-title-limit {font-size: 1rem !important;}


  #wt-chamados-wrapper a[href$="/minha-conta/chamados"],
  #wt-chamados-wrapper a[href$="/minha-conta/chamados/"]{
    position: relative !important;
      color:#fff !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: .4rem !important;
    border:1px solid #fff !important;
    border-radius:.5rem !important;
    padding:.6rem 1.2rem !important;
    box-shadow:3px 3px 0 #fff !important;
  }
  #wt-chamados-wrapper a[href$="/minha-conta/chamados"]:hover,
  #wt-chamados-wrapper a[href$="/minha-conta/chamados/"]:hover {
    box-shadow:1px 1px 0 #fff !important;
    top: 2px !important;
    left: 2px !important;
  }
  #wt-chamados-wrapper a[href$="/minha-conta/chamados"]:active,
  #wt-chamados-wrapper a[href$="/minha-conta/chamados/"]:active {
    box-shadow:0px 0px 0 #fff !important;
      top: 3px !important;
    left: 3px !important;
  }

   /* Badges: Aberto | Pendente | Encerrado | Resolvido */
  .wt-status-aberto,
  .wt-status-pendente,
  .wt-status-encerrado,
  .wt-status-resolvido {
    padding: 0.6rem 1.2rem !important;
    font-size: 1.2rem;
    border-radius: 0.5rem;
    font-weight: 700;
    display: inline-block;    /* opcional: ajuda no layout */
    line-height: 1;           /* opcional: badge mais “compacto” */
  }

  /* ABERTO e PENDENTE*/
  .wt-status-pendente,
  .wt-status-aberto {
   border: 2px solid #04372C;
    color: #04372C;
    background: #12E6B8;
  }

  /* ENCERRADO e RESOLVIDO */
  .wt-status-resolvido,
  .wt-status-encerrado {
    border: 2px solid #292929;
    color: #292929;
    background: #AAAAAA;
  }
         /* Inputs e selects customizados */
         #wt-new-ticket-form .select2-container .select2-selection,
         #wt-new-ticket-form select,
          #wt-new-ticket-form input[type="text"],
          .woocommerce-MyAccount-content-wrapper input {
            background: #0f0f0f !important;
            border-radius: 1rem !important;
            padding: 1.6rem !important;
            border: none !important;
            font-size: 1.4rem;
            color: #aaa !important;
            box-shadow: 4px 4px 7px #080808, -4px -4px 7px #171717 !important;
          }

/* Caixa visível do Select2 (campo fechado) */
#wt-new-ticket-form .select2-container .select2-selection{
  background:#0f0f0f !important;
  border:none !important;
  border-radius:1rem !important;
  box-shadow:4px 4px 7px #080808, -4px -4px 7px #171717 !important;
  height:48px !important;          /* altura fixa */
  padding:0 !important;            /* zera o padding aqui */
  display:flex !important;         /* centraliza verticalmente */
  align-items:center !important;
}

/* Texto dentro da caixa */
#wt-new-ticket-form .select2-selection__rendered{
  color:#aaa !important;
  line-height:1 !important;
  padding:0 2.4rem 0 1.6rem !important;  /* padding vai aqui */
  background:transparent !important;
}

/* Setinha */
#wt-new-ticket-form .select2-selection__arrow{
  height:100% !important;
  right:1rem !important;
}

/* Garante que nenhum wrapper injete fundo branco */
#wt-new-ticket-form .select2-container,
#wt-new-ticket-form .select2-container *{
  background:transparent !important;
}

/* Scrollbar só nos dropdowns Select2 destes DOIS campos de Abrir Novo Chamado */
#select2-wt_ticket_type-results,
#select2-wt_priority-results{
  
  overflow-y:auto !important;

  /* Firefox */
  scrollbar-width:thin;
  scrollbar-color:#555 #222;         /* thumb | track */
}

/* WebKit (Chrome/Edge/Safari) */
#select2-wt_ticket_type-results::-webkit-scrollbar,
#select2-wt_priority-results::-webkit-scrollbar{
  width:10px;
}
#select2-wt_ticket_type-results::-webkit-scrollbar-track,
#select2-wt_priority-results::-webkit-scrollbar-track{
  background:#222;
}
#select2-wt_ticket_type-results::-webkit-scrollbar-thumb,
#select2-wt_priority-results::-webkit-scrollbar-thumb{
  background:#555;
  border-radius:8px;
  border:2px solid #222;
}


          
          .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
            width: 100% !important;
          }
          .woocommerce-Input.woocommerce-Input--text.input-text.iti__tel-input {
            padding-left: 8rem !important;
          }
          #wt-new-ticket-form label,
          #wt-new-ticket-form input[type="text"] label {
            margin-bottom: 0.8rem !important; 
          }
        /* Container e colunas */
        .wt-chamados-container {
          display: flex;
          justify-content: space-between;
        }
        .wt-col-esquerda {
          width: 66.66%;
          padding-right: 10px;
          box-sizing: border-box;
        }
        .wt-col-direita {
          width: 33.33%;
          padding-left: 10px;
          box-sizing: border-box;
        }
        /* Lista de tickets */
        .wt-ticket-list {
          list-style: none !important;
          padding: 1.2rem !important;
        }
        #ui-id-2 > .wt-ticket-list {
          list-style: none;
          margin-top: 2.4rem !important;
          padding: 1.2rem !important;
          background: #292929;
          color: #fff !important;
          border: 1px solid #aaa !important;
          box-shadow: 3px 3px 0 #aaa !important;
          border-radius: 1rem !important;
          margin-top: 2.4rem;
        }
        .wt-ticket-list li {
          margin-bottom: 24px;
          padding-top: 24px;
          border-top: 0.5px solid #474747;
        }
        .wt-ticket-list > li:first-child {
          border: none !important;
        }
        .wt-col-direita .wt-ticket-list li a {
          color: white !important;
        }
        .wt-ticket-meta-row{
    display:flex;
    align-items:center;
    gap:.8rem;
    flex-wrap:wrap;
    margin: -3.6rem 0rem 3.6rem;
  }


        /* Título e exclusão de ticket */
        .wt-ticket-title,
        .wt-ticket-exclusion {
          border: none !important;
          padding: 0 !important;
          font-family: 'Quicksand', sans-serif;
        }
        .wt-ticket-title {
          margin-top: 12px !important;
        }
        .wt-ticket-exclusion {
          color: #ccc;
        }
        /* Aviso antes do 3º chamado */
        .wt-col-esquerda h3 + p + p {
          position: relative !important;
          padding: 0.8rem !important;
          padding-left: 4.2rem !important;
          border-radius: 1rem !important;
          margin-bottom: 4.8rem !important;
        }
        .wt-col-esquerda h3 + p + p::before {
          content: "\e602";
          font-family: WooCommerce;
          font-size: 1.2em;
          position: absolute;
          left: 1rem;
          top: 50%;
          transform: translateY(-50%);
          color: #E64812;
        }

        /* "Responder Chamado" */
  #wt-chamados-wrapper h3:has(+ form#wt-reply-form){
  border-top: 1px solid #474747 !important;
      padding-top: 2.4rem !important;
      margin-top: 3.6rem !important;
  }


        /***********************************************
         * TinyMCE – reset de botões
         ***********************************************/
        .wp-editor-wrap .mce-toolbar .mce-btn,
        .wp-editor-wrap .mce-toolbar .mce-btn button,
        .wp-editor-wrap .mce-toolbar .mce-btn:hover,
        .wp-editor-wrap .mce-toolbar .mce-btn:active,
        .wp-editor-wrap .mce-toolbar .mce-btn.mce-state-active {
          background: transparent !important;
          background-image: none !important;
          border: none !important;
          box-shadow: none !important;
        }
      
        /***********************************************
         * 6.1 Conversa (wt-conversation)
         ***********************************************/
        .wt-conversation {
          border: 1px solid #ccc;
          background: black;
          border-radius: 1rem;
          padding: 3.6rem 1.8rem 1.8rem;
          margin-bottom: 20px;
          max-height: 90rem;
          overflow-y: auto;
        }
        .wt-conversation h1, .wt-conversation h2, .wt-conversation h3,
        .wt-conversation h4, .wt-conversation h5, .wt-conversation h6 {
          color: white !important;
          margin-bottom: 0.6em !important;
        }
        /* Scrollbar personalizado */
        .wt-conversation::-webkit-scrollbar {
          width: 8px;
        }
        .wt-conversation::-webkit-scrollbar-track {
          margin: 1.2rem;
        }
        .wt-conversation::-webkit-scrollbar-thumb {
          background: white;
          border-radius: 4px;
        }
        /* Mensagens */
        .wt-message {
          display: flex;
          align-items: flex-start;
          gap: 1rem;
          margin-bottom: 15px;
          position: relative;
           word-break: break-word;  /* fallback amplo */
        }
        .wt-message .wt-icon {
          font-size: 28px;
          margin-right: 10px;
        }
        .wt-message-author {
          margin: 0 0 5px !important;
        }
        .wt-message-user .wt-message-author > strong {
          color: white !important;
        }
        .wt-conversation .wt-message-user .wt-message-text {
          color: #aaa;
        }
        .wt-conversation .wt-message-content p {
          margin-top: 0;
        }
        .wt-role-badge{
              border: 1px solid #292929;
      border-radius: .5rem;
      padding: .36rem;
      margin-left: 0.8rem !important;
        }
      
        /* Mensagem admin */
        .wt-message-admin {
          margin: 3.6rem 0;
          justify-content: flex-end !important;
        }
        .wt-message-admin .wt-message-content {
          background: #D1CFEA !important;
          color: #0f0f0f;
          padding: 2.4rem;
          border-radius: 0.5rem;
          position: relative;
          margin-right: 1.2rem;
          padding-bottom: 2.4rem;
        }
        .wt-message-admin .wt-message-content::after {
          content: "";
          position: absolute;
          top: 2.4rem;
          right: -0.4rem;
          transform: translateY(-50%);
          border-top: 1.2rem solid transparent;
          border-bottom: 1.2rem solid transparent;
          border-left: 1.2rem solid #D1CFEA;
        }
      
        /* Data da mensagem */
        .wt-message-date {
          display: block;
          font-size: 1rem !important;
          color: #aaa;
          position: absolute;
          top: 0.5rem;
          bottom: 0.5em;
          right: 1em;
          white-space: nowrap;
          margin: 0;
        }
  /* Apenas a data das mensagens do ADMIN */
  .wt-message.wt-message-admin .wt-message-content .wt-message-date{
    color:#474747 !important;
  }
        /* Avatar User  */
        .wt-user-icon {
    width: 24px;
    height: 24px !important;
  }
        /* Avatar admin */
        .wt-message-admin > img {
          border: 2px solid #6212E6;
          width: 56px !important;
          height: 56px !important;
        }
        /***********************************************
         * 6.2 Acordeão de chamados
         ***********************************************/
        #wt-accordion .ui-accordion-header .ui-icon {
          display: none;
        }
        #wt-accordion .ui-accordion-header {
          position: relative;
          padding-right: 2rem !important;
          border: 1px solid white !important;
          color: #fff;
          margin: 0;
          padding: 1rem !important;
          cursor: pointer;
        }
        #wt-accordion .ui-accordion-header::after {
          content: "";
          position: absolute;
          top: 50%;
          right: .5em;
          width: 16px;
          height: 16px;
          background: url('/wp-content/uploads/midia/chevron-right-no-colour.svg') no-repeat center/contain;
          filter: invert(1);
          transform: translateY(-50%) rotate(90deg);
          transition: transform .2s ease;
        }
        #wt-accordion .ui-accordion-header.ui-state-active::after {
          transform: translateY(-50%) rotate(-90deg);
        }
        #wt-accordion div {
          padding: 10px;
          border: none;
          border-top: none;
        }
        /***********************************************
         * 6.3 Formulário de novos tickets
         ***********************************************/
        /* Labels */
        #wt-new-ticket-form label {
          color: white !important;
        }
        /* Select customizado */
        #wt-new-ticket-form select {
          appearance: none;
          background-color: #222;
          border: 1px solid #444;
          border-radius: 0.5rem;
          padding: 0.8rem 2.5rem 0.8rem 1rem;
          color: #eee;
          font-size: 1.4rem;
          cursor: pointer;
          transition: none;
          position: relative;
        }
        #wt-new-ticket-form select:hover {
          background-color: #222 !important;
          border-color: #444 !important;
          box-shadow: none !important;
        }
        #wt-new-ticket-form select option {
          background-color: #222;
          color: #eee;
          padding: 0.5rem;
        }
        #wt-new-ticket-form select option:hover {
          background-color: #444;
          color: #fff;
        }
      
        /* Inputs de anexos */
      /* 1) Esconde o texto do filename */
      #wt_reply_attachments_input, 
      #wt_attachments_input {
        color: transparent !important;
        box-shadow: none !important;
        padding-left: 0px !important;
      }
      
      /* 2) Estilo do botão no Chrome/Safari (WebKit) */
      #wt_reply_attachments_input::-webkit-file-upload-button,
      #wt_attachments_input::-webkit-file-upload-button
       {
        all: unset;                     
        display: inline-block;
        font: 1rem 'Quicksand', sans-serif; 
        background: #000;               
        color: #fff;                    
        border: 1px solid #fff;
        box-shadow: 3px 3px 0 #fff;
        padding: 0.8rem 1.6rem;
        border-radius: 0.5rem;
        cursor: pointer;
        background-image:
          url("data:image/svg+xml;utf8,\
      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'>\
      <path fill='%23fff' d='M598.6 41.41C570.1 13.8 534.8 0 498.6 0s-72.36 13.8-99.96 41.41l-43.36 43.36c15.11 8.012 29.47 17.58 41.91 30.02c3.146 3.146 5.898 6.518 8.742 9.838l37.96-37.96C458.5 72.05 477.1 64 498.6 64c20.67 0 40.1 8.047 54.71 22.66c14.61 14.61 22.66 34.04 22.66 54.71s-8.049 40.1-22.66 54.71l-133.3 133.3C405.5 343.1 386 352 365.4 352s-40.1-8.048-54.71-22.66C296 314.7 287.1 295.3 287.1 274.6s8.047-40.1 22.66-54.71L314.2 216.4C312.1 212.5 309.9 208.5 306.7 205.3C298.1 196.7 286.8 192 274.6 192c-11.93 0-23.1 4.664-31.61 12.97c-30.71 53.96-23.63 123.6 22.39 169.6C293 402.2 329.2 416 365.4 416c36.18 0 72.36-13.8 99.96-41.41L598.6 241.3c28.45-28.45 42.24-66.01 41.37-103.3C639.1 102.1 625.4 68.16 598.6 41.41zM234 387.4L196.1 425.3C181.5 439.1 162 448 141.4 448c-20.67 0-40.1-8.047-54.71-22.66c-14.61-14.61-22.66-34.04-22.66-54.71s8.049-40.1 22.66-54.71l133.3-133.3C234.5 168 253.1 160 274.6 160s40.1 8.048 54.71 22.66c14.62 14.61 22.66 34.04 22.66 54.71s-8.047 40.1-22.66 54.71L325.8 295.6c2.094 3.939 4.219 7.895 7.465 11.15C341.9 315.3 353.3 320 365.4 320c11.93 0 23.1-4.664 31.61-12.97c30.71-53.96 23.63-123.6-22.39-169.6C346.1 109.8 310.8 96 274.6 96C238.4 96 202.3 109.8 174.7 137.4L41.41 270.7c-27.6 27.6-41.41 63.78-41.41 99.96c-.0001 36.18 13.8 72.36 41.41 99.97C69.01 498.2 105.2 512 141.4 512c36.18 0 72.36-13.8 99.96-41.41l43.36-43.36c-15.11-8.012-29.47-17.58-41.91-30.02C239.6 394.1 236.9 390.7 234 387.4z'/>\
      </svg>");
        background-repeat: no-repeat;
        background-position: 1rem center;
        background-size: 1.6rem auto;
        padding: 0.8rem 1.2rem 0.8rem calc(1.8rem + 1.2rem + 0.4rem);
      }
      
      /* 3) Estilo do botão no Firefox e Edge Chromium (padrão spec) */
      #wt_reply_attachments_input::file-.elementor-51642 .elementor-element.elementor-element-c3da923-button, 
      #wt_attachments_input::file-.elementor-51642 .elementor-element.elementor-element-c3da923-button {
        all: unset;
        display: inline-block;
        font: 1rem 'Quicksand', sans-serif;
        background: #000;
        color: #fff;
        border: 2px solid #fff;
        box-shadow: 3px 3px 0 #fff;
        padding: 0.8rem 1.6rem;
        border-radius: 0.5rem;
        cursor: pointer;
          background-image:
          url("data:image/svg+xml;utf8,\
      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'>\
      <path fill='%23fff' d='M598.6 41.41C570.1 13.8 534.8 0 498.6 0s-72.36 13.8-99.96 41.41l-43.36 43.36c15.11 8.012 29.47 17.58 41.91 30.02c3.146 3.146 5.898 6.518 8.742 9.838l37.96-37.96C458.5 72.05 477.1 64 498.6 64c20.67 0 40.1 8.047 54.71 22.66c14.61 14.61 22.66 34.04 22.66 54.71s-8.049 40.1-22.66 54.71l-133.3 133.3C405.5 343.1 386 352 365.4 352s-40.1-8.048-54.71-22.66C296 314.7 287.1 295.3 287.1 274.6s8.047-40.1 22.66-54.71L314.2 216.4C312.1 212.5 309.9 208.5 306.7 205.3C298.1 196.7 286.8 192 274.6 192c-11.93 0-23.1 4.664-31.61 12.97c-30.71 53.96-23.63 123.6 22.39 169.6C293 402.2 329.2 416 365.4 416c36.18 0 72.36-13.8 99.96-41.41L598.6 241.3c28.45-28.45 42.24-66.01 41.37-103.3C639.1 102.1 625.4 68.16 598.6 41.41zM234 387.4L196.1 425.3C181.5 439.1 162 448 141.4 448c-20.67 0-40.1-8.047-54.71-22.66c-14.61-14.61-22.66-34.04-22.66-54.71s8.049-40.1 22.66-54.71l133.3-133.3C234.5 168 253.1 160 274.6 160s40.1 8.048 54.71 22.66c14.62 14.61 22.66 34.04 22.66 54.71s-8.047 40.1-22.66 54.71L325.8 295.6c2.094 3.939 4.219 7.895 7.465 11.15C341.9 315.3 353.3 320 365.4 320c11.93 0 23.1-4.664 31.61-12.97c30.71-53.96 23.63-123.6-22.39-169.6C346.1 109.8 310.8 96 274.6 96C238.4 96 202.3 109.8 174.7 137.4L41.41 270.7c-27.6 27.6-41.41 63.78-41.41 99.96c-.0001 36.18 13.8 72.36 41.41 99.97C69.01 498.2 105.2 512 141.4 512c36.18 0 72.36-13.8 99.96-41.41l43.36-43.36c-15.11-8.012-29.47-17.58-41.91-30.02C239.6 394.1 236.9 390.7 234 387.4z'/>\
      </svg>");
        background-repeat: no-repeat;
        background-position: 1rem center;
        background-size: 1.6rem auto;
        padding: 0.8rem 1.2rem 0.8rem calc(1.8rem + 1.2rem + 0.4rem);
      }

      /*3.1 Botão "Remover" Imagem */
  #wt_reply_attachments_preview > div > img + span + button {display: inline-block;font: 1rem 'Quicksand', sans-serif;background: #000;color: #fff;border: 2px solid #fff;box-shadow: 3px 3px 0 #fff;padding: 0.8rem 1.6rem;border-radius: 0.5rem;}


      /* 4) Hover / Active */
      #wt_reply_attachments_input::-webkit-file-upload-button:hover,
      #wt_attachments_input::-webkit-file-upload-button:hover,
      #wt_reply_attachments_preview > div > img + span + button:hover {
        box-shadow: 2px 2px 0 #fff !important;
        transform: translate(1px,1px) !important;
      }
      #wt_reply_attachments_input::-webkit-file-upload-button:hover,
      #wt_attachments_input::file-.elementor-51642 .elementor-element.elementor-element-c3da923-button:hover {
        box-shadow: 2px 2px 0 #fff !important;
        transform: translate(1px,1px) !important;
      }
      #wt_reply_attachments_input::-webkit-file-upload-button:active,
      #wt_attachments_input::-webkit-file-upload-button:active,
      #wt_reply_attachments_preview > div > img + span + button:active
       {
        box-shadow: none !important;
        transform: translate(3px,3px) !important;
      }
      #wt_reply_attachments_input::-webkit-file-upload-button:active,
      #wt_attachments_input::file-.elementor-51642 .elementor-element.elementor-element-c3da923-button:active {
        box-shadow: none !important;
        transform: translate(3px,3px) !important;
      }


/* links dentro de .wt-conversation */
.wt-conversation a {
  color: #E612D9 !important;
}

/* estados comuns (evita voltar ao azul padrão do tema/navegador) */
.wt-conversation a:visited,
.wt-conversation a:active,
.wt-conversation a:focus,
.wt-conversation a:hover {
  color: #E612D9 !important;
}

        /***********************************************
         * 7.  YITH Membership & Downloads (ABA: BAIXAR PRODUTOS)
         ***********************************************/
        /***********************************************
         * 7.1 Layout Principal
         ***********************************************/

        /* Esconder aba e conteúdo */
      .yith-wcmbs-tabs .ui-tabs-nav li[aria-controls*="contents"] {
          display: none !important;
        }
      
        /* Espaçamento do acordeão de downloads */
        .yith-wcmbs-my-account-accordion.ui-accordion.ui-widget {
          margin-bottom: 3.6rem !important;
        }
        .wcbd-explore-items h3 {
          margin-bottom: 2.4rem !important;
        }
        /* Título do Produto - Card Download */
        .yith-wcmbs-membership-plan-items__item__header .product-name {
        vertical-align: middle;
        color: white;
        font-size: 1.6rem;
       } 
       .yith-wcmbs-membership-plan-items__item__meta {
        color: #aaa !important;
        font-size: 1.4rem !important;
        margin-bottom: 1.8rem !important;
       }
        /* Remover linha inferior das tabs */
        div.yith-wcmbs-tabs ul.ui-tabs-nav::after {
          border-bottom: none !important;
        }
        /* Ícone “hambúrguer” nas downloads */
        .woocommerce-table--order-downloads tbody tr td.download-product::before,
        .woocommerce-table--order-downloads tbody tr td[data-title="Produto"]::before {
          margin-left: 1.2rem !important;
        }
        /* Link do produto */
        .woocommerce-table--order-downloads td[data-title="Produto"] > a {
          color: white !important;
          font-weight: bold;
        }
      
        /* Ícone de créditos */
        .yith-wcmbs-membership-detail--remaining-credits
        .yith-wcmbs-membership-detail__title img {
          filter: invert(1) !important;
          margin-right: 0.8rem !important;
          margin-bottom: -0.6rem !important;
          padding: 0 !important;
        }
        /* Aba “Histórico” */
        #ui-id-1 {
          color: white !important;
          padding: 0 !important;
          background: black !important;
          border: none !important;
        }
        .ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active {
          border: none !important;
        }
        /* Status da assinatura */
        .yith-wcmbs-membership-detail--status--active .yith-wcmbs-membership-detail__value,
        .yith-wcmbs-membership-detail--status--resumed .yith-wcmbs-membership-detail__value {
          color: #12e6b8 !important;
        }
        .yith-wcmbs-membership-detail--status--cancelled .yith-wcmbs-membership-detail__value,
        .yith-wcmbs-membership-detail--status--resumed .yith-wcmbs-membership-detail__value {
          color: #E64812 !important;
        }
        /* Títulos e valores do plano */
        .yith-wcmbs-membership-detail__title {
          color: white !important;
        }
        .yith-wcmbs-membership-detail__value {
          color: #aaa !important;
        }
        /* Histórico de atividades */
        .yith-wcmbs-membership-history-activity,
        .yith-wcmbs-membership-history-activities {
          color: #aaa !important;
        }
        /* Colunas fixas na tabela de downloads */
        .woocommerce-table--order-downloads td[data-title="Produto"] {
          width: 36rem !important;
          padding-left: 4.2rem !important;
        }
        .woocommerce-table--order-downloads td[data-title="Expira em"] {
          width: 12rem !important;
        }
      .download-product {
    width: 60% !important;
  }
  /* Título da linha em "Seus Extras" */
  #wcbd-extras-table td[data-title="Extra"]{
    color: #fff !important;
    font-weight: 700 !important;
      width: 60% !important;
  }

  /* “Hambúrguer” antes do nome do produto (arrastar para reordenar) */
  .woocommerce-table--order-downloads tbody td[data-title="Produto"]{
    position: relative;
    padding-left: 2.8rem;          /* espaço pro ícone */
  }
  .woocommerce-table--order-downloads tbody td[data-title="Produto"]::before{
    content: "\2630";              /* ☰ */
    position: absolute;
    left: .8rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.6em;
    color: #aaa;
    pointer-events: none;
  }


        /***********************************************
         * 7.2 Explorar & Filtros
         ***********************************************/
        /*Toggle Expandir "+" e "-"*/
        .toggle-sign{
          position: absolute;
          left: 2.8rem !important;
        }
        .toggle-sign:hover{
        cursor: pointer;
        }
        /* Toolbar & busca */
        .wcbd-explore-items {
          border-top: 1px solid #474747;
          padding-top: 4.8rem !important;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          gap: 1rem;
        }
        .wcbd-explore-items > h3 {
          flex: 0 0 100%;
          margin-bottom: 1rem;
        }
        .wcbd-explore-items > .wcbd-search-block {
          flex: 1 1 0;
        }
        #wcbd-total-count {
          margin-left: 1em;
          font-size: 0.9em;
          color: #888;
          border: 1px solid #888;
          padding: 1rem 2rem;
          border-radius: 0.5rem;
        }
        /* Botões de filtro */
        #filter-alpha,
        #filter-popular,
        #filter-order {
          font-size: 1.2rem !important;
        }
        #filter-alpha:hover,
        #filter-popular:hover,
        #filter-order:hover,
        #wcbd-order-filters button:focus,
        #wcbd-order-filters button:active,
        #wcbd-order-filters button:focus-visible {
          background: #E612D9 !important;
          outline: none !important;
        }
        /* Cancelar ícone no campo de busca */
        #wcbd-search-field::-webkit-search-cancel-button {
          -webkit-appearance: none;
          appearance: none;
        }
      
        /* Explore items – plano de membros */
        .wcbd-explore-items > .yith-wcmbs-membership-plan-items {
          flex: 0 0 100%;
          margin-top: 1.5rem;
        }
      
        /* Botões de download rápido */
        .wcbd-extra-col--action a,
        .yith-wcmbs-download-button,
        .wcbd-quick-item-btn {
   position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: uppercase !important;
    color: white !important;
    border-radius: 1rem !important;
    font-size: 1.2rem !important;

    width: auto !important;                 /* encolhe ao conteúdo */
    inline-size: max-content !important;    /* reforço cross-browser */
    white-space: nowrap;                    /* evita quebra de linha */
    gap: .6rem;                             /* espaço entre ícone e texto */
    padding: 1rem 2rem !important;       /* só o “respiro” */

    border: 1px solid white !important;
    box-shadow: 3px 3px 0 white !important;
        }
        .wcbd-extra-col--action a:hover,
        .yith-wcmbs-download-button:hover,
        .wcbd-quick-item-btn:hover {
          box-shadow: 2px 2px 0 white !important;
          top: 1px;
          left: 1px;
        }
        .wcbd-extra-col--action a:active,
        .yith-wcmbs-download-button:active,
        .wcbd-quick-item-btn:active {
          box-shadow: 0 0 0 white !important;
          top: 3px;
          left: 3px;
        }
        /* Ícone no botão de download */
        .yith-wcmbs-download-button img.download-icon,
        .wcbd-quick-item-btn img,
        #wcbd-extras-table .wcbd-extra-col--action a .download-icon {
          filter: brightness(0) invert(1) !important;
          display: inline-block !important;
          width: 1.4em;
          height: auto;
          margin-right: 0.64rem;
        }
        

      
      
        /***********************************************
         * 7.3 Paginação
         ***********************************************/
        .wcbd-pagination {
          display: flex !important;
          justify-content: flex-end !important;
          align-items: center;
          gap: 0.5rem;
          margin-top: 1.5rem;
        }
        .wcbd-pagination .wcbd-pagination-prev,
        .wcbd-pagination .wcbd-pagination-next {
          background: black !important;
          position: relative !important;
          border: 1px solid #aaa !important;
          padding: 1rem 1.5rem;
          margin: 0 0.5rem;
          text-indent: -9999px;
          overflow: hidden;
          box-shadow: 2px 2px 0 #aaa !important;
          border-radius: 0.5rem !important;
          cursor: pointer;
        }
        .wcbd-pagination .wcbd-pagination-prev:hover,
        .wcbd-pagination .wcbd-pagination-next:hover {
          box-shadow: 1px 1px 0 #aaa !important;
          top: 1px;
          left: 1px;
        }
        .wcbd-pagination .wcbd-pagination-prev:active,
        .wcbd-pagination .wcbd-pagination-next:active {
          box-shadow: 0 0 0 #aaa !important;
          top: 2px;
          left: 2px;
        }
        .wcbd-pagination .wcbd-pagination-next::before,
        .wcbd-pagination .wcbd-pagination-prev::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 100%;
          height: 100%;
          background: url('/wp-content/uploads/midia/chevron-right.svg') no-repeat center/1.8rem;
          filter: brightness(0) invert(1);
          transform: translate(-50%, -50%);
        }
        .wcbd-pagination .wcbd-pagination-prev::before {
          transform: translate(-50%, -50%) scaleX(-1);
        }
        /***********************************************
         * 8. Métodos de Pagamento
         ***********************************************
        /* Ícone de cartões no método Stripe */
        label[for="payment_method_stripe"]::after {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 4.4rem;
          height: 2.4rem;
          margin-left: 0.5em;
          background: url("/wp-content/uploads/midia/cartoes-de-credito.svg") no-repeat center/contain;
          filter: brightness(0) invert(1) !important;
        }
        /* 1) Trocar a cor do radio checked via accent-color */
      .woocommerce .payment_methods input[type="radio"] {
        accent-color: #E612D9 !important;  */
        border: none !important;
      }
      .ctd-all-stripe-cards-raw > p {
          display: flex !important;
          justify-content: flex-end !important;
          margin-top: 1em;
      }
      .ctd-all-stripe-cards-raw > p .button {
          white-space: nowrap !important;
      }
      /* muda apenas a cor da bolinha do radio (checkbox de método de pagamento) */
      .woocommerce input[type=radio].input-radio,
      .woocommerce .woocommerce-SavedPaymentMethods-tokenInput {
        accent-color: #E612D9;
      }
      
      /* desativa aparência nativa e cria radio customizado mínimo */
      .woocommerce input[type=radio].input-radio,
      .woocommerce .woocommerce-SavedPaymentMethods-tokenInput {
        border: 2px solid #fff;
        border-radius: 50%;
        position: relative;
        margin: 0 8px 0 0;
        vertical-align: middle;
        cursor: pointer;
        outline: none;
      }
      
      /* bolinha interna quando marcado */
      .woocommerce input[type=radio].input-radio:checked::before,
      .woocommerce .woocommerce-SavedPaymentMethods-tokenInput:checked::before {
        content: "";
        position: absolute;
        inset: 0;
        margin: 3px; /* centraliza a bolinha */
        background: #E612D9;
        border-radius: 50%;
      }
      
      /* hover suave */
      .woocommerce input[type=radio].input-radio:hover,
      .woocommerce .woocommerce-SavedPaymentMethods-tokenInput:hover {
        box-shadow: 0 0 0 4px rgba(230,18,217,0.3);
      }
      
      
      
      
  /* Botão Copiar + ícone lado a lado */
  .coupon-actions{
    display:inline-flex;
    align-items:center;
    gap:8px;
  }

  /* Ícone cinza (SVG preto colorido via mask) */
  .info-icon{
      margin-left: 12px !important;
    width:18px !important;
    height:18px !important;
    display:inline-block;
    background: #D1CFEA !important; /* cinza claro que contrasta no fundo escuro */
    -webkit-mask: url('/wp-content/uploads/midia/icone_informacao.svg') no-repeat center / contain;
            mask: url('/wp-content/uploads/midia/icone_informacao.svg') no-repeat center / contain;
    transition:opacity .15s ease, transform .15s ease;
    vertical-align:middle;
    padding: 0 !important;
  }
  .info-icon:hover{ opacity:1; transform:scale(1.08); background: white !important; }

  /* Se o cupom estiver inativo, apaga um pouco o ícone */
  .cupom-inativo .info-icon{ opacity:.45; }


  /* Popover */
  .coupon-popover{
      font-family: "Quicksand", Sans-Serif;
    position:absolute; z-index:9999; min-width:260px; max-width:320px;
    background:#151515; color:#ededed; border:1px solid #2b2b2b;
    border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.45);
    padding:12px 14px; transform:translate(-50%, 10px);
  }
  .coupon-popover[hidden]{ display:none !important; }
  .coupon-popover .cp-arrow{
    position:absolute; top:-8px; left:50%; width:16px; height:16px;
    background:#151515; border-left:1px solid #2b2b2b; border-top:1px solid #2b2b2b;
    transform:translateX(-50%) rotate(45deg);
  }
  .coupon-popover .cp-title{
    margin:0 0 8px; font-size:14px; font-weight:600; color:#ffffff;
  }
  .coupon-popover .cp-list{ margin:0 0 10px; }
  .coupon-popover .cp-row{ display:flex; gap:8px; margin:6px 0; }
  .coupon-popover dt{ min-width:78px; color:#b8b8b8; font-weight:500; }
  .coupon-popover dd{ margin:0; }
  .coupon-popover .cp-cta{
    display:inline-block; padding:8px 12px; border-radius:8px;
    border:1px solid #12E6B8; color:#12E6B8; text-decoration:none; font-weight:600;
  }
  .coupon-popover .cp-cta.disabled{
    opacity:.5; pointer-events:none; border-color:#666; color:#aaa;
  }

  /* Cabeçalho: deixa o título à esquerda e o toggle na extrema direita */
  .tabela-cupons .coupons-header{
    display:flex;
    align-items:center;
    gap:16px;
    justify-content:space-between; /* empurra o toggle para a direita */
  }
  .tabela-cupons .toggle-inativos{
    margin-left:auto;              /* redundância útil caso o style inline mude */
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:600;
  }

  /* Toggle “pill” chapado (cinza) – versão compacta 36x18 */
  #toggle-inativos{
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    width: 36px !important;             /* ↓ antes era 46 */
    height: 18px !important;            /* ↓ antes era 24 */
    background: #5a5a5a !important;
    border-radius: 18px !important;
    box-shadow: none !important;

    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;        /* mantém o knob clipado */
    line-height: 0 !important;

    display: inline-block !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    transition: background .15s ease !important;
  }

  /* Botão (knob) */
  #toggle-inativos::after{
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 14px !important;             /* 18 - (2*2) */
    height: 14px !important;            /* 18 - (2*2) */
    background: #ffffff !important;
    border-radius: 50% !important;
    transform: translateX(0) !important;
    transition: transform .18s ease !important;
  }

  /* Ligado – move o knob (track continua cinza) */
  #toggle-inativos:checked::after{
    transform: translateX(18px) !important; /* 36 - 18 */
  }

  /* Foco visível (sem sombra) */
  #toggle-inativos:focus-visible{
    outline: 2px solid #033e60 !important;
    outline-offset: 2px !important;
  }

  /* Desabilitado */
  #toggle-inativos:disabled{
    opacity: .6 !important;
    cursor: not-allowed !important;
  }

  /* Cabeçalho (opcional) */
  .tabela-cupons .coupons-header{
    display: flex !important;
    align-items: center !important;
  }
  .tabela-cupons .toggle-inativos{
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }



  /* ------- "Exibir: N itens" (botão + dropdown) ------- */
  .pp-actions{ display:flex; justify-content:flex-end; margin:6px 0 10px; }
  .coupons-header{ display:flex; align-items:center; gap:16px; justify-content:space-between; }
  .coupons-header .coupons-actions{ margin-left:auto; display:flex; align-items:center; gap:12px; }

  .pp-control{ position:relative; display:inline-flex; align-items:center; gap:8px; }
  .pp-label{font-size:14px; color: #aaa;}
  .pp-btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 12px; border-radius:8px;
    background:#2f2f2f; color:#fff; border:1px solid rgba(255,255,255,.18);
    line-height:1; cursor:pointer;
  }
  .pp-btn:hover {
      background:#2f2f2f !important;
  }
  .pp-btn:focus,
  .pp-btn:active,
  .pp-btn:focus-visible
  {
      background:#2f2f2f !important;
  }
  .pp-menu{
    position:absolute; right:0; top:calc(100% + 6px);
    min-width:140px; background:#2f2f2f; color:#fff;
    border:1px solid rgba(255,255,255,.18); border-radius:8px;
    padding:6px 0; list-style:none; margin:0; z-index:30;
  }
  .pp-menu[hidden]{ display:none; }
  .pp-menu li{ padding:8px 12px; white-space:nowrap; cursor:pointer; }
  .pp-menu li:hover{ background:rgba(255,255,255,.08); }

  /* caret reutilizando o chevron-right cacheado (rotacionado p/ baixo) */
  .pp-caret{
    width:12px; height:12px; display:inline-block; background:currentColor;
    -webkit-mask-image: var(--chevron-url);
            mask-image: var(--chevron-url);
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center;   mask-position:center;
    -webkit-mask-size:100% 100%;    mask-size:100% 100%;
    transform:rotate(90deg);
  }

  /* Paginação (mantém seu visual) */
  .simple-pagination{ margin:20px 0; display:flex; gap:5px; justify-content:center; }
  .simple-pagination button{
    padding:8px 12px; border:1px solid #033e60; background:#fff; color:#033e60;
    cursor:pointer; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  }
  .simple-pagination button.active{ background:#033e60; color:#fff; }
  .simple-pagination button:disabled{ opacity:.5; cursor:not-allowed; }

  /* Chevron */
  .chev-icon{ width:16px; height:16px; display:inline-block; background-color:currentColor;
    -webkit-mask-image:var(--chevron-url); mask-image:var(--chevron-url);
    -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
    -webkit-mask-position:center; mask-position:center;
    -webkit-mask-size:100% 100%; mask-size:100% 100%;
  }
  .chev-img{ width:16px; height:16px; display:block; }
  .chev-left{ transform:rotate(180deg); }/* End custom CSS */