/* ChocoBrain theme — chocolate + gold (bottle colors). Loaded after the base styles. */
:root {
    --cb-choco-900: #2b0f0f;
    --cb-choco-700: #4a1c1a;
    --cb-choco-500: #6b2b25;
    --cb-gold-300: #f1d48a;
    --cb-gold-500: #c9a24a;
    --cb-gold-700: #9a7130;
    --cb-cream: #faf4ec;
    --cb-dark-grad: linear-gradient(180deg, #5a2420 0%, #2b0f0f 100%);
    --cb-gold-grad: linear-gradient(180deg, #f1d48a 0%, #c9a24a 55%, #a87a2c 100%);

    /* base template variables */
    --cor-primaria: var(--cb-gold-500);
    --cor-secundaria: var(--cb-gold-700);
    --cor-tercearia: var(--cb-choco-700);
    --x-1-8bca-3: var(--cb-gold-500);
    --x-2b-6-3a-6: var(--cb-choco-700);
    --x-1b-5-7a-7: var(--cb-choco-700);
    --x-1d-1d-1d: #2a1a17;
}

/* dark blocks */
.header-2,
.dark-purple-bg,
.footer-wrapper,
.frmula,
.rectangle,
.div-2,
.element-BOTTLES {
    background: var(--cb-dark-grad);
}

.blue-circles,
.black-overlay {
    background-image: radial-gradient(circle at 50% 50%, #5a2420, #3a1513 34%, #2b0f0f 75%, #2b0f0f 85%);
}

.overlap-3 {
    background-image: none;
}

/* light backgrounds */
.background-fundo,
.background-fundo2 {
    background-image: radial-gradient(circle at 70% 40%, #f6e7d2 0%, var(--cb-cream) 55%, #fff 100%);
}

/* decorative shapes/leaves recolored to the gold/brown palette */
.group-3,
.image-container2 img,
.image-container3 img,
.col-1-5 img,
.background-right-leafb {
    filter: sepia(1) saturate(1.4) hue-rotate(-12deg) brightness(.95);
}

.element-wrapper {
    display: none;
}

/* brand name */
.text-wrapper-3 {
    background: var(--cb-gold-grad);
    -webkit-background-clip: text !important;
    background-clip: text;
}

/* buttons */
.boto,
.div-order,
.free-shipping-3,
.free-shipping-5 {
    background: var(--cb-gold-grad);
}

.boto .text-wrapper-2,
.div-order {
    color: var(--cb-choco-900);
}

.overlap-group-5,
.overlap-group-6,
.overlap-group-7 {
    background-image: var(--cb-gold-grad);
    border-radius: 10px;
}

.text-wrapper-17 {
    color: var(--cb-choco-900);
}

.menu-button-container {
    background: var(--cb-choco-500);
}

/* accents */
.text-wrapper-13,
.text-wrapper-26 {
    color: var(--cb-gold-500);
}

.text-wrapper-19 {
    color: #e0806a;
}

.group-wrapper {
    border-image: linear-gradient(to bottom, var(--cb-gold-500), var(--cb-choco-700)) 1;
}

.check {
    filter: sepia(1) saturate(2.2) hue-rotate(5deg) brightness(1.1);
}