/*
Theme Name: Catálogo WhatsApp Premium
Theme URI: https://seusite.com
Author: Desenvolvedor Full-Stack
Description: Tema customizado e otimizado para catálogo digital com design premium, estilizado com Bootstrap 5 e sem dependência do WooCommerce.
Version: 1.1
Text Domain: catalogo-whatsapp
*/

:root {
    --bs-body-bg: #f8f9fa;
    --bs-border-radius: 1rem;
}

/* Transições e Efeitos de Hover Premium */
.produto-card {
    transition: all 0.3s ease-in-out;
    border-radius: 1rem;
    overflow: hidden;
    background: #ffffff;
}

.produto-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08) !important;
}

/* Imagens do Produto com Zoom Suave no Hover */
.produto-img-wrapper {
    overflow: hidden;
    height: 220px;
}

.produto-img-wrapper img {
    transition: transform 0.5s ease;
}

.produto-card:hover .produto-img-wrapper img {
    transform: scale(1.05);
}

/* Navbar Moderna com Efeito Glassmorphism leve */
.navbar-custom {
    background-color: #1a1a1a !important;
    backdrop-filter: blur(10px);
}

.loja-logo {
    display: block;
    width: min(400px, 100%);
    height: auto;
    max-height: 400px;
    object-fit: contain;
}

/* Offcanvas do Carrinho com Estilo Limpo */
.offcanvas {
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
}

/* Botões Customizados */
.btn-primary {
    border-radius: 50rem;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    box-shadow: 0 4px 12px rgba(var(--bs-primary-rgb), 0.25);
    transition: all 0.2s ease;
}

.btn-primary:hover {
    filter: brightness(1.1);
    box-shadow: 0 6px 16px rgba(var(--bs-primary-rgb), 0.35);
}

.btn-success {
    border-radius: 50rem;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.25);
}