/*  Theme Name : Hello Elementor Child
    Theme URI  : https://elementor.com/
    Description: Tema filho para o Hello Elementor da FANYBOMBONS
    Author  : New
    Template: hello-elementor
    Version : 1.0.0
*/

/* Adicione aqui seu CSS personalizado
   ==========================================================================
   FORÇAR A FONTE VASTAGO GLOBALMENTE NO ELEMENTOR E WORDPRESS
   ========================================================================== */

/* Aplica nos elementos base e containers
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video, input, textarea, button, select {
    font-family: 'Vastago', sans-serif !important;
}

/* Aplica especificamente nos seletores de títulos e textos do Elementor
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-text-editor,
.elementor-button,
.elementor-button-text,
.widget-title {
    font-family: 'Vastago' !important;
}

/* Registra a classe para usar em qualquer texto do site */
.fonte-vastago{
    font-family: 'Vastago Grotesk Thin' !important;
}
/*
.tradicao_excelencia{
    font-family: 'Franklin Gothic Medium' !important;
}*/
.desde1983{
    color: #25d366 !important;
}

/* mensagens */
#fany-status{
    margin-top:15px;
    color:#ffffff;
    text-align:center;
}

/* Configuração da logo e menu no mobile tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
    #logo{
        width: 10% !important;
    }
    #logo img{
        width: 100% !important;
    }
    #menu{
        float: right !important;
        width: 90%;
    }
}

/* BOTÃO WHATSAPP */
.whatsapp-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:100px;
    right:25px;
    background:#25d366;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 2px 10px rgba(0,0,0,.3);
    transition:transform .3s ease;
    z-index:9999;
}

.whatsapp-float:hover{
    transform:scale(1.12);
}

.whatsapp-icon{
    width:35px;
    height:35px;
}

/* BOTAO VOLTAR AO TOPO */
#back-top{
    position:fixed;
    right:25px;
    bottom:25px;
    width:60px;
    height:60px;
    background:#b7795b;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    font-size:28px;
    opacity:0;
    visibility:hidden;
    transition:opacity .3s, transform .3s;
    transform:translateY(10px);
    z-index:9999;
}

#back-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

#back-top:hover{
    transform:translateY(-3px);
}


/* CSS DELÍCIAS */
.delicias-catalogo .delicias-abas {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    width: 100%;
}

.delicias-catalogo .delicias-aba {
    background: transparent;
    border: 1px solid #3b1f14;
    color: #3b1f14;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 14px;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    flex: 1;
    text-align: center;
}
        .delicias-catalogo .delicias-aba:hover { background: #f0c987; }
        .delicias-catalogo .delicias-aba.ativa {
            background: #3b1f14;
            color: #f0c987;
            border-color: #3b1f14;
        }
        .delicias-catalogo .delicias-grid {
            display: grid;
            grid-template-columns: repeat(var(--delicias-colunas, 3), 1fr);
            gap: 30px;
        }
        .delicias-catalogo .delicia-card { text-align: center; }
        .delicias-catalogo .delicia-card img {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 4px;
            cursor: pointer;
        }
        .delicias-catalogo .delicia-card-titulo {
            color: #3b1f14;
            margin: 12px 0 4px;
            font-size: 18px;
        }
        .delicias-catalogo .delicia-card-descricao {
            color: #6b5b4f;
            font-size: 14px;
            margin: 0;
        }
        .delicias-carregando { grid-column: 1 / -1; text-align: center; color: #999; }
        .delicias-carregar-mais-container { text-align: center; margin-top: 40px; }
        .delicias-catalogo .delicias-btn-carregar-mais {
            background: #190D0B;
            color: #ffffff;
            border: none;
            padding: 20px;
            font-size: 14px;
            letter-spacing: 0.5px;
            cursor: pointer;
            border-radius: 10px;
        }
        .delicias-catalogo .delicias-btn-carregar-mais:hover { background: #473c1c; }

        /* Catálogo de Delícias: 2 colunas no celular */
        @media (max-width: 600px) {
            .delicias-catalogo .delicias-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* LIGHTBOX DELÍCIAS */
        #delicia-lightbox-overlay {
            display: flex;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.92);
            z-index: 99999;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.35s ease;
        }
        #delicia-lightbox-overlay.aberto {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
        #delicia-lightbox-imagem-principal {
            max-width: 85vw;
            max-height: 70vh;
            object-fit: contain;
            border-radius: 4px;
        }
        #delicia-lightbox-miniaturas {
            display: flex;
            gap: 10px;
            margin-top: 20px;
            max-width: 85vw;
            overflow-x: auto;
            padding: 5px;
        }
        #delicia-lightbox-miniaturas img {
            width: 70px;
            height: 70px;
            object-fit: cover;
            border-radius: 4px;
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.2s;
        }
        #delicia-lightbox-miniaturas img.ativa,
        #delicia-lightbox-miniaturas img:hover {
            opacity: 1;
            outline: 2px solid #f0c987;
        }
        #delicia-lightbox-fechar {
            position: absolute;
            top: 20px;
            right: 30px;
            color: #fff;
            font-size: 32px;
            cursor: pointer;
            line-height: 1;
        }
        .delicia-lightbox-seta {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: #fff;
            font-size: 42px;
            cursor: pointer;
            user-select: none;
            padding: 10px 16px;
            opacity: 0.7;
            transition: opacity 0.2s;
        }
        .delicia-lightbox-seta:hover { opacity: 1; }
        #delicia-lightbox-anterior { left: 15px; }
        #delicia-lightbox-proxima  { right: 15px; }