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

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

    /* 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;

    // Novos — Design Moderno
    --hero-logo-borda:     #ffffff;
    --btn-add-cor1:        #ff5722;
    --btn-add-cor2:        #ff9800;
    --chip-ativa-cor:      #ff5722;
}

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

/* ── Hero estilo iFood — fundo gradiente editável ── */
.ifood-hero-wrap {
    background: linear-gradient(160deg, var(--navbar-cor1), var(--navbar-cor2)) !important;
}

/* Borda do círculo da logo — cor editável */
.ifood-logo-circle {
    border-color: var(--hero-logo-borda, #fff) !important;
}

/* Botões de ação do hero — cor editável */
.ifood-action-btn {
    color: var(--navbar-cor1) !important;
    border-color: var(--navbar-cor1) !important;
}
.ifood-action-btn:hover {
    background: var(--navbar-cor1) !important;
    color: #fff !important;
}

/* Status aberto — usa a cor primária */
.ifood-aberto {
    color: #1a7f3c;
    background: #e6f7ed;
}

/* ── 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;
}

/* ── Logo circular — borda editável ── */
.hero-logo-wrap {
    border-color: var(--hero-logo-borda) !important;
    box-shadow:
        0 4px 24px rgba(0,0,0,0.42),
        0 0 0 5px rgba(255,255,255,0.15) !important;
}

/* ── Botão adicionar ao carrinho — cor editável ── */
.btn-add-cart {
    background: linear-gradient(135deg, var(--btn-add-cor1) 0%, var(--btn-add-cor2) 100%) !important;
}

/* ── Chips de categoria ativos — cor editável ── */
.category-chip.active {
    background: linear-gradient(135deg, var(--chip-ativa-cor), var(--secondary)) !important;
    border-color: var(--chip-ativa-cor) !important;
}
.category-chip:hover {
    border-color: var(--chip-ativa-cor) !important;
    color: var(--chip-ativa-cor) !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; }