/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://isnnutrition.com.br/
 Description:  Tema filho para Hello Elementor com design inspirado na ISN Nutrition.
 Author:       Antigravity
 Author URI:   #
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

:root {
    --isn-primary: #A3D30E;
    /* Verde Neon */
    --isn-secondary: #161616;
    /* Preto/Grafite */
    --isn-footer-bg: #2C2C2C;
    /* Cinza Escuro Footer */
    --isn-text-white: #FFFFFF;
    --isn-text-gray: #515151;
    --isn-font-family: 'Quantico', sans-serif;
}

/* Tipografia */
body,
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
    font-family: var(--isn-font-family) !important;
}

/* Cabeçalho e Navegação (Estilo ISN Nutrition - ULTRA SPECIFIC) */

/* 1. Barra de Topo (Anúncio) */
.header-top-bar {
    background-color: #1a1a1a !important;
    color: var(--isn-text-white) !important;
    font-family: var(--isn-font-family) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 8px 0 !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.header-top-bar i,
.header-top-bar svg {
    margin-right: 8px !important;
    font-size: 14px !important;
}

/* Cabeçalho e Navegação (Estilo ISN Nutrition - NUCLEAR OVERRIDE) */

/* 1. Header Containers */
body header.site-header,
body header#site-header,
body .elementor-location-header,
body .elementor-section.elementor-top-section.header-is-sticky,
body [data-elementor-type="header"] {
    background-color: #161616 !important;
    border-bottom: 6px solid #a4ec04 !important;
}

/* 2. Menu Links (Geral + Elementor) */
body .elementor-nav-menu .elementor-item,
body .elementor-nav-menu--main .elementor-item,
body .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item,
body .main-navigation ul.menu li a,
body .elementor-nav-menu li a {
    color: #ffffff !important;
    font-family: 'Quantico', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.8px !important;
    padding: 12px 18px !important;
    transition: color 0.2s ease-in-out !important;
    background: transparent !important;
}

/* 3. Item Ativo ou Hover (Agressivo) */
body .elementor-nav-menu .elementor-item.elementor-item-active,
body .elementor-nav-menu .elementor-item:hover,
body .elementor-nav-menu .elementor-item.highlighted,
body .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
body .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
body .main-navigation ul.menu li.current-menu-item a,
body .main-navigation ul.menu li a:hover,
body .elementor-nav-menu li.current-menu-item a,
body .elementor-nav-menu li a:hover {
    color: #a4ec04 !important;
    background: transparent !important;
}

/* 4. Barra de Busca e Widgets */
body .header-search-container,
body .elementor-search-form,
body .elementor-search-form__container {
    background: #FFFFFF !important;
    border-radius: 50px !important;
    padding: 2px 5px 2px 20px !important;
    display: flex !important;
    align-items: center !important;
}

body .header-search-container input,
body .elementor-search-form__input {
    background: transparent !important;
    border: none !important;
    color: #161616 !important;
    font-family: 'Quantico', sans-serif !important;
    padding-left: 0 !important;
    width: 100% !important;
}

body .elementor-search-form__submit,
body .header-search-container .search-submit {
    background-color: #a4ec04 !important;
    border-radius: 50% !important;
    color: #000000 !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: none !important;
}

/* 5. Links de Usuário e Carrinho */
body .header-user-links a,
body .elementor-menu-cart__toggle,
body .elementor-widget-user-links a {
    color: #ffffff !important;
    font-family: 'Quantico', sans-serif !important;
    font-size: 13px !important;
    text-transform: none !important;
    text-decoration: none !important;
}

body .elementor-menu-cart__item-count,
body .cart-contents .count {
    background-color: #a4ec04 !important;
    color: #000000 !important;
    border-radius: 50% !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
}