/* ======================================
   01 - HEADER BASE
====================================== */

/* ======================================
   CORES DO HEADER
   Home/#FFFFFF - Sticky /#515151
====================================== */

/* ======================================
   STICKY HEADER - DESKTOP
   Header fixo com efeito vidro.
====================================== */
.ast-main-header-wrap{
    transition:
        background-color .30s ease,
        box-shadow .30s ease,
        backdrop-filter .30s ease;
}

.ast-main-header-wrap.sun-scrolled{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    z-index: 99999;

    background: rgba(255,255,255,.84);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 6px 18px rgba(0,0,0,.06);

}

/* Ajuste para barra do administrador */
.admin-bar .ast-main-header-wrap.sun-scrolled{
    top:32px;
}
/* ======
================================
   02 - MENU DESKTOP
====================================== */

/* ======================================
   MENU PRINCIPAL
   HOME: Cor definida pelo Astra
   STICKY: Cor controlada pelo tema filho
====================================== */

.ast-main-header-wrap.sun-scrolled .main-header-menu .menu-link,
.ast-main-header-wrap.sun-scrolled .main-header-menu .menu-link *{
    color:#515151 !important;
}

/* ======================================
   03 - SEARCH
   HOME: Astra
   STICKY: Tema Filho
====================================== */

/* Lupa no Header Fixo */
.ast-main-header-wrap.sun-scrolled .ast-search-icon,
.ast-main-header-wrap.sun-scrolled .ast-search-icon a,
.ast-main-header-wrap.sun-scrolled .astra-search-icon,
.ast-main-header-wrap.sun-scrolled .icon-search,
.ast-main-header-wrap.sun-scrolled .icon-search svg,
.ast-main-header-wrap.sun-scrolled .icon-search svg path{

    color:#515151 !important;
    fill:#515151 !important;
    stroke:#515151 !important;

}

/* ======================================
   04 - CART
====================================== */

/* ======================================
   CARRINHO - HEADER FIXO (DESKTOP)
   Controla apenas o carrinho.
====================================== */

.ast-main-header-wrap.sun-scrolled .ast-site-header-cart svg,
.ast-main-header-wrap.sun-scrolled .ast-site-header-cart svg *{

    fill:#515151 !important;
    color:#515151 !important;
    stroke:#515151 !important;

}

/* ======================================
   CARRINHO - HOME
====================================== */

.ast-site-header-cart i.astra-icon:after{

    background: transparent !important;
    color:#515151 !important;
    box-shadow:none !important;
    border:none !important;

}

body.home
.ast-main-header-wrap:not(.sun-scrolled)
.ast-site-header-cart
.ast-addon-cart-wrap
i.astra-icon:after{

    background: transparent !important;
    color:#ffffff !important;
    box-shadow:none !important;
    border:none !important;

}

.ast-main-header-wrap.sun-scrolled
.ast-site-header-cart
.ast-addon-cart-wrap
i.astra-icon:after{

    color:#515151 !important;

}

/* ======================================
   CARRINHO - HEADER FIXO (MOBILE)
====================================== */

#ast-mobile-header.sun-scrolled
.ast-site-header-cart
svg,
#ast-mobile-header.sun-scrolled
.ast-site-header-cart
svg *{

    fill:#515151 !important;
    color:#515151 !important;
    stroke:#515151 !important;

}

/* Contador */

#ast-mobile-header.sun-scrolled
.ast-site-header-cart
i.astra-icon:after{

    color:#515151 !important;

}

/* ======================================
   05 - SUBMENU
====================================== */

/* ======================================
   SUBMENU - TOPO DA HOME
   Transparente com efeito blur.
====================================== */

.main-header-menu .sub-menu{

    background: rgba(255,255,255,.12);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border:1px solid rgba(255,255,255,.22);

    padding:12px 0;

    min-width:190px;

}

/* ======================================
   SUBMENU - HEADER FIXO
   Mesmo visual do header sticky.
====================================== */

.ast-main-header-wrap.sun-scrolled .sub-menu{

    background: rgba(255,255,255,.84) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    border:1px solid rgba(255,255,255,.25);

    box-shadow:0 6px 18px rgba(0,0,0,.06);

}

/* Cor dos links */
.ast-main-header-wrap.sun-scrolled .sub-menu .menu-link{
    color:#515151 !important;
}

/* Hover dos links */
.ast-main-header-wrap.sun-scrolled .sub-menu .menu-link:hover{
    color:#555 !important;
}

/* ======================================
   06 - MOBILE
====================================== */

/* ======================================
   HEADER FIXO (MOBILE)
====================================== */

#ast-mobile-header.sun-scrolled{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    z-index: 99999;

    background: rgba(255,255,255,.84);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 6px 18px rgba(0,0,0,.06);

}

/* ======================================
   MENU MOBILE - HOME
   Mantém as setas e textos do submenu
   em branco na Home.
====================================== */

/* Setas dos menus e submenus */
.home .ast-menu-toggle .ast-arrow-svg,
.home .ast-menu-toggle .ast-arrow-svg *,
.home .ast-builder-menu-mobile .ast-icon,
.home .ast-builder-menu-mobile .ast-icon * {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}

/* Texto dos submenus */
.home .ast-builder-menu-mobile .sub-menu a,
.home .ast-builder-menu-mobile .sub-menu .menu-link,
.home .ast-builder-menu-mobile .sub-menu li a {
    color: #fff !important;
}

/* ======================================
   HAMBÚRGUER - HEADER FIXO (MOBILE)
   Controla a cor do ícone no sticky.
====================================== */

#ast-mobile-header.sun-scrolled .ast-mobile-svg,
#ast-mobile-header.sun-scrolled .ast-mobile-svg path,
#ast-mobile-header.sun-scrolled .ast-menu-svg,
#ast-mobile-header.sun-scrolled .ast-menu-svg path{

    fill:#515151 !important;
    color:#515151 !important;
    stroke:#515151 !important;

}


/* ======================================
   BOTÃO HAMBÚRGUER
   Remove destaque ao receber foco.
====================================== */

.menu-toggle,
.menu-toggle:focus,
.menu-toggle:focus-visible,
.menu-toggle:active{

    outline:none !important;
    box-shadow:none !important;
    border:none !important;

}

.ast-button-wrap{

    outline:none !important;
    box-shadow:none !important;

}

/* ======================================
   MENU MOBILE SUN
====================================== */

@media (max-width:921px){

    /* Painel */
    .ast-mobile-popup-inner{

        width:84% !important;
        max-width:84% !important;

        background:rgba(0,0,0,.38) !important;

        backdrop-filter:blur(14px);
        -webkit-backdrop-filter:blur(14px);

    }

    /* Menu principal */
    .ast-builder-menu-mobile .main-navigation .main-header-menu{

        background:transparent !important;

    }

    /* Links */
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link{

        background:transparent !important;
        color:#fff !important;

    }

    /* Submenu */
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{

        background:transparent !important;

    }

    /* Links do submenu */
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu .menu-link{

        color:#F2F2F2 !important;

    }

    /* Setas */
    .ast-builder-menu-mobile .ast-menu-toggle,
    .ast-builder-menu-mobile .ast-menu-toggle svg{

        background:transparent !important;
        color:#fff !important;
        fill:#fff !important;
        stroke:#fff !important;

    }

}

/*======================================
  HAMBÚRGUER STICKY
======================================*/

#ast-mobile-header.sun-scrolled .ast-mobile-svg,
#ast-mobile-header.sun-scrolled .ast-menu-svg{

    color:#515151 !important;
    fill:#515151 !important;
    stroke:#515151 !important;

}

/*======================================
  HAMBÚRGUER STICKY - FINURA
======================================*/

#ast-mobile-header.sun-scrolled .ast-mobile-svg path{

    stroke-width:0 !important;
    vector-effect:non-scaling-stroke;

}

/* ======================================
   07 - LOGO
/*======================================

/*======================================
  LOGO
  Nunca alterar a cor da logo
======================================*/

.custom-logo,
.custom-logo svg,
.custom-logo path{

    fill:initial !important;
    color:initial !important;
    stroke:initial !important;
    filter:none !important;

}

/* Logo branca somente na Home */
.home:not(.sun-scrolled) .custom-logo{
    content:url("https://iamsun.com.br/wp-content/uploads/2026/07/Logo-branco-transparente.png");
}

/* Logo preta no sticky e páginas internas */
.home .ast-main-header-wrap.sun-scrolled .custom-logo,
body:not(.home) .custom-logo{
    content:url("https://iamsun.com.br/wp-content/uploads/2026/07/Logo-preto-transparente.png");
}

/* Logo preta no Sticky Mobile */

#ast-mobile-header.sun-scrolled .custom-logo{
    content:url("https://iamsun.com.br/wp-content/uploads/2026/07/Logo-preto-transparente.png");
}

/* ======================================
   08 - AJUSTES GERAIS
====================================== */