/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Tema filho da Brandello baseado no Astra.
Author: Brandello
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Corrige o cursor dos botões de quantidade no catálogo */
.woocommerce ul.products .product .quantity .plus,
.woocommerce ul.products .product .quantity .minus,
.woocommerce-page ul.products .product .quantity .plus,
.woocommerce-page ul.products .product .quantity .minus {
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* ==========================================================
   HOVER DOS CARDS (ELEGANTE)
========================================================== */

.woocommerce ul.products li.product{

    transition: box-shadow .18s ease;
}

.woocommerce ul.products li.product:hover{

    box-shadow:
        0 8px 18px rgba(0,0,0,.10);
}

/* ==========================================================
   BRANDELLO 2030
   Ajuste do seletor de ordenação em todas as páginas do catálogo
   ========================================================== */

@media (min-width: 769px) {

    body.woocommerce .woocommerce-ordering select {
        padding-right: 42px !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   Acordeão das Categorias - Sidebar WooCommerce
   ========================================================== */

.brandello-categorias-titulo {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    user-select: none;
    white-space: nowrap;
}

/* Seta */
.brandello-categorias-titulo::after {
    content: "⌄";
    position: absolute;
    right: 2px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}

/* Lista fechada por padrão */
.brandello-categorias-lista {
    display: none;
}

/* Lista aberta */
.brandello-categorias-lista.brandello-aberto {
    display: block;
}

/* Gira a seta quando aberto */
.brandello-categorias-titulo.brandello-aberto::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ==========================================================
   BRANDELLO 2030
   Categorias - alinhamento e espaçamento visual
   ========================================================== */

/* Remove marcadores e recuos da lista */
.brandello-categorias-lista ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.brandello-categorias-lista
.wc-block-product-categories-list-item {
    display: block !important;

    margin: 0 !important;
    padding: 4px 0 !important;

    list-style: none !important;
    line-height: 1.2 !important;
	white-space: nowrap !important;
}

/* Nome da categoria */
.brandello-categorias-lista
.wc-block-product-categories-list-item > a {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Contador */
.brandello-categorias-lista
.wc-block-product-categories-list-item-count {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   BRANDELLO 2030
   Contadores das Categorias na mesma cor dos links
   ========================================================== */

.brandello-categorias-lista .wc-block-product-categories-list-item-count {
    color: var(--ast-global-color-0) !important;
}

/* ==========================================================
   BRANDELLO 2030
   Características - Sidebar WooCommerce
   ========================================================== */

.brandello-caracteristicas-titulo {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    user-select: none;
    white-space: nowrap;
}

.brandello-caracteristicas-titulo::after {
    content: "⌄";
    position: absolute;
    right: -38px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    transform: translateY(-50%);
    transition: transform 0.2s ease;
}

/* Lista vertical */
.brandello-caracteristicas-lista {
    display: none;
}

/* Links */
.brandello-caracteristicas-lista a {
    display: block;
    margin-bottom: 8px;
}

/* Lista aberta */
.brandello-caracteristicas-lista.brandello-aberto {
    display: block;
}

/* Seta aberta */
.brandello-caracteristicas-titulo.brandello-aberto::after {
    transform: translateY(-50%) rotate(180deg);
}

/* ==========================================================
   BRANDELLO 2030
   Compactação da lista de Marcas - Perfect Brands
   ========================================================== */

.widget_brands_list .pwb-row > li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.widget_brands_list .pwb-row > li > a {
    display: block;
    margin: 0 !important;
    padding: 4px 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   BRANDELLO 2030
   Marcas - título do acordeão
   ========================================================== */

.brandello-marcas-widget {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    user-select: none;
    white-space: nowrap;
}

/* Seta - Marcas começa aberto */
.brandello-marcas-widget::after {
    content: "⌄";
    position: absolute;
    right: 2px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.2s ease;
}

/* Esconde a lista quando Marcas estiver recolhido */
.widget_brands_list .pwb-row.brandello-marcas-fechado {
    display: none;
}

/* Seta na posição fechada */
.brandello-marcas-widget.brandello-marcas-fechado::after {
    transform: translateY(-50%);
}

/* ==========================================================
   BRANDELLO 2030
   Ajuste visual final da Sidebar
   Títulos + listas + Categorias
   ========================================================== */

/* Espaçamento entre títulos e conteúdos */
.brandello-marcas-widget,
.brandello-categorias-titulo,
.brandello-caracteristicas-titulo {
    margin-bottom: 12px !important;
}

/* Remove recuos e marcadores da lista de Categorias */
.brandello-categorias-lista ul,
.brandello-categorias-lista ol {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

/* Remove marcadores dos itens */
.brandello-categorias-lista li {
    list-style: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Alinha links de Categorias com Marcas/Características */
.brandello-categorias-lista li a {
    display: block;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* ==========================================================
   BRANDELLO 2030
   Padronização de espaçamento - Categorias e Características
   Mesmo ritmo vertical das Marcas
   ========================================================== */

/* CATEGORIAS */
.brandello-categorias-lista ul,
.brandello-categorias-lista ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.brandello-categorias-lista li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.brandello-categorias-lista li a {
    display: block;
    margin: 0 !important;
    padding: 4px 0 !important;
    line-height: 1.2 !important;
}

/* CARACTERÍSTICAS */
.brandello-caracteristicas-lista a {
    display: block;
    margin: 0 !important;
    padding: 4px 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   BRANDELLO 2030
   Reduz espaço após o título Categorias
   ========================================================== */

#secondary .widget:has(.brandello-categorias-titulo) {
    margin-bottom: 14px !important;
}

/* ==========================================================
   BRANDELLO 2030
   Reduz espaço após o título Marcas
   ========================================================== */

#secondary .widget:has(.brandello-marcas-widget) {
    margin-bottom: 14px !important;
}

/* ==========================================================
   BRANDELLO 2030
   Remove título vazio nativo do widget de Marcas
   ========================================================== */

#secondary .widget_brands_list > .widget-title:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================
   BRANDELLO 2030
   Reduz espaço após o título Características
   ========================================================== */

#secondary .widget:has(.brandello-caracteristicas-titulo) {
    margin-bottom: 14px !important;
}

/* =========================================================
   BRANDELLO 2030
   Destaque visual do filtro ativo - Menu lateral WooCommerce
   ========================================================= */

/* MARCAS - marca atual */
.widget_brands_list .pwb-row li.current a,
.widget_brands_list .pwb-row li.current-cat a,
.widget_brands_list .pwb-row li a[aria-current="page"] {
    background: #eef6ff;
    color: #005fb8 !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 5px !important;
}

/* CATEGORIAS - categoria atual */
.brandello-categorias-lista .current-cat > a,
.brandello-categorias-lista a[aria-current="page"] {
    background: #eef6ff;
    color: #005fb8 !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 5px !important;
}

/* CARACTERÍSTICAS - tag atual */
.brandello-caracteristicas-lista a[aria-current="page"],
.brandello-caracteristicas-lista a.brandello-ativo {
    background: #eef6ff;
    color: #005fb8 !important;
    font-weight: 600;
    border-radius: 4px;
    padding: 2px 5px !important;
}

/* HOVER - todos os links do menu lateral */
.widget_brands_list .pwb-row li a:hover,
.brandello-categorias-lista a:hover,
.brandello-caracteristicas-lista a:hover {
    color: #005fb8 !important;
    background: #f5f9fd;
    border-radius: 4px;
}

/* ==========================================================
   BRANDELLO 2030
   Item selecionado no menu lateral
   Marcas + Categorias + Características
   ========================================================== */

.widget_brands_list .pwb-row a.brandello-item-ativo,
.brandello-categorias-lista a.brandello-item-ativo,
.brandello-caracteristicas-lista a.brandello-item-ativo {
    background-color: rgba(0, 115, 230, 0.08) !important;
    font-weight: 600 !important;
    border-radius: 4px;
}

/* ==========================================================
   BRANDELLO 2030
   Oculta apenas o título dos filtros do catálogo
   ========================================================== */

/* Marcas */
body.tax-product_brand h1.page-title.ast-archive-title,

/* Categorias */
body.tax-product_cat h1.page-title.ast-archive-title,

/* Características */
body.tax-product_tag h1.page-title.ast-archive-title {
    display: none !important;
}

/* ==========================================================
   BRANDELLO 2030
   Características - Filtro Mobile
   ========================================================== */

.brandello-caracteristicas-mobile a {
    display: block;
    margin: 0 !important;
    padding: 4px 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   BRANDELLO 2030
   Botão Filtros - Catálogo Mobile
   ========================================================== */

@media (max-width: 768px) {

    .astra-shop-filter-button {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;

        background: #0B4A8B !important;
        color: #ffffff !important;

        padding: 8px 14px !important;
        border-radius: 6px !important;

        text-decoration: none !important;
        font-weight: 600 !important;
    }

    .astra-shop-filter-button .astra-woo-filter-text,
    .astra-shop-filter-button .astra-woo-filter-icon,
    .astra-shop-filter-button .astra-woo-filter-icon svg {
        color: #ffffff !important;
        fill: currentColor !important;
    }
}

/* ==========================================================
   BRANDELLO 2030
   Oculta contagem de resultados apenas no mobile
   ========================================================== */

@media (max-width: 768px) {

    .woocommerce-result-count {
        display: none !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   Setas dos filtros inferiores - Mobile
   ========================================================== */

@media (max-width: 768px) {

    .brandello-marcas-widget::after,
    .brandello-categorias-titulo::after,
    .brandello-caracteristicas-titulo::after {
        right: 80px !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   Mobile - Alinhamento das Categorias no Shop Filters
   ========================================================== */

@media (max-width: 768px) {

    .wc-block-product-categories-list {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    .wc-block-product-categories-list-item {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   Mobile - Contadores das Categorias em azul no Shop Filters
   ========================================================== */

@media (max-width: 768px) {

    .wc-block-product-categories-list-item-count {
        color: #0675e8 !important;
    }

    .wc-block-product-categories-list-item-count > span {
        color: #0675e8 !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   MOBILE - Espaçamento dos filtros
   Shop Filters + Lateral WooCommerce inferior
   ========================================================== */

@media (max-width: 768px) {

    /* =========================================
       SHOP FILTERS
       Aproxima as listas dos respectivos títulos
       ========================================= */

    /* Marcas - apenas dentro do Shop Filters */
    .ast-filter-wrap .widget_brands_list .pwb-row {
        margin-top: -20px !important;
    }

    /* Categorias */
    .wc-block-product-categories-list {
        margin-top: -20px !important;
    }

    /* Características - shortcode mobile */
    .brandello-caracteristicas-mobile {
        margin-top: -20px !important;
    }


    /* =========================================
       LATERAL WOOCOMMERCE INFERIOR
       Mantém espaço correto entre "Marcas"
       e a primeira marca da lista
       ========================================= */

    #secondary .widget_brands_list .pwb-row > li:first-child {
        padding-top: 20px !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   PRODUTO INDIVIDUAL - Cor do rótulo Disponibilidade
   ========================================================== */

.single-product .brandello-label-disponibilidade {
    color: #1e293b !important;
    font-weight: 700 !important;
}

/* ==========================================================
   BRANDELLO 2030
   PRODUTO INDIVIDUAL - Logo da marca sem caixa/sombra
   ========================================================== */

.single-product .pwb-single-product-brands img {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: none !important;
}

/* ==========================================================
   BRANDELLO 2030
   PRODUTO INDIVIDUAL - Ocultar linha antiga de Tags
   ========================================================== */

.single-product .product_meta .tagged_as {
    display: none !important;
}

/* ==========================================================
   BRANDELLO 2030
   PRODUTO INDIVIDUAL - Chips de Características
   ========================================================== */

.single-product .brandello-caracteristicas-produto {
    margin-top: 10px;
    margin-bottom: 15px;
}

.single-product .brandello-caracteristicas-titulo-produto {
    font-weight: 600;
    margin-bottom: 6px;
}

.single-product .brandello-caracteristicas-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.single-product .brandello-caracteristica-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid #0675e8;
    border-radius: 14px;
    background: #f3f8fe;
    color: #0675e8 !important;
    font-size: 13px;
    line-height: 1.3;
    text-decoration: none !important;
    white-space: nowrap;
}

.single-product .brandello-caracteristica-chip:hover {
    background: #0675e8;
    color: #ffffff !important;
}

/* Página individual do produto - altura do botão Adicionar ao carrinho */
.single-product div.product form.cart .single_add_to_cart_button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   BRANDELLO 2030
   PRODUTO INDIVIDUAL - Botão Voltar ao catálogo
   ========================================================== */

.single-product .brandello-voltar-catalogo {
    margin: 10px 0 20px;
}

@media (min-width: 769px) {
    .single-product .brandello-voltar-catalogo {
        position: relative;
        left: 50px;
    }
}

.single-product .brandello-voltar-catalogo-link {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    border: 1px solid #0675e8;
    border-radius: 18px;
    color: #0675e8 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    line-height: 1.2;
}

.single-product .brandello-voltar-catalogo-link:hover {
    background: #0675e8;
    color: #ffffff !important;
}

/* =========================================================
   BRANDELLO 2030
   MENU MOBILE - Destaque Portal do Lojista
   ========================================================= */

@media (max-width: 921px) {

    #menu-item-2453 {
        margin: 5px 16px 23px 16px !important;
    }

#menu-item-2453 > .menu-link {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: max-content !important;
    min-height: auto !important;
    background: #0675e8 !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    padding: 1px 20px !important;
}

    #menu-item-2453 > .menu-link .menu-text {
        color: #ffffff !important;
        font-weight: 600 !important;
    }
}

/* Carrinho vazio - botão Voltar ao catálogo */
.brandello-empty-cart-action .brandello-btn-outline {
    display: inline-block;
    padding: 12px 22px;
    border: 2px solid #0065a9;
    border-radius: 7px;
    color: #0065a9 !important;
    background: transparent;
    font-weight: 600;
    text-decoration: none !important;
}

.brandello-empty-cart-action .brandello-btn-outline:hover {
    background: #0065a9;
    color: #ffffff !important;
}

/* =========================================================
   BRANDELLO - CHECKOUT - CONDIÇÕES COMERCIAIS
   ========================================================= */

/* Título */
label[for="payment_method_cod"] {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    background: #ffffff !important;
    color: #172b4d !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.payment_box.payment_method_cod {
    margin: 0 !important;
    padding: 16px 16px !important;
    background: #f2f7fc !important;
    border-top: 1px solid #d8e0e8 !important;
    border-radius: 0 !important;

	position: relative !important;
    left: -16px !important;
}

/* Texto da explicação */
.payment_box.payment_method_cod p {
    margin: 0 !important;
    padding: 0 !important;
    color: #344054 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

/* Remove eventual triângulo da caixa */
.payment_box.payment_method_cod::before {
    display: none !important;
}

/* =========================================================
 * BRANDELLO - CHECKOUT | BOTÃO ENVIAR PEDIDO
 * ========================================================= */

.woocommerce-checkout #payment #place_order {
    min-height: 46px;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: 600;
    line-height: 1.2;
}

/* =========================================================
   BRANDELLO 2030
   MINHA CONTA - BOTÕES
   Acessar e Cadastre-se
   ========================================================= */

.woocommerce-account form.woocommerce-form-login button.button,
.woocommerce-account form.woocommerce-form-register button.button {
    display: block !important;
    width: 100% !important;
    min-height: 46px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

/* ==========================================================
 * BRANDELLO - MINHA CONTA
 * Botões da redefinição de senha
 * ========================================================== */

/* Botão "Redefinir senha" */
.woocommerce-ResetPassword .woocommerce-Button,

/* Botão "Salvar" na criação da nova senha */
.woocommerce-ResetPassword button[type="submit"] {
    width: 100%;
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 600;
    text-align: center;
}

/* ==========================================================
 * BRANDELLO - MINHA CONTA
 * Redefinição de senha - alinhamento dos campos
 * ========================================================== */

.woocommerce-account .woocommerce-ResetPassword .form-row-first,
.woocommerce-account .woocommerce-ResetPassword .form-row-last {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.woocommerce-account .woocommerce-ResetPassword .form-row-first input,
.woocommerce-account .woocommerce-ResetPassword .form-row-last input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ==========================================================
 * BRANDELLO - MINHA CONTA
 * Endereços - card único e cabeçalho centralizado
 * ========================================================== */

/* Card ocupa toda a área disponível */
.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* Cabeçalho do card */
.woocommerce-account .woocommerce-Address-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px;
    padding: 18px 20px !important;
}

/* Título */
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Link "Editar Dados da empresa e entrega" */
.woocommerce-account .woocommerce-Address-title .edit {
    float: none !important;
    position: static !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Área onde aparecem os dados */
.woocommerce-account .woocommerce-Address address {
    padding: 18px 20px !important;
    margin: 0 !important;
    text-align: left;
}

/* ==========================================================
 * BRANDELLO - MINHA CONTA
 * Botão Salvar endereço
 * ========================================================== */

.woocommerce-account .woocommerce-address-fields button.button,
.woocommerce-account .woocommerce-address-fields button[type="submit"] {
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* ==========================================================
 * BRANDELLO - MINHA CONTA
 * Botão Salvar alterações
 * ========================================================== */

.woocommerce-account .woocommerce-EditAccountForm button.button,
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"] {
    width: 100% !important;
    min-height: 46px !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

/* =========================================================
   BRANDELLO 2030
   MINHA CONTA - AJUSTES RESPONSIVOS MOBILE
   Botões, espaçamento e largura dos campos
   ========================================================= */

@media (max-width: 768px) {

    /* -----------------------------------------------------
       1. Dá um pouco mais de respiro no início da Minha Conta
       ----------------------------------------------------- */
    .woocommerce-account .site-content .ast-container {
        padding-top: 30px !important;
    }


    /* -----------------------------------------------------
       2. Padroniza os principais botões da área Minha Conta
       ----------------------------------------------------- */
    .woocommerce-account .woocommerce-form-login button.button,
    .woocommerce-account .woocommerce-form-register button.button,
    .woocommerce-account .woocommerce-ResetPassword button.button,
    .woocommerce-account .woocommerce-address-fields button.button,
    .woocommerce-account .woocommerce-EditAccountForm button.button {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 46px !important;
        padding: 12px 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 6px !important;
        font-size: 15px !important;			
        font-weight: 600 !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }


    /* -----------------------------------------------------
       3. Campos de endereço:
       no celular todos passam a ocupar a largura inteira
       ----------------------------------------------------- */
    .woocommerce-account .woocommerce-address-fields .form-row,
    .woocommerce-account .woocommerce-address-fields .form-row-first,
    .woocommerce-account .woocommerce-address-fields .form-row-last,
    .woocommerce-account .woocommerce-address-fields .form-row-wide {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .woocommerce-account .woocommerce-address-fields input.input-text,
    .woocommerce-account .woocommerce-address-fields select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ==========================================================
   BRANDELLO 2030
   Shop Bar visível somente no celular
   ========================================================== */

@media (min-width: 769px) {

    .astra-shop-filter-button {
        display: none !important;
    }

}

/* ==========================================================
   BRANDELLO 2030
   CARRINHO DO CABEÇALHO - ACABAMENTO RESPONSIVO
   ========================================================== */

@media (max-width: 921px) {

    body.brandello-cliente-aprovado .ast-header-woo-cart {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-site-header-cart,
    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-site-header-cart-li,
    body.brandello-cliente-aprovado .ast-header-woo-cart .cart-container,
    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-addon-cart-wrap {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .cart-container {
        display: flex !important;
        align-items: center !important;
        padding: 6px 7px !important;
        white-space: nowrap !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-addon-cart-wrap {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 4px !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-woo-header-cart-info-wrap,
    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-woo-header-cart-total,
    body.brandello-cliente-aprovado .ast-header-woo-cart .woocommerce-Price-amount {
        display: inline-block !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        writing-mode: horizontal-tb !important;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .astra-icon {
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
}

/* ==========================================================
   BRANDELLO 2030
   CABEÇALHO MÓVEL - ESPAÇO PARA CARRINHO E MENU
   Regras exclusivas para cliente aprovado
   ========================================================== */

@media (max-width: 544px) {

    body.brandello-cliente-aprovado .ast-mobile-header-wrap .ast-builder-grid-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 6px !important;
    }

    body.brandello-cliente-aprovado .ast-mobile-header-wrap .site-header-primary-section-left {
        min-width: 0 !important;
        padding-right: 2px !important;
    }

    body.brandello-cliente-aprovado .ast-mobile-header-wrap .site-header-primary-section-left .custom-logo-link img,
    body.brandello-cliente-aprovado .ast-mobile-header-wrap .site-header-primary-section-left .site-logo-img img {
        width: auto !important;
        max-width: 155px !important;
        height: auto !important;
    }

    body.brandello-cliente-aprovado .ast-mobile-header-wrap .site-header-primary-section-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        min-width: max-content !important;
        margin-left: auto !important;
        padding-right: 2px !important;
        overflow: visible !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart,
    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-site-header-cart,
    body.brandello-cliente-aprovado .ast-header-woo-cart .cart-container {
        box-sizing: border-box !important;
        flex: 0 0 auto !important;
        overflow: visible !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .cart-container {
        padding: 4px 5px !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-woo-header-cart-info-wrap,
    body.brandello-cliente-aprovado .ast-header-woo-cart .ast-woo-header-cart-total,
    body.brandello-cliente-aprovado .ast-header-woo-cart .woocommerce-Price-amount {
        font-size: 11px !important;
        letter-spacing: -0.15px !important;
    }

    body.brandello-cliente-aprovado .ast-header-woo-cart .astra-icon svg {
        width: 17px !important;
        height: 17px !important;
    }

    body.brandello-cliente-aprovado .ast-mobile-header-wrap .ast-button-wrap .menu-toggle {
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin: 0 !important;
        flex: 0 0 auto !important;
    }
}


/* Ajuste fino: centraliza o carrinho móvel entre logo e menu */
@media (max-width: 544px) {
    body.brandello-cliente-aprovado .ast-mobile-header-wrap .ast-header-woo-cart {
        position: relative !important;
        left: 16px !important;
    }
}


/* ==========================================================
   BRANDELLO 2030
   FIBOSEARCH - CLIENTE APROVADO
   ========================================================== */

body:not(.brandello-cliente-aprovado) .brandello-fibosearch-desktop-wrapper,
body:not(.brandello-cliente-aprovado) .brandello-fibosearch-mobile-wrapper {
    display: none !important;
}

@media (min-width: 922px) {

    .brandello-fibosearch-mobile-wrapper {
        display: none !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-desktop-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 10px !important;
        padding: 0 4px !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-desktop-wrapper .dgwt-wcas-search-wrapp {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-desktop-wrapper .dgwt-wcas-search-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        color: #09244a !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-desktop-wrapper svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 921px) {

    .brandello-fibosearch-desktop-wrapper {
        display: none !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-mobile-wrapper {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 14px 16px 10px !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-mobile-wrapper .dgwt-wcas-search-wrapp {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.brandello-cliente-aprovado .brandello-fibosearch-mobile-wrapper .dgwt-wcas-search-input {
        min-height: 44px !important;
        font-size: 16px !important;
    }
}


/* Home Brandello - interacoes discretas */
.home .entry-content .wp-block-button__link,
.home .entry-content .spectra-box-shadow.wp-block-spectra-container {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .home .entry-content .wp-block-button__link:hover,
  .home .entry-content .wp-block-button__link:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(7, 39, 73, 0.18);
  }

  .home .entry-content .spectra-box-shadow.wp-block-spectra-container:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(7, 39, 73, 0.15) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home .entry-content .wp-block-button__link,
  .home .entry-content .spectra-box-shadow.wp-block-spectra-container {
    transition: none;
  }
  .home .entry-content .wp-block-button__link:hover,
  .home .entry-content .wp-block-button__link:focus-visible,
  .home .entry-content .spectra-box-shadow.wp-block-spectra-container:hover {
    transform: none;
  }
}


/* Home Brandello - marcas e restricoes */
.home .entry-content img[src*="400x400"],
.home .entry-content img[data-src*="400x400"] {
  transition: transform 180ms ease, filter 180ms ease;
}

.home .entry-content .spectra-box-shadow.wp-block-spectra-container:has(img[src*="400x400"]),
.home .entry-content .spectra-box-shadow.wp-block-spectra-container:has(img[data-src*="400x400"]) {
  transition: none;
}

@media (hover: hover) and (pointer: fine) {
  .home .entry-content .spectra-box-shadow.wp-block-spectra-container:has(img[src*="400x400"]):hover,
  .home .entry-content .spectra-box-shadow.wp-block-spectra-container:has(img[data-src*="400x400"]):hover {
    transform: none;
    box-shadow: none !important;
  }

  .home .entry-content img[src*="400x400"]:hover,
  .home .entry-content img[data-src*="400x400"]:hover {
    transform: translateY(-3px) scale(1.045);
    filter: drop-shadow(0 7px 8px rgba(7, 39, 73, 0.16));
  }

  .home .entry-content .wp-block-spectra-container.is-layout-grid > .wp-block-spectra-container:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(7, 39, 73, 0.12);
    background-color: #f7fbff;
  }
}

.home .entry-content .wp-block-spectra-container.is-layout-grid > .wp-block-spectra-container {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .home .entry-content img[src*="400x400"],
  .home .entry-content img[data-src*="400x400"],
  .home .entry-content .wp-block-spectra-container.is-layout-grid > .wp-block-spectra-container {
    transition: none;
  }
}


/* Mantem os quatro cards informativos iniciais sem o efeito das restricoes */
.home .entry-content .wp-block-spectra-container.is-layout-grid > .wp-block-spectra-container:not(:has(> h3)) {
  transition: none;
}
@media (hover: hover) and (pointer: fine) {
  .home .entry-content .wp-block-spectra-container.is-layout-grid > .wp-block-spectra-container:not(:has(> h3)):hover {
    transform: none;
    box-shadow: none;
    background-color: transparent;
  }
}


/* Pagina de produto: libera cliques sob o bloco de retorno */
.single-product .brandello-voltar-catalogo {
  pointer-events: none;
}
.single-product .brandello-voltar-catalogo-link {
  pointer-events: auto;
}