/* ==========================================
   GLOBAL COLORS & BACKGROUND
   ========================================== */

body {
    background: #cebc92 !important; /* main content earthy beige */
    color: #2b2b2b !important;
}

a {
    color: #4b8b3b !important; /* leaf green */
}
a:hover {
    color: #2f5e2e !important; /* deeper green */
}

/* Ensure main layout areas match the body tone */
.main-container,
#columns,
#center_column {
    background: #f0e7d2 !important;
}

/* ==========================================
   HEADER — dark green behind logo
   ========================================== */

#header,
#header .nav,
.top-menu {
    background: #b9a97e !important; /* deep forest green */
    color: #ffffff !important;
}

#header a,
#header .nav a {
    color: #ffffff !important;
}

#header a:hover,
#header .nav a:hover {
    color: #d6c39a !important; /* bamboo tan accent */
}

/* Barra do topo com o login*/
.navbar {
    background-color: #2f5e2e !important; /* dark eco green */
}

/* ==========================================
   BUTTONS — green eco style
   ========================================== */

.btn,
.button,
.btn-primary,
.button.button-medium {
    background: #4b8b3b !important;    /* leaf green */
    border-color: #2f5e2e !important;  /* dark green border */
    color: #ffffff !important;
}

.btn:hover,
.button:hover,
.btn-primary:hover {
    background: #556955 !important;
    color: #cecece !important;
}

/* ==========================================
   PRODUCT CARDS
   ========================================== */

.product-container,
.product-card,
.product-box {
    background: #d6c39a !important;
    border: 1px solid #b6a277 !important; /* bamboo border */
    border-radius: 6px !important;
}

.price,
.product-price {
    color: #4b8b3b !important;
}

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

#footer,
#footer .footer-container {
    background: #2f5e2e !important; /* darker green */
    color: #ffffff !important;
}

#footer a {
    color: #d6c39a !important;
}

#footer a:hover {
    color: #ffffff !important;
}

/* ==========================================
   BLOCKS / WIDGETS
   ========================================== */

.block {
    border-color: #d6c39a !important; /* bamboo */
}

/* Optional: category tree, search box, etc. */
.sidebar .block {
    background: #f8f2e2 !important; /* slightly lighter beige */
}

/* ==========================================
   MISC
   ========================================== */

/* Subtle highlight for forms / inputs */
input, textarea, select {
    border-color: #c7b48b !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #4b8b3b !important;
    box-shadow: 0 0 3px #4b8b3b !important;
}