/* ==========================================
   TEMA ROXO — AGRO FERRAGEM DUTRA
========================================== */

body.loja-agropecuaria-dutra { 

    /* COR PRINCIPAL ROXO */
    --primary: #6F2DA8;

    /* ROXO ESCURO */
    --primary-dark: #4A1D75;

    /* COR DE DESTAQUE (AMARELO DO LOGO) */
    --accent: #FFC107;

    /* FUNDO */
    --bg: #f7f3fb;

    /* SUPERFÍCIE */
    --surface: #ffffff;

    /* TEXTOS */
    --text: #1b1426;
    --muted: #7a6c8f;

    /* LINHAS */
    --line: #e5daf5;
}

/* ==========================================
   HEADER (TOPO DA LOJA)
========================================== */

body.loja-agropecuaria-dutra .site-header {
    box-shadow: 0 14px 30px rgba(111, 45, 168, 0.25);
}

body.loja-agropecuaria-dutra .header-top {

    background: linear-gradient(
        135deg,
        #6F2DA8,
        #4A1D75 62%,
        #8E44CC
    );

}

/* LOGO */
body.loja-agropecuaria-dutra .brand-logo,
body.loja-agropecuaria-dutra .brand-logo-fallback {

    box-shadow:
        0 0 0 1px rgba(255,255,255,0.08),
        0 12px 28px rgba(74, 29, 117, 0.35);

}

/* ==========================================
   CARDS E BOXES
========================================== */

body.loja-agropecuaria-dutra .section-card,
body.loja-agropecuaria-dutra .produto-card,
body.loja-agropecuaria-dutra .relacionado-card,
body.loja-agropecuaria-dutra .checkout-formulario,
body.loja-agropecuaria-dutra .checkout-resumo,
body.loja-agropecuaria-dutra .carrinho-box,
body.loja-agropecuaria-dutra .produto-detalhe {

    border: 1px solid rgba(111, 45, 168, 0.12);

}

/* ==========================================
   BOTÕES PRINCIPAIS
========================================== */

body.loja-agropecuaria-dutra .btn-principal,
body.loja-agropecuaria-dutra .header-search button {

    background: linear-gradient(
        135deg,
        #FFC107,
        #FFA000
    );

    color: #2b1a00;

}

/* HOVER DOS BOTÕES */

body.loja-agropecuaria-dutra .btn-principal:hover,
body.loja-agropecuaria-dutra .header-search button:hover {

    background: linear-gradient(
        135deg,
        #FFD54F,
        #FFB300
    );

}

/* ==========================================
   PREÇO DO PRODUTO
========================================== */

body.loja-agropecuaria-dutra .produto-preco {

    color: #6F2DA8;
    font-weight: 900;

}

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

body.loja-agropecuaria-dutra .footer-col h3,
body.loja-agropecuaria-dutra .footer-col h4 {

    color: #e6c8ff;

}

/* ==========================================
   DESTAQUES VISUAIS
========================================== */

body.loja-agropecuaria-dutra .loja-chip {

    border: 1px solid rgba(111, 45, 168, 0.20);

}

body.loja-agropecuaria-dutra .produto-card:hover {

    border-color: rgba(111, 45, 168, 0.35);

}

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

body.loja-agropecuaria-dutra .loja-promo-banner {

    background:
        radial-gradient(circle at right top, rgba(255,255,255,0.18), transparent 24%),
        linear-gradient(
            135deg,
            #6F2DA8,
            #4A1D75
        );

}