/* 
 * Evoleve Premium Styles 
 * Author: Antigravity
 * Description: Estilos globais para um visual de alto padrão (Glassmorphism, gradientes e sombras).
 */

/* ==========================================================================
   FUNDO E TIPOGRAFIA GLOBAL (DARK MODE)
   ========================================================================== */
body, 
.site,
.elementor-page, 
.site-main {
    background-color: #0b1021 !important; /* Fundo escuro premium combinando com a home */
    color: #e0e0e0 !important;
}

body, 
p, 
h1, h2, h3, h4, h5, h6, 
.elementor-heading-title, 
.woocommerce-loop-product__title,
.elementor-widget-text-editor,
.woocommerce-breadcrumb {
    font-family: 'Inter', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, 
.elementor-heading-title,
.page-title {
    color: #ffffff !important;
}

/* ==========================================================================
   CARTÕES DE PRODUTOS WOOCOMMERCE & ELEMENTOR (Efeito Glassmorphism)
   ========================================================================== */
.woocommerce ul.products li.product,
.elementor-widget-woocommerce-products .products .product {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    text-align: center;
    position: relative;
    overflow: visible !important; /* Importante para o selo de oferta sair pra fora */
}

/* Efeito Hover nos Cartões */
.woocommerce ul.products li.product:hover,
.elementor-widget-woocommerce-products .products .product:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Imagens dos Produtos */
.woocommerce ul.products li.product img {
    border-radius: 12px !important;
    transition: transform 0.4s ease !important;
    margin-bottom: 15px !important;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.03) !important;
}

/* Títulos dos Produtos */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
}

/* Preços */
.woocommerce ul.products li.product .price {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #4364F7 !important; /* Azul moderno */
    margin-bottom: 15px !important;
}

.woocommerce ul.products li.product .price del {
    color: rgba(255, 255, 255, 0.4) !important;
    font-size: 0.9rem !important;
    margin-right: 8px !important;
}

/* ==========================================================================
   BOTÕES (Adicionar ao Carrinho & Elementor Buttons)
   ========================================================================== */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.elementor-button {
    background: linear-gradient(135deg, #0052D4 0%, #4364F7 50%, #6FB1FC 100%) !important;
    border-radius: 50px !important; /* Estilo pílula */
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.8px !important;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(67, 100, 247, 0.2) !important;
    display: inline-block !important;
}

/* Hover dos Botões */
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.elementor-button:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(67, 100, 247, 0.5) !important;
    background: linear-gradient(135deg, #0045b8 0%, #3553db 50%, #599cf0 100%) !important;
    color: #ffffff !important;
}

/* ==========================================================================
   SELO DE OFERTA ("Oferta!")
   ========================================================================== */
.woocommerce span.onsale {
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important;
    color: white !important;
    border-radius: 30px !important; /* Pílula */
    padding: 6px 16px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    box-shadow: 0 4px 15px rgba(255, 75, 43, 0.4) !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 1px !important;
    
    /* Posicionamento flutuante */
    position: absolute !important;
    top: -12px !important;
    right: -12px !important;
    left: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9 !important;
}

/* ==========================================================================
   REFINAMENTOS EXTRAS (Header e Menu)
   ========================================================================== */
/* Adicionando um leve brilho no header se for escuro */
.elementor-location-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

.elementor-nav-menu--main .elementor-item {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.elementor-nav-menu--main .elementor-item:hover {
    color: #6FB1FC !important;
}

/* ==========================================================================
   FORMULÁRIOS, INPUTS E CONTATOS
   ========================================================================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
textarea,
select,
.elementor-field-group input,
.elementor-field-group textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
.elementor-field-group input:focus,
.elementor-field-group textarea:focus,
.woocommerce form .form-row input.input-text:focus {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #6FB1FC !important;
    box-shadow: 0 0 10px rgba(111, 177, 252, 0.3) !important;
    outline: none !important;
}

/* ==========================================================================
   PÁGINAS INTERNAS WOOCOMMERCE (Carrinho e Minha Conta)
   ========================================================================== */
/* Tabelas (Carrinho / Checkout) */
.woocommerce table.shop_table {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    border-collapse: separate !important;
    overflow: hidden !important;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #f1f1f1 !important;
}

/* My Account / Minha Conta Navigation e Painel */
.woocommerce-MyAccount-navigation {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 15px !important;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #ddd !important;
    padding: 10px 0 !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #6FB1FC !important;
    padding-left: 5px !important;
}

.woocommerce-MyAccount-content {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* Totais do Carrinho e Caixas Auxiliares */
.cart_totals, .woocommerce-checkout-review-order {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 25px !important;
}

/* Ocultar botões "CLIQUE AQUI" na Home */
.elementor-element-15b0da1, 
.elementor-element-ad24b6a {
    display: none !important;
}

/* Ocultar títulos padrão do tema nas novas páginas para não duplicar com os títulos customizados */
.page-id-423 .page-title,
.page-id-424 .page-title,
.page-id-425 .page-title,
.page-id-426 .page-title,
.page-id-423 .entry-title,
.page-id-424 .entry-title,
.page-id-425 .entry-title,
.page-id-426 .entry-title,
.page-id-423 .gva-breadcrumb,
.page-id-424 .gva-breadcrumb,
.page-id-425 .gva-breadcrumb,
.page-id-426 .gva-breadcrumb,
.page-id-423 .custom-page-title,
.page-id-424 .custom-page-title,
.page-id-425 .custom-page-title,
.page-id-426 .custom-page-title {
    display: none !important;
}

/* Correção de sobreposição do carrinho lateral (z-index) */
header.elementor-location-header,
[data-elementor-type="header"] {
    z-index: 99999999 !important;
    position: relative;
}

/* Para o painel do carrinho propriamente dito e qualquer overlay */
.elementor-menu-cart__container,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__container,
.gva-offcanvas-content,
.gva-offcanvas-wrapper,
.elementor-menu-cart__main {
    z-index: 99999999 !important;
}

/* Correção Agressiva de cores dos Dropdowns (Select2) do WooCommerce no Checkout */
body .select2-container--default .select2-results__option,
body .select2-container .select2-results__option,
.woocommerce-checkout .select2-container .select2-results__option,
.e-checkout__container .select2-results__option,
.select2-results__option {
    color: #333333 !important;
    background-color: #ffffff !important;
}

body .select2-container--default .select2-results__option[aria-selected="true"],
.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #e5e5e5 !important;
    color: #000000 !important;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #128C7E !important;
    color: #ffffff !important;
}

body .select2-container--default .select2-dropdown,
.woocommerce-checkout .select2-container--default .select2-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #128C7E !important;
}

/* Forçar todos os campos do checkout a 100% de largura (Corrigir BCTFW inputs curtos) */
.woocommerce-checkout form.checkout .form-row input.input-text,
.woocommerce-checkout form.checkout .form-row select,
.woocommerce-checkout form.checkout .form-row .select2-container,
.woocommerce-checkout form.checkout .form-row input[type="tel"],
.woocommerce-address-fields .form-row input.input-text,
.woocommerce-address-fields .form-row select,
.woocommerce-address-fields .form-row .select2-container,
.woocommerce-address-fields .form-row input[type="tel"] {
    width: 100% !important;
    max-width: 100% !important;
}

/* Evitar que os wrappers dos campos fiquem divididos pela metade e quebrem o layout */
.woocommerce-checkout form.checkout .form-row,
.woocommerce-checkout form.checkout .form-row-first,
.woocommerce-checkout form.checkout .form-row-last,
.woocommerce-address-fields .form-row,
.woocommerce-address-fields .form-row-first,
.woocommerce-address-fields .form-row-last {
    width: 100% !important;
    float: none !important;
    display: block !important;
}