/*
Theme Name: Venedor
Theme URI: http://newsmartwave.net/wordpress/venedor/
Author: SW-THEMES
Author URI: http://themeforest.net/user/SW-THEMES
Description: Responsive & Retina Ready Woocommerce Theme
Version: 2.5.9
License: GNU General Public License
License URI: license.txt
Tags: green, blue, orange, pink, brown, red, yellow, grid, clean, parallax, one-column, two-columns, left-sidebar, right-sidebar,  fluid-layout, custom-colors, custom-header, custom-background, custom-menu, editor-style, theme-options, sticky-post, translation-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@import url(https://fonts.googleapis.com/css?family=Dorsa);
	@import url(https://fonts.googleapis.com/css?family=Marck+Script);
	@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300);
	@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:100,300);
	@import url(https://fonts.googleapis.com/css?family=Buda:300);
	@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,700);

/* Sidebar Menu Icons */
.sidebar-menu-wrap .icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-top: -0.2em;
    margin-right: 5px;
    background: url(images/sidebar_menu_icons.png);
    vertical-align: middle;
}
.sidebar-menu-wrap .icon1 {
    background-position: 0 0;
}
.sidebar-menu-wrap .icon2 {
    background-position: -21px 0;
}
.sidebar-menu-wrap .icon3 {
    background-position: -42px 0;
}
.sidebar-menu-wrap .icon4 {
    background-position: -63px 0;
}
.sidebar-menu-wrap .icon5 {
    background-position: -84px 0;
}
.sidebar-menu-wrap .icon6 {
    background-position: -105px 0;
}
.sidebar-menu-wrap .icon7 {
    background-position: -126px 0;
}

/*CSS for high-resolution devices*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .sidebar-menu-wrap .icon {
        background-size:21px 21px;
        background-image: url(images/sidebar_menu_icons@2x.png);
    }
}

@media(max-width: 1001px){
    .zoomContainer{
        z-index: -9999 !important;
        display: none !important;
        position: fixed !important; 
        top: -100px !important;
        left: -400px !important;
    }
    .product-images .product-image img,
    .zoomWrapper{
        z-index: 9999 !important;
        overflow: hidden !important;
    }
    .product-images .product-image {
        overflow: hidden !important;
		z-index: -9999999 !important;
    }
}

/* ===== SOLUÇÃO PARA SUBMENU CATÁLOGO ===== */

/* DESABILITAR SISTEMA NATIVO DO TEMA VENEDOR */
.mega-menu ul li .popup,
.menu ul li .popup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Garantir que os submenus sejam visíveis no hover */
.mega-menu .popup,
.mega-menu ul li ul,
.menu .popup,
.menu ul li ul {
    display: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    position: absolute !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

/* Mostrar submenu no hover */
.mega-menu ul li:hover > ul,
.mega-menu ul li:hover > .popup,
.menu ul li:hover > ul,
.menu ul li:hover > .popup {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Específico para o menu CATALOGO */
.mega-menu ul li:has(> a:contains("CATALOGO")):hover > ul,
.mega-menu ul li:has(> a:contains("CATALOGO")):hover > .popup,
.menu ul li:has(> a:contains("CATALOGO")):hover > ul,
.menu ul li:has(> a:contains("CATALOGO")):hover > .popup {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Forçar exibição de submenus para itens com submenu */
.mega-menu ul li.has-sub:hover > ul,
.mega-menu ul li.has-sub:hover > .popup,
.menu ul li.has-sub:hover > ul,
.menu ul li.has-sub:hover > .popup {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir que o container do menu tenha overflow visível */
.mega-menu,
.menu,
#header .header-main .header-center .main-menu,
.header-main .header-center .main-menu {
    overflow: visible !important;
    position: relative !important;
}

/* Garantir que os itens de menu tenham position relative */
.mega-menu ul li,
.menu ul li,
#header .header-main .header-center .main-menu ul li,
.header-main .header-center .main-menu ul li {
    position: relative !important;
    overflow: visible !important;
}

/* Ajustar z-index para garantir que submenus apareçam acima de outros elementos */
.mega-menu .popup,
.mega-menu ul li ul,
.menu .popup,
.menu ul li ul {
    z-index: 99999 !important;
}

/* Garantir que o hover funcione corretamente */
.mega-menu ul li:hover,
.menu ul li:hover {
    position: relative !important;
    z-index: 100000 !important;
}

/* Forçar exibição de submenus com JavaScript fallback */
.mega-menu ul li.open > ul,
.mega-menu ul li.open > .popup,
.menu ul li.open > ul,
.menu ul li.open > .popup {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir que submenus sejam resetados corretamente */
.mega-menu ul li:not(:hover):not(.menu-hover):not(.catalog-hover) > ul,
.mega-menu ul li:not(:hover):not(.menu-hover):not(.catalog-hover) > .popup,
.menu ul li:not(:hover):not(.menu-hover):not(.catalog-hover) > ul,
.menu ul li:not(:hover):not(.menu-hover):not(.catalog-hover) > .popup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Forçar reset de estado quando não há hover */
.mega-menu ul li:not(.menu-hover):not(.catalog-hover) > ul,
.mega-menu ul li:not(.menu-hover):not(.catalog-hover) > .popup,
.menu ul li:not(.menu-hover):not(.catalog-hover) > ul,
.menu ul li:not(.menu-hover):not(.catalog-hover) > .popup {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ajustar posicionamento dos submenus */
.mega-menu ul li ul,
.menu ul li ul {
    top: 100% !important;
    left: 0 !important;
    min-width: 200px !important;
}

/* Garantir que submenus de submenus funcionem */
.mega-menu ul li ul li:hover > ul,
.menu ul li ul li:hover > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: 100% !important;
    top: 0 !important;
}

/* Override de qualquer regra que possa estar escondendo os submenus */
body .mega-menu .popup,
body .mega-menu ul li ul,
body .menu .popup,
body .menu ul li ul {
    display: none !important;
}

body .mega-menu ul li:hover .popup,
body .mega-menu ul li:hover > ul,
body .menu ul li:hover .popup,
body .menu ul li:hover > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir que o CSS personalizado não interfira */
.product-image .price-box .price .woocommerce-Price-amount {
    color: #d11972 !important;
    background-image: url("https://www.consultoraestrela.pt/wp-content/uploads/2023/10/favIco.png") !important;
    width: 60px !important;
    height: 60px !important;
    padding-top: 24px !important;
    padding-left: 4px !important;
    background-repeat: no-repeat !important;
    font-size: 14pt !important;
}

.vc_custom_1604590334475 {
    background-position-x: right;
    background-repeat: no-repeat;
    background-position-y: center;
}

.divTblQualificacao {
    background: linear-gradient(90deg, rgb(240, 186, 199) 5%, rgb(255, 255, 255) 100%) !important;
}

table.table.levels {
    background: -moz-linear-gradient(right,#f7d9e0 ,#f7d9e0, #f7d9e0) !important;
}

#magic-login-shortcode label {
    margin-top: 30px;
}

#magic-login-shortcode #login_error, #magic-login-shortcode .message, #magic-login-shortcode .success {
    border-left: 4px solid #d11972 !important;
}

/* ===== MELHORIAS ESPECÍFICAS PARA O SALDO NO CABEÇALHO ===== */

/* Ajustar o container principal do mini-cart */
#mini-cart {
    position: relative;
    z-index: 1000;
}

/* Melhorar a exibição do botão de saldo */
#mini-cart .dropdown-toggle {
    background: linear-gradient(135deg, #d11972 0%, #b8105a 100%);
    border-radius: 0 0 6px 6px;
    box-shadow: 0 2px 4px rgba(209, 25, 114, 0.3);
    position: relative;
    overflow: visible !important;
    width: auto !important;
    min-width: 100px !important;
    max-width: 140px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mostrar "SALDO X ★" em uma linha */
#mini-cart .cart-details {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    width: auto !important;
    min-width: 100px !important;
    max-width: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

/* Mostrar apenas o número do saldo */
#mini-cart .cart-details .cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    overflow: visible !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* Melhorar a responsividade */
@media (max-width: 767px) {
    #mini-cart .dropdown-toggle {
        padding: 6px 10px !important;
        font-size: 11px;
        min-width: 90px !important;
        max-width: 120px !important;
    }
    
    #mini-cart .cart-details {
        font-size: 11px;
        min-width: 90px !important;
        max-width: 120px !important;
    }
    
    #mini-cart .cart-details .cart-icon {
        font-size: 11px !important;
    }
    
    #mini-cart .glyphicon-star {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    #mini-cart .dropdown-toggle {
        padding: 5px 8px !important;
        font-size: 10px;
        min-width: 80px !important;
        max-width: 100px !important;
    }
    
    #mini-cart .cart-details {
        font-size: 10px;
        min-width: 80px !important;
        max-width: 100px !important;
    }
    
    #mini-cart .cart-details .cart-icon {
        font-size: 10px !important;
    }
    
    #mini-cart .glyphicon-star {
        font-size: 11px;
    }
}

/* Ajustar para dispositivos com tela muito pequena */
@media (max-width: 360px) {
    #mini-cart .dropdown-toggle {
        padding: 4px 6px !important;
        font-size: 9px;
        min-width: 70px !important;
        max-width: 90px !important;
    }
    
    #mini-cart .cart-details {
        font-size: 9px;
        min-width: 70px !important;
        max-width: 90px !important;
    }
    
    #mini-cart .cart-details .cart-icon {
        font-size: 9px !important;
    }
    
    #mini-cart .glyphicon-star {
        font-size: 10px;
    }
}

/* Garantir que o texto seja sempre legível */
#mini-cart .cart-details {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Forçar override de qualquer regra conflitante */
body #mini-cart .dropdown-toggle .cart-details,
body .searchform-middle #mini-cart .dropdown-toggle .cart-details,
body .header-on-banner #mini-cart .dropdown-toggle .cart-details,
body .sticky-header #mini-cart .dropdown-toggle .cart-details {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 140px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

/* Garantir que o container não corte o conteúdo */
#mini-cart .cart-head {
    overflow: visible !important;
    width: auto !important;
    min-width: 100px !important;
    max-width: 140px !important;
}

/* Forçar que o texto não seja cortado */
#mini-cart .cart-details,
#mini-cart .cart-details span,
#mini-cart .cart-details .cart-icon {
    text-overflow: clip !important;
    overflow: visible !important;
    white-space: nowrap !important;
    max-width: none !important;
    width: auto !important;
}

/* Ajustar o espaçamento interno */
#mini-cart .cart-details {
    padding: 0 !important;
    margin: 0 !important;
}

/* Garantir que o texto do saldo seja visível */
#mini-cart .cart-details .cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    overflow: visible !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

/* Ajustar o espaçamento entre os elementos */
#mini-cart .cart-details > span {
    margin-right: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Forçar largura específica para diferentes contextos */
.searchform-middle #mini-cart .dropdown-toggle .cart-details {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 140px !important;
}

.header-on-banner #mini-cart .dropdown-toggle .cart-details {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 140px !important;
}

.sticky-header #mini-cart .dropdown-toggle .cart-details {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 130px !important;
    font-size: 11px !important;
}

/* Garantir que o texto seja sempre visível */
#mini-cart .cart-details {
    visibility: visible !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Forçar que o container do mini-cart tenha espaço suficiente */
#mini-cart {
    margin-left: 8px !important;
    margin-right: 8px !important;
    position: relative !important;
    z-index: 1000 !important;
    min-width: 100px !important;
    max-width: 140px !important;
}

:root {
    --estrela-primary: #EAB1BE;  /* from favourite-1.png */
    --estrela-dark:    #fff;  /* deeper pink */
    --estrela-glow:    #ff8ab8;  /* soft highlight */
}

/* Star + Cart icons use same styling */
#mini-cart .glyphicon-star,
#mini-cart .glyphicon-shopping-cart {
    color: var(--estrela-primary) !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.35),
        0 0 6px var(--estrela-glow);
    animation: star-glow 2s ease-in-out infinite alternate;
    padding-left: 5px !important;
}

/* Hover/active state */
#mini-cart .dropdown-toggle:hover .glyphicon-star,
#mini-cart .dropdown-toggle:hover .glyphicon-shopping-cart {
    color: var(--estrela-dark) !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.4),
        0 0 8px var(--estrela-glow);
}

/* Reuse existing glow animation */
@keyframes star-glow {
    from { text-shadow: 0 1px 2px rgba(0,0,0,.35), 0 0 4px var(--estrela-glow); }
    to   { text-shadow: 0 1px 2px rgba(0,0,0,.35), 0 0 8px var(--estrela-glow); }
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 75%;
    padding: 20px !important;
}