.elementor-262 .elementor-element.elementor-element-e01ec8d{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-262 .elementor-element.elementor-element-65add58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-ed6273a );--border-color:var( --e-global-color-ed6273a );--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-262 .elementor-element.elementor-element-65add58:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-65add58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-262 .elementor-element.elementor-element-65add58.e-con{--align-self:flex-start;}.elementor-262 .elementor-element.elementor-element-3373ec3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-262 .elementor-element.elementor-element-2669156{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-262 .elementor-element.elementor-element-2669156.elementor-element{--align-self:flex-start;}.elementor-262 .elementor-element.elementor-element-2669156 img{border-radius:50% 50% 50% 50%;}.elementor-262 .elementor-element.elementor-element-7432dde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-0ff38e8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-text );}.elementor-262 .elementor-element.elementor-element-320b7f5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-262 .elementor-element.elementor-element-8676671{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:51px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-262 .elementor-element.elementor-element-8676671.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-262 .elementor-element.elementor-element-dcf27fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 51px;padding:0px 0px 0px 0px;}.elementor-262 .elementor-element.elementor-element-dcf27fb.elementor-element{--align-self:center;}.elementor-262 .elementor-element.elementor-element-dcf27fb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:600;color:var( --e-global-color-text );}.elementor-262 .elementor-element.elementor-element-e10b5ef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--padding-top:10px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-262 .elementor-element.elementor-element-d233ffd{--e-icon-list-icon-size:20px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-icon{padding-inline-end:7px;}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-262 .elementor-element.elementor-element-d233ffd .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-262 .elementor-element.elementor-element-fa1aa76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-ed6273a );--border-color:var( --e-global-color-ed6273a );--border-radius:8px 8px 8px 8px;}.elementor-262 .elementor-element.elementor-element-fa1aa76:not(.elementor-motion-effects-element-type-background), .elementor-262 .elementor-element.elementor-element-fa1aa76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#212121;}.elementor-262 .elementor-element.elementor-element-fa1aa76.e-con{--align-self:flex-start;}.elementor-262 .elementor-element.elementor-element-8fcd428{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-65add58{--width:414px;}.elementor-262 .elementor-element.elementor-element-7432dde{--width:135px;}.elementor-262 .elementor-element.elementor-element-8676671{--width:10%;}.elementor-262 .elementor-element.elementor-element-fa1aa76{--width:70%;}}@media(max-width:1366px) and (min-width:768px){.elementor-262 .elementor-element.elementor-element-8676671{--width:20.792%;}}/* Start custom CSS for shortcode, class: .elementor-element-2a3deab *//* ===== Esconder navegação ===== */ 
.woocommerce-MyAccount-navigation {
    display: none !important;
}

/* ===== Forçar o conteúdo a ocupar 100% do container Elementor ===== */
.woocommerce-account .woocommerce {
    display: block !important;
    width: 100% !important;
}

.woocommerce-MyAccount-content {
    /* background-color: #171722;  REMOVIDO */
    padding: 30px;
    border-radius: 10px;
    color: #fff;
    font-family: 'Inter', sans-serif;
    width: 100% !important;
    max-width: none !important;
    margin: 0;
    box-sizing: border-box;
    box-shadow: none;
}

/* ===== Remove limites de largura impostos pelo Elementor ===== */
.elementor-element .woocommerce {
    max-width: 100% !important;
    padding: 0 !important;
}

.elementor-element .woocommerce-MyAccount-content {
    max-width: 100% !important;
}

/* ===== Títulos e legend padronizados ===== */
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content legend {
    color: #fff;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

/* ===== Links comuns (não botões) ===== */
.woocommerce-MyAccount-content a:not(.button) {
    color: #007BFF !important;
    text-decoration: none;
}
.woocommerce-MyAccount-content a:not(.button):hover {
    text-decoration: underline;
}

/* ===== Campos de formulário ===== */
.woocommerce-EditAccountForm label {
    color: #cfcfe6;
    font-weight: 500;
}

.woocommerce-EditAccountForm input[type="text"],
.woocommerce-EditAccountForm input[type="email"],
.woocommerce-EditAccountForm input[type="password"],
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    background-color: #3b3b3b !important;
    border: none !important;
    color: #fff !important;
    padding: 12px;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
}

.woocommerce-EditAccountForm input:focus,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
    outline: none;
    box-shadow: 0 0 0 2px #007BFF;
}

/* ===== Remover borda e espaçamento do fieldset de Alteração de senha ===== */
fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== Botões WooCommerce (inclusive <a> com .button) ===== */
.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #007BFF !important;
    color: #fff !important;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    border: none !important;
    cursor: pointer;
    transition: background 0.3s ease;
    text-decoration: none !important;
}

.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #0056b3 !important;
}

/* ===== Checkbox ===== */
.woocommerce-EditAccountForm input[type="checkbox"],
.woocommerce form .form-row input[type="checkbox"] {
    accent-color: #007BFF;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa1aa76 *//* ------------------------------------------------ */
/* 1. FUNDO ESCURO E ESTILO GERAL DO CARD (FreelaHub) */
/* ------------------------------------------------ */

/* Força o fundo escuro do lado esquerdo do formulário */
/* Assumindo que você aplicou a cor de fundo preta/escura no Elementor para este container. */

/* Alinhamento do Título e Links */
.woocommerce-form-login h2, .woocommerce-form-register h2 {
    text-align: center;
    color: #fff; /* Título branco */
    font-size: 24px;
    margin-bottom: 25px;
}

/* Centraliza os links "Perdeu a senha?" e "Cadastre-se" */
.woocommerce-LostPassword, #customer_login .switch-form-link { 
    text-align: center;
    margin-top: 20px;
}

/* Estilo para links de navegação (Cadastre-se | Perdeu a senha?) */
.woocommerce-LostPassword a, .woocommerce-form-login__submit {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

/* ------------------------------------------------ */
/* 2. ESTILO DOS INPUTS (Baseado em #262626 do FreelaHub) */
/* ------------------------------------------------ */

/* Campos de entrada de texto e senha */
.woocommerce-Input--text, 
.password-input input, 
.woocommerce-form-row-wide .input-text {
    /* Força o fundo e borda escura, como no FreelaHub */
    border-color: #262626 !important;
    background-color: #262626 !important;
    color: #fff !important; /* Texto do input branco */
    padding: 10px !important;
    font-size: 17px !important;
    border-radius: 15px !important; /* Cantos arredondados */
    box-shadow: none !important;
    border-width: 1px !important; /* Garante que a borda seja visível */
    width: 100% !important;
}

/* Foco nos campos */
.woocommerce-Input--text:focus, 
.password-input input:focus {
    outline: 1px solid #fff !important; /* Borda de foco branca */
    border-color: #fff !important;
    box-shadow: 0 0 0 1px #fff !important;
}

/* Rótulos (Labels) */
.woocommerce-form-row label, 
.woocommerce-form-login__rememberme span {
    color: #fff; /* Labels brancas */
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

/* ------------------------------------------------ */
/* 3. ESTILO DOS BOTÕES (Invertido: Fundo Branco, Texto Preto) */
/* ------------------------------------------------ */

.woocommerce-button.button {
    /* Baseado no estilo do botão submit do FreelaHub */
    all: revert; /* Zera estilos de botões anteriores */
    width: 100% !important;
    background-color: #fff !important;
    border: none !important;
    padding: 15px !important;
    cursor: pointer !important;
    border-radius: 100px !important; /* Botão pilular */
    color: #000 !important;
    margin-top: 15px !important;
    font-weight: 600 !important;
    transition: background-color 0.1s linear;
}

.woocommerce-button.button:hover {
    background-color: #C2C2C2 !important; /* Cinza claro no hover */
}

/* ------------------------------------------------ */
/* 4. AJUSTE DE LAYOUT E VISUALIZAÇÃO DO WOOCOMMERCE */
/* ------------------------------------------------ */

/* Remove a divisão de duas colunas nativa do WooCommerce, pois estamos usando o Elementor */
.u-columns.col2-set {
    display: block !important;
}

/* Garante que o formulário ocupe o espaço dentro do container 50% */
#customer_login .u-column1, #customer_login .u-/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e01ec8d *//* Remover fundo e borda dos blocos */
.woocommerce-view-subscription .ywsbs-box {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 25px;
}

/* Itens de informação - borda entre eles */
.woocommerce-view-subscription .ywsbs-subscription-info-item {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* Remover borda do último item de cada bloco */
.woocommerce-view-subscription .ywsbs-subscription-info-item:last-child {
    border-bottom: none !important;
}

/* Remover borda dos itens de endereço */
.woocommerce-view-subscription .ywsbs-subscription-info-box.billing-info .ywsbs-subscription-info-item {
    border-bottom: none !important;
}

/* Texto */
.woocommerce-view-subscription .ywsbs-subscription-info-item strong {
    color: #fff;
    font-weight: 500;
}
.woocommerce-view-subscription .ywsbs-subscription-info-item {
    color: #fff;
    font-size: 14px;
}

/* Forçar todos os blocos da assinatura a ficarem empilhados */
.woocommerce-view-subscription .ywsbs-subscription-info-wrapper {
    display: block !important;
}

/* Cada box ocupa 100% e vem um abaixo do outro */
.woocommerce-view-subscription .ywsbs-box {
    width: 100% !important;
    margin-bottom: 25px !important;
}

/* Remover margens laterais automáticas do plugin */
.woocommerce-view-subscription .ywsbs-subscription-info-box,
.woocommerce-view-subscription .ywsbs-subscription-info-box.subscription-totals {
    float: none !important;
    margin: 0 0 25px 0 !important;
}

/* Botão de cancelar assinatura */
.woocommerce-view-subscription .ywsbs-open-modal[data-target="action-cancel-subscription"] {
    background-color: #D23B4D !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* Efeito hover */
.woocommerce-view-subscription .ywsbs-open-modal[data-target="action-cancel-subscription"]:hover {
    background-color: #a72f3d !important;
}

.ywsbs-subscription-view-wrap table.subscription-review-table th,
.ywsbs-subscription-view-wrap table.subscription-review-table td {
    padding: 5px 20px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb4e979 *//* Garante que os cards não fiquem lado a lado, pois apenas um estará visível */
#customer_login.u-columns.col2-set {
    display: block; /* Remove o display: flex para que o toggle funcione melhor */
    max-width: 450px; /* Limita a largura para ficar centralizado e clean */
    margin: 40px auto; /* Centraliza */
}

/* Garante que o formulário de login ocupe o espaço total, ignorando a coluna de cadastro oculta */
#customer_login .u-column1 {
    width: 100% !important; 
    float: none !important;
    margin-right: 0 !important;
}

/* Estilo para os novos links de alternância */
.switch-form-link {
    text-align: center;
    margin-top: 20px;
    font-size: 15px;
}

.switch-form-link a {
    color: #FF6600; /* Use a cor de destaque do seu botão */
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS *//* ===== Estilo para Assinaturas com Subscrição (YITH Memberships) ===== */

/* Título do acordeão */
.yith-wcmbs-my-account-accordion h3 {
    background: none !important;
    color: #fff !important;
    font-size: 18px;
    padding: 12px 15px;
    margin: 0;
    border-bottom: 1px solid #333;
    cursor: pointer;
}

/* Conteúdo geral */
.yith-wcmbs-my-account-membership-container {
    background: none !important;
    color: #fff !important;
    padding: 20px;
}

/* Itens de detalhes da assinatura */
.yith-wcmbs-membership-detail {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #333;
    background: transparent !important;
}

.yith-wcmbs-membership-detail:last-child {
    border-bottom: none;
}

/* Remove cores diferentes do nth-child */
.yith-wcmbs-membership-detail:nth-child(3n + 2) {
    background: transparent !important;
}

/* Remove cor de status ativo/resumido */
.yith-wcmbs-membership-detail.yith-wcmbs-membership-detail--status--active,
.yith-wcmbs-membership-detail.yith-wcmbs-membership-detail--status--resumed {
    background: transparent !important;
}

/* Títulos e valores */
.yith-wcmbs-membership-detail__title {
    font-weight: 500;
    color: #cfcfe6;
}

.yith-wcmbs-membership-detail__value {
    color: #fff;
}


/* Tabs do histórico */
.yith-wcmbs-tabs .ui-tabs-nav {
    background: none !important;
    border-bottom: 1px solid #333;
}

.yith-wcmbs-tabs .ui-tabs-nav li a {
    color: #fff !important;
    padding: 10px 15px;
    display: block;
}

.yith-wcmbs-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-bottom: 2px solid #007BFF;
}

/* Histórico de atividades */
.yith-wcmbs-membership-history-activity {
    padding: 10px 0;
    border-bottom: 1px solid #333;
}

.yith-wcmbs-membership-history-activity:last-child {
    border-bottom: none;
}

.yith-wcmbs-membership-history-activity__date {
    color: #cfcfe6;
    font-size: 14px;
}

.yith-wcmbs-membership-history-activity__note {
    color: #fff;
    font-size: 15px;
}

/* Botões padrão WooCommerce */
.yith-wcmbs-my-account-membership-container .button,
.yith-wcmbs-my-account-membership-container a.button {
    background-color: #007BFF !important;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.yith-wcmbs-my-account-membership-container .button:hover,
.yith-wcmbs-my-account-membership-container a.button:hover {
    background-color: #0056b3 !important;
}

/* ---- YITH Membership: manter layout original e fundo transparente ---- */

/* Remover QUALQUER fundo dessas caixas (somente cor, sem alterar layout) */
.yith-wcmbs-membership-detail,
.yith-wcmbs-membership-detail:nth-child(3n + 2),
.yith-wcmbs-membership-detail.yith-wcmbs-membership-detail--status--active,
.yith-wcmbs-membership-detail.yith-wcmbs-membership-detail--status--resumed {
  background: transparent !important;
}

/* Garantir que não fique em flex (volta ao padrão do plugin) */
.yith-wcmbs-membership-detail {
  display: block !important;         /* volta ao fluxo normal */
  /* opcional: se quiser manter o espaçamento padrão do plugin */
  padding: 20px !important;          
  border: none !important;           /* sem bordas de caixa */
}

/* Se quiser manter apenas um separador entre itens (fino) */
.yith-wcmbs-membership-detail + .yith-wcmbs-membership-detail {
  border-top: 1px solid #333;        /* linha divisória discreta */
}

/* ===== Força borda nas caixas de detalhes ===== */
.yith-wcmbs-my-account-membership-container .yith-wcmbs-membership-detail {
    background: transparent !important; /* Garante fundo transparente */
    border: 1px solid #333 !important;   /* Força a borda */
    padding: 20px !important;
    margin-bottom: 10px !important;
    border-radius: 6px !important;
}/* End custom CSS */