:root {
    /* Navbar */
    --navbar-cor1:               #1c1c1c;
    --navbar-cor2:               #3d3d3d;

    /* Banner overlay */
    --banner-overlay-cor:        #000000;
    --banner-overlay-opacity:    0.77;

    /* Cabeçalho */
    --header-nome-loja:          #ffffff;
    --header-descricao-loja:     #ffe0d6;
    --header-btn-aberto-bg:      #383838;
    --header-btn-aberto-text:    #ffffff;
    --header-btn-telefone-bg:    #1495ff;
    --header-btn-telefone-text:  #ffffff;
    --header-btn-entrega-bg:     #ff9800;
    --header-btn-entrega-text:   #ffffff;

    /* Produto */
    --produto-cat-color:   #ff430a;
    --produto-nome-color:  #1a1a1a;
    --produto-desc-color:  #666666;
    --card-bg:             #ffffff;
    --card-shadow:         #000000;
    --card-border:         #e0e0e0;
}

/* ── Navbar (header-sticky) ── */
.header-sticky {
    background: linear-gradient(135deg, var(--navbar-cor1), var(--navbar-cor2)) !important;
}

/* ── Banner overlay (hero-image) ── */
.hero-section {
    background: linear-gradient(135deg, var(--navbar-cor1), var(--navbar-cor2)) !important;
}

.hero-image {
    opacity: var(--banner-overlay-opacity) !important;
}

/* Sobrepõe com a cor configurada por cima da imagem */
.hero-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--banner-overlay-cor);
    opacity: var(--banner-overlay-opacity);
    pointer-events: none;
    z-index: 1;
}

.hero-content { z-index: 2; position: relative; }

/* ── Cabeçalho ── */
.store-name,
.header-store-name,
.hero-store-name        { color: var(--header-nome-loja) !important; }

.store-description,
.header-store-desc,
.hero-store-desc        { color: var(--header-descricao-loja) !important; }

/* Botão Aberto Agora */
.btn-status-aberto,
.status-aberto,
.badge-aberto {
    background-color: var(--header-btn-aberto-bg) !important;
    color: var(--header-btn-aberto-text) !important;
}

/* Botão Telefone */
.btn-telefone,
.header-telefone {
    background-color: var(--header-btn-telefone-bg) !important;
    color: var(--header-btn-telefone-text) !important;
}

/* Botão Entrega Rápida */
.btn-entrega,
.btn-entrega-rapida,
.header-entrega {
    background-color: var(--header-btn-entrega-bg) !important;
    color: var(--header-btn-entrega-text) !important;
}

/* ── Cards de Produto ── */
.product-card,
.card-produto {
    background-color: var(--card-bg) !important;
    border-color: var(--card-border) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}

.product-card:hover,
.card-produto:hover {
    box-shadow: 0 6px 24px rgba(0,0,0,0.22) !important;
}

.product-category,
.card-categoria,
.category-label        { color: var(--produto-cat-color) !important; }

.product-name,
.card-product-name,
.product-title         { color: var(--produto-nome-color) !important; }

.product-description,
.card-product-desc,
.product-desc          { color: var(--produto-desc-color) !important; }