.header-container.header-third .logo-container {
    background: white !important;

}

.header-container.header-third .box-welcome .welcome {
    background: white !important;

}
.header-container.header-third .hotline {

    background: #292560 !important;

}

.main-container .page-content .button, .main-container .page-content .button.alt, .main-container .page-content #submit {
    background: #00adef !important;
  
}.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {
     color: white !important; 
    cursor: not-allowed;
     opacity: 100 !important; 
}



/* Container do formulário */
.woocommerce-form-register {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    float: left;
}

/* Cada campo do formulário */
.woocommerce-form-register p.woocommerce-form-row {
    display: flex;
    flex-direction: column; /* empilha label e input verticalmente */
    align-items: flex-start; /* alinha à esquerda */
    margin-bottom: 20px; /* espaço entre os campos */
    padding-left: 20px; /* recuo à esquerda */
    box-sizing: border-box;
}
/* Inputs, selects e botão ocupando toda a largura interna do container */
.woocommerce-form-register input.input-text,
.woocommerce-form-register select,
.woocommerce-form-register input.button {
    width: calc(100% - 20px); /* ajusta para o recuo */
    box-sizing: border-box;
}


.vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}






/* Remove padding/margin da lista e alinha à esquerda */
.woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

/* Cada item do frete ocupa a linha */
.woocommerce-shipping-methods li {
    display: block; /* força cada opção em uma linha */
    margin-bottom: 10px; /* espaço entre as opções */
}

/* Label alinhada ao lado do radio button */
.woocommerce-shipping-methods li label {
    display: inline-block;
    margin-left: 5px;
}

/* Para o valor da taxa ficar na mesma linha */
.woocommerce-shipping-methods li label span.woocommerce-Price-amount {
    margin-left: 10px;
}

/* Linhas principais */
.whatsapp-inline,
.email-inline {
    display: flex;
    align-items: center;
    gap: 0px;                /* espaço entre ícone e texto */
    margin-bottom: 8px;
    justify-content: flex-start; /* garante alinhamento à esquerda */
}

/* Remove margens padrão dos ícones do WPBakery */
.whatsapp-inline .vc_icon_element,
.email-inline .vc_icon_element {
    margin: 0 !important;
    padding: 0 !important;
}

/* Texto do WhatsApp */
.whatsapp-inline .whatsapp-number {
    font-size: 12px;
    font-weight: 500;
    color: #555555;
    white-space: nowrap;
    margin-left: -5px; /* puxa levemente o texto pra esquerda */
}

/* Texto do E-mail */
.email-inline .conta {
    font-size: 12px;
    font-weight: 500;
    color: #555555;
    white-space: nowrap;
    margin-left: -5px; /* mesmo recuo */
}

/* Cores dos ícones (opcional) */
.whatsapp-inline .vc_icon_element i {
    color: green !important;
}

.email-inline .vc_icon_element i {
    color: black !important;
}
/* Mobile: centraliza WhatsApp e E-mail */
@media (max-width: 768px) {
    .whatsapp-inline,
    .email-inline {
        justify-content: center !important; /* centraliza horizontalmente */
        text-align: center;                 /* centraliza texto */
    }

    /* Garante que o gap entre ícone e texto continue funcional */
    .whatsapp-inline .vc_icon_element,
    .email-inline .vc_icon_element {
        margin-right: 8px; /* espaço entre ícone e texto no mobile */
    }

    /* Ajusta os textos */
    .whatsapp-inline .whatsapp-number,
    .email-inline .conta {
        margin-left: 0 !important; /* remove o recuo negativo do desktop */
        white-space: normal;        /* permite quebrar linha se necessário */
    }
}



@media (max-width: 768px) {
    /* Centraliza os títulos h3 do footer */
    .f-col h3 {
        text-align: center !important;
        margin: 10px 0 !important;
    }

    /* Centraliza o ícone do Instagram */
    #instagram {
        display: block !important;
        margin: 10px auto !important;
        text-align: center !important;
    }

    /* Opcional: centraliza imagens de pagamento */
    #visa {
        display: block !important;
        margin: 10px auto !important;
        text-align: center !important;
    }

    /* Centraliza todo o conteúdo das colunas */
    .f-col {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
}


/* Apenas para mobile (telas até 768px) */

    .main-container .woocommerce-checkout .woocommerce-billing-fields .input-text,
    .main-container .woocommerce-checkout .woocommerce-shipping-fields .input-text {
        width: 100% !important;
    }

/* Apenas para mobile (telas até 768px) */
@media (max-width: 768px) {
    .main-container .page-content .input-text,
    .main-container .page-content input[type='text'],
    .main-container .page-content .form-row .input-text
     {
        width: 100% !important;
    }
}


/* Mobile (telas até 768px) */
    .main-container .shop_table td {
        text-align: left !important; /* ou right, dependendo do que você quer */
    }

/* Mobile (telas até 768px) */
    .main-container .shop_table th {
        text-align: left !important; /* ou right, dependendo do que você quiser */
    }
    
    
    
    .woocommerce-checkout-review-order-table .woocommerce-shipping-totals.shipping th {
    width: 50% !important;       /* força a largura */
    white-space: normal !important; /* permite quebrar linha se necessário */
    padding: 5px 10px;             /* ajusta padding se precisar */
}

.woocommerce-shipping-totals.shipping th {
    display: block !important;
}

.main-container #order_review .shop_table .shipping th, .main-container #order_review .shop_table .shipping td {
    float: left;
}


/* ==============================
   Checkout WooCommerce - Botão Finalizar Pedido
   ============================== */

/* Garante que a order-box envolva todo o conteúdo */
.main-container .order-box {
    padding: 20px;          /* espaço interno da caixa */
    border: 1px solid #ddd; /* borda suave */
    border-radius: 6px;     /* cantos arredondados */
    background-color: #fff; /* fundo branco */
    box-sizing: border-box;
}

/* Garante que o formulário de place-order fique dentro da order-box */
.main-container .order-box .form-row.place-order {
    margin-top: 20px;       /* espaço acima do botão */
    display: flex;
    flex-direction: column; /* botão em coluna */
    align-items: stretch;   /* botão ocupa toda largura */
}

/* Botão Finalizar Pedido */
.main-container .order-box .form-row.place-order button#place_order {
    width: 50%;             /* ocupa toda a largura da order-box */
    padding: 5px 0;         /* altura do botão */
    font-size: 16px;         /* tamanho do texto */
    font-weight: bold;
    background-color: #0073aa; /* cor do botão */
    color: #fff;             /* texto branco */
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Efeito hover no botão */
.main-container .order-box .form-row.place-order button#place_order:hover {
    background-color: #005177;
}

.main-container .product-view .single-product-image .thumbnails.slider {
   
    background: #FFFFFF !important;
}
.main-container .woocommerce-checkout .woocommerce-billing-fields select, .main-container .woocommerce-checkout .woocommerce-shipping-fields select {
    
    width: 100% !important;
}
.main-container .page-content .form-row textarea {

    width: 100% !important;
}




#shipping_method li {
    display: flex;
    align-items: center;           /* alinha verticalmente input e label */
    justify-content: space-between; /* separa label e preço */
    padding: 5px 0;
}

#shipping_method li label {
    display: flex;
    flex: 1;                       /* ocupa o espaço entre input e preço */
    align-items: center;           /* mantém input e texto alinhados verticalmente */
    gap: 5px;                       /* espaço entre input e texto do label */
    line-height: 1.5;              /* garante altura consistente */
    padding-left: 11px;
}

#shipping_method li input[type="radio"] {
    margin: 0;
    height: 20px;                  /* altura uniforme para todos inputs */
}

#shipping_method li label span.woocommerce-Price-amount {
    margin-left: auto;             /* empurra o preço para a direita */
}






/* ======== FORMULÁRIO DE LOGIN WOO ======== */
body .woocommerce form.login {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
  max-width: 400px;
}

/* Campos em coluna: label em cima, input abaixo */
body .woocommerce form.login .form-row,
body .woocommerce form.login .woocommerce-form-row {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 15px !important;
}

/* Label alinhado à esquerda */
body .woocommerce form.login label {
  text-align: left !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  color: #333 !important;
  font-size: 15px !important;
}

/* Inputs de texto e senha */
body .woocommerce form.login input[type="text"],
body .woocommerce form.login input[type="password"] {
  width: 100% !important;
  padding: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  transition: border-color 0.3s !important;
  box-sizing: border-box !important;
}

/* Efeito ao focar */
body .woocommerce form.login input[type="text"]:focus,
body .woocommerce form.login input[type="password"]:focus {
  border-color: #0073aa !important;
  outline: none !important;
}

/* Checkbox e "Lembre-me" */
body .woocommerce form.login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  font-weight: normal !important;
}

/* Botão de login */
body .woocommerce form.login .woocommerce-button {
  background-color: #0073aa !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  transition: background 0.3s !important;
  width: 40% !important;
}

body .woocommerce form.login .woocommerce-button:hover {
  background-color: #005f8d !important;
}

/* Link "Perdeu sua senha?" */
body .woocommerce form.login .lost_password a {
  font-size: 14px !important;
  color: #0073aa !important;
  text-decoration: none !important;
}

body .woocommerce form.login .lost_password a:hover {
  text-decoration: underline !important;
}




/* ======== FORMULÁRIO DE ENDEREÇO WOO ======== */
body .woocommerce form.woocommerce-EditAddressForm {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
  max-width: 600px !important;
}

/* Campo individual (p) em coluna */
body .woocommerce form.woocommerce-EditAddressForm .form-row {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 15px !important;
}

/* Label à esquerda */
body .woocommerce form.woocommerce-EditAddressForm label {
  text-align: left !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  color: #333 !important;
  font-size: 15px !important;
}

/* Inputs e selects */
body .woocommerce form.woocommerce-EditAddressForm input[type="text"],
body .woocommerce form.woocommerce-EditAddressForm select {
  width: 80% !important; /* mesmo width que está no HTML */
  padding: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  transition: border-color 0.3s !important;
  box-sizing: border-box !important;
}

/* Efeito de foco */
body .woocommerce form.woocommerce-EditAddressForm input[type="text"]:focus,
body .woocommerce form.woocommerce-EditAddressForm select:focus {
  border-color: #0073aa !important;
  outline: none !important;
}

/* Botão salvar endereço */
body .woocommerce form.woocommerce-EditAddressForm button.button {
  background-color: #0073aa !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  transition: background 0.3s !important;
  width: 200px !important;
}

body .woocommerce form.woocommerce-EditAddressForm button.button:hover {
  background-color: #005f8d !important;
}


/* ======== FORMULÁRIO EDITAR CONTA WOO ======== */
body .woocommerce form.woocommerce-EditAccountForm {
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important;
  max-width: 600px !important;
}

/* Cada campo (p) em coluna: label acima, input abaixo */
body .woocommerce form.woocommerce-EditAccountForm .form-row {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 15px !important;
}

/* Label à esquerda */
body .woocommerce form.woocommerce-EditAccountForm label {
  text-align: left !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  color: #333 !important;
  font-size: 15px !important;
}

/* Inputs e campos de senha */
body .woocommerce form.woocommerce-EditAccountForm input[type="text"],
body .woocommerce form.woocommerce-EditAccountForm input[type="email"],
body .woocommerce form.woocommerce-EditAccountForm input[type="password"] {
  width: 80% !important;
  padding: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  transition: border-color 0.3s !important;
  box-sizing: border-box !important;
}

/* Efeito ao focar */
body .woocommerce form.woocommerce-EditAccountForm input[type="text"]:focus,
body .woocommerce form.woocommerce-EditAccountForm input[type="email"]:focus,
body .woocommerce form.woocommerce-EditAccountForm input[type="password"]:focus {
  border-color: #0073aa !important;
  outline: none !important;
}

/* Campo de ajuda abaixo do nome de exibição */
body .woocommerce form.woocommerce-EditAccountForm span#account_display_name_description {
  font-size: 13px !important;
  color: #666 !important;
  margin-top: 5px !important;
}

/* Fieldset (Alterar senha) */
body .woocommerce form.woocommerce-EditAccountForm fieldset {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: 15px 20px !important;
}

body .woocommerce form.woocommerce-EditAccountForm legend {
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #333 !important;
  margin-bottom: 10px !important;
}

/* Botão de salvar */
body .woocommerce form.woocommerce-EditAccountForm button.woocommerce-Button {
  background-color: #0073aa !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  font-size: 16px !important;
  transition: background 0.3s !important;
  width: 200px !important;
}

body .woocommerce form.woocommerce-EditAccountForm button.woocommerce-Button:hover {
  background-color: #005f8d !important;
}