/* ==========================================
   TEMA BRICK OLIVEIRA
   PRETO + VERMELHO + DOURADO
   Visual premium, forte e vendedor
========================================== */

body.loja-brick-oliveira {
    --primary: #d4af37;
    --primary-dark: #8a6a16;
    --accent: #e11d2e;

    --bg: #070707;
    --surface: #121212;
    --surface-2: #1b1b1b;

    --text: #ffffff;
    --muted: #c9c0a8;
    --line: rgba(212, 175, 55, 0.28);
}

/* FUNDO GERAL */
body.loja-brick-oliveira {
    background:
        radial-gradient(circle at top right, rgba(212,175,55,0.10), transparent 30%),
        radial-gradient(circle at top left, rgba(225,29,46,0.10), transparent 28%),
        #070707;
    color: var(--text);
}

/* ==========================================
   HEADER PREMIUM
========================================== */

body.loja-brick-oliveira .site-header {
    background: #050505;
    box-shadow: 0 18px 45px rgba(0,0,0,0.55);
}

body.loja-brick-oliveira .header-top {
    padding: 14px 0;
    background:
        radial-gradient(circle at right, rgba(255,215,0,0.20), transparent 30%),
        linear-gradient(135deg, #020202 0%, #130000 45%, #8a111a 72%, #d4af37 100%);
    border-bottom: 1px solid rgba(212,175,55,0.30);
}

body.loja-brick-oliveira .header-main {
    display: grid;
    grid-template-columns: auto minmax(260px, 1fr) auto;
    align-items: center;
    gap: 24px;
}

body.loja-brick-oliveira .brand {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 280px;
}

body.loja-brick-oliveira .brand-logo,
body.loja-brick-oliveira .brand-logo-fallback {
    width: 76px;
    height: 76px;
    padding: 5px;
    border-radius: 50%;
    background: #050505;
    border: 2px solid #d4af37;
    object-fit: contain;
    box-shadow:
        0 0 0 4px rgba(225,29,46,0.18),
        0 0 26px rgba(212,175,55,0.42);
}

body.loja-brick-oliveira .brand-text,
body.loja-brick-oliveira .brand-text span,
body.loja-brick-oliveira .brand-text strong {
    color: #ffffff;
}

body.loja-brick-oliveira .brand-text span {
    font-size: 12px;
    color: #ffe6a6;
    font-weight: 800;
}

body.loja-brick-oliveira .brand-text strong {
    display: block;
    font-size: 21px;
    line-height: 1.05;
    text-shadow: 0 2px 12px rgba(0,0,0,0.45);
}

/* ==========================================
   BUSCA ESCURA
========================================== */

body.loja-brick-oliveira .header-search {
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
    display: flex;
    overflow: hidden;
    border-radius: 999px;
    background: #0b0b0b;
    border: 2px solid rgba(212,175,55,0.75);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.05),
        0 12px 32px rgba(0,0,0,0.40);
}

body.loja-brick-oliveira .header-search input {
    flex: 1;
    min-width: 0;
    height: 52px;
    border: 0;
    padding: 0 22px;
    background: #0b0b0b;
    color: #ffffff;
    font-weight: 800;
    outline: none;
}

body.loja-brick-oliveira .header-search input::placeholder {
    color: rgba(255,255,255,0.55);
}

body.loja-brick-oliveira .header-search button {
    height: 52px;
    border: 0;
    padding: 0 30px;
    background: linear-gradient(135deg, #ffd700, #d4af37 45%, #b8860b);
    color: #100b00;
    font-weight: 950;
    cursor: pointer;
    box-shadow: inset 0 0 12px rgba(255,255,255,0.25);
}

body.loja-brick-oliveira .header-search button:hover {
    background: linear-gradient(135deg, #ffef8a, #ffd700, #c99a1e);
}

/* ==========================================
   BOTÕES DO HEADER
========================================== */

body.loja-brick-oliveira .header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

body.loja-brick-oliveira .header-actions a,
body.loja-brick-oliveira .header-actions .btn-principal {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 950;
    transition: .25s ease;
}

/* Botão Loja */
body.loja-brick-oliveira .header-actions a[href*="loja"],
body.loja-brick-oliveira .header-actions .btn-principal {
    background: linear-gradient(135deg, #d4af37, #8a6a16);
    color: #ffffff;
    border: 1px solid rgba(255,215,0,0.45);
}

/* Botão Carrinho */
body.loja-brick-oliveira .header-actions a[href*="carrinho"],
body.loja-brick-oliveira .header-actions .cart-link {
    background: linear-gradient(135deg, #e11d2e, #8a000b);
    color: #ffffff;
    border: 1px solid rgba(255,255,255,0.12);
    box-shadow: 0 10px 25px rgba(225,29,46,0.28);
}

/* Botão WhatsApp */
body.loja-brick-oliveira .header-actions a[href*="wa.me"],
body.loja-brick-oliveira .header-actions .whatsapp-link {
    background: linear-gradient(135deg, #25d366, #128c7e);
    color: #ffffff;
    box-shadow: 0 10px 28px rgba(37,211,102,0.28);
}

body.loja-brick-oliveira .header-actions a:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

/* ==========================================
   MENU ABAIXO — ESCURO
========================================== */

body.loja-brick-oliveira .header-nav,
body.loja-brick-oliveira .header-bottom {
    background: #0a0a0a;
    border-top: 1px solid rgba(255,255,255,0.04);
    border-bottom: 1px solid rgba(212,175,55,0.24);
}

body.loja-brick-oliveira .header-nav a,
body.loja-brick-oliveira .header-bottom a {
    color: #ffe6a6;
    font-weight: 950;
    text-decoration: none;
}

body.loja-brick-oliveira .header-nav a:hover,
body.loja-brick-oliveira .header-bottom a:hover {
    color: #ffffff;
}

/* ==========================================
   CARDS / PRODUTOS
========================================== */

body.loja-brick-oliveira .section-card,
body.loja-brick-oliveira .produto-card,
body.loja-brick-oliveira .relacionado-card,
body.loja-brick-oliveira .checkout-formulario,
body.loja-brick-oliveira .checkout-resumo,
body.loja-brick-oliveira .carrinho-box,
body.loja-brick-oliveira .produto-detalhe {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)),
        #121212;
    color: #ffffff;
    border: 1px solid rgba(212,175,55,0.26);
    box-shadow: 0 18px 40px rgba(0,0,0,0.35);
}

body.loja-brick-oliveira .produto-card:hover,
body.loja-brick-oliveira .relacionado-card:hover {
    border-color: #e11d2e;
    transform: translateY(-4px);
    box-shadow:
        0 20px 45px rgba(0,0,0,0.42),
        0 0 24px rgba(225,29,46,0.28);
}

body.loja-brick-oliveira .produto-card h3,
body.loja-brick-oliveira .relacionado-card h3,
body.loja-brick-oliveira .produto-info h1 {
    color: #ffffff;
}

body.loja-brick-oliveira .produto-card p,
body.loja-brick-oliveira .produto-descricao,
body.loja-brick-oliveira .produto-descricao-completa {
    color: #d8cfbd;
}

/* PREÇO */
body.loja-brick-oliveira .produto-preco,
body.loja-brick-oliveira .relacionado-preco {
    color: #ffd700;
    font-weight: 950;
    text-shadow: 0 0 12px rgba(255,215,0,0.22);
}

/* BOTÕES DE VENDA */
body.loja-brick-oliveira .btn-principal,
body.loja-brick-oliveira .btn-ver-produto,
body.loja-brick-oliveira .btn-card-loja,
body.loja-brick-oliveira .btn-carrinho {
    background: linear-gradient(135deg, #ffd700, #d4af37, #b8860b);
    color: #130d00;
    font-weight: 950;
    border: 0;
    box-shadow: 0 12px 26px rgba(212,175,55,0.25);
}

body.loja-brick-oliveira .btn-comprar {
    background: linear-gradient(135deg, #ff2238, #e11d2e, #8a000b);
    color: #ffffff;
    font-weight: 950;
    border: 0;
    box-shadow: 0 12px 28px rgba(225,29,46,0.32);
}

body.loja-brick-oliveira .btn-ir-carrinho {
    background: #1c1c1c;
    color: #ffd700;
    border: 1px solid rgba(212,175,55,0.38);
}

body.loja-brick-oliveira .btn-principal:hover,
body.loja-brick-oliveira .btn-ver-produto:hover,
body.loja-brick-oliveira .btn-carrinho:hover,
body.loja-brick-oliveira .btn-comprar:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

/* ==========================================
   BANNER PROMOCIONAL
========================================== */

body.loja-brick-oliveira .loja-promo-banner {
    background:
        radial-gradient(circle at right top, rgba(255,215,0,0.22), transparent 30%),
        radial-gradient(circle at left bottom, rgba(225,29,46,0.20), transparent 32%),
        linear-gradient(135deg, #050505, #160000 46%, #8a000b);
    border: 1px solid rgba(212,175,55,0.28);
    box-shadow: 0 20px 45px rgba(0,0,0,0.35);
}

/* ==========================================
   INPUTS / CHECKOUT
========================================== */

body.loja-brick-oliveira input,
body.loja-brick-oliveira select,
body.loja-brick-oliveira textarea {
    background: #0d0d0d;
    color: #ffffff;
    border: 1px solid rgba(212,175,55,0.32);
}

body.loja-brick-oliveira input:focus,
body.loja-brick-oliveira select:focus,
body.loja-brick-oliveira textarea:focus {
    border-color: #ffd700;
    outline: none;
    box-shadow: 0 0 0 3px rgba(212,175,55,0.12);
}

/* ==========================================
   CHIPS / BADGES
========================================== */

body.loja-brick-oliveira .loja-chip,
body.loja-brick-oliveira .produto-badge,
body.loja-brick-oliveira .tag {
    background: rgba(225,29,46,0.15);
    color: #ffe6a6;
    border: 1px solid rgba(212,175,55,0.32);
}

/* ==========================================
   FOOTER
========================================== */

body.loja-brick-oliveira footer,
body.loja-brick-oliveira .site-footer {
    background: #040404;
    color: #d8cfbd;
    border-top: 1px solid rgba(212,175,55,0.24);
}

body.loja-brick-oliveira .footer-col h3,
body.loja-brick-oliveira .footer-col h4 {
    color: #ffd700;
}

/* ==========================================
   RESPONSIVO
========================================== */

@media (max-width: 1024px) {
    body.loja-brick-oliveira .header-main {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.loja-brick-oliveira .brand {
        min-width: 0;
        justify-content: center;
    }

    body.loja-brick-oliveira .header-search {
        max-width: 100%;
    }

    body.loja-brick-oliveira .header-actions {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    body.loja-brick-oliveira .header-top {
        padding: 12px 0;
    }

    body.loja-brick-oliveira .brand {
        justify-content: flex-start;
    }

    body.loja-brick-oliveira .brand-logo,
    body.loja-brick-oliveira .brand-logo-fallback {
        width: 62px;
        height: 62px;
    }

    body.loja-brick-oliveira .brand-text strong {
        font-size: 17px;
    }

    body.loja-brick-oliveira .header-search {
        border-radius: 18px;
        flex-direction: column;
    }

    body.loja-brick-oliveira .header-search input,
    body.loja-brick-oliveira .header-search button {
        width: 100%;
        height: 48px;
    }

    body.loja-brick-oliveira .header-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    body.loja-brick-oliveira .header-actions a,
    body.loja-brick-oliveira .header-actions .btn-principal {
        width: 100%;
    }

    body.loja-brick-oliveira .header-nav,
    body.loja-brick-oliveira .header-bottom {
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* ==========================================
   AJUSTE PRODUTO.PHP — DESCRIÇÃO ESCURA
   BRICK OLIVEIRA
========================================== */

body.loja-brick-oliveira .bloco-descricao,
body.loja-brick-oliveira .produto-descricao-completa {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.015)),
        #111111 !important;

    color: #e9ddc2 !important;

    border: 1px solid rgba(212,175,55,0.28) !important;

    border-radius: 16px;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.03),
        0 16px 35px rgba(0,0,0,0.35);
}

body.loja-brick-oliveira .bloco-descricao {
    padding: 0;
}

body.loja-brick-oliveira .bloco-descricao h2 {
    color: #ffffff !important;
    margin-bottom: 14px;
    text-shadow: 0 0 14px rgba(212,175,55,0.22);
}

body.loja-brick-oliveira .produto-descricao-completa {
    padding: 22px 18px;
    line-height: 1.75;
    font-size: 15px;
}

body.loja-brick-oliveira .produto-info {
    color: #ffffff;
}

body.loja-brick-oliveira .produto-info h1 {
    color: #ffffff !important;
}

body.loja-brick-oliveira .produto-info label {
    color: #ffe6a6;
    font-weight: 800;
}

body.loja-brick-oliveira .produto-acoes {
    color: #ffffff;
}

/* Campo quantidade */
body.loja-brick-oliveira #qtd {
    background: #0b0b0b !important;
    color: #ffffff !important;
    border: 1px solid rgba(212,175,55,0.35) !important;
}