/* ===== SITE BACKGROUND – WHITE ===== */
body,
.site,
#page,
.site-content {
    background-color: #ffffff !important;
}

/* ===== NAVIGATION MENU – FULL WIDTH, LIGHT BACKGROUND, GREEN TEXT ===== */
.site-header {
    width: 100% !important;
    background-color: #f8f9fa !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation,
#site-navigation {
    background-color: #f8f9fa !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

/* Force horizontal menu */
.main-navigation ul,
#site-navigation ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation li,
#site-navigation li {
    margin: 0 !important;
    float: none !important;
}

.main-navigation a,
#site-navigation a {
    color: #2c5f2d !important;
    font-weight: 500 !important;
    padding: 15px 20px !important;
    display: inline-block !important;
}

.main-navigation a:hover,
#site-navigation a:hover {
    background-color: #e8f0e8 !important;
    color: #1e4a1f !important;
}

/* Hide mobile menu toggle on desktop */
.menu-toggle {
    display: none !important;
}

/* ===== MAIN CONTENT – WIDER BUT NOT BREAKING COLUMNS ===== */
.site-content,
.content-area,
.woocommerce-page .content-area,
.woocommerce-page .site-main {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* ===== HIDE SIDEBARS ===== */
.sidebar,
#secondary,
.widget-area,
aside {
    display: none !important;
}

/* ===== SQUARE CORNERS ===== */
button,
.button,
input,
.wp-block-button__link,
.woocommerce .button,
.products li.product,
.products li.product img {
    border-radius: 0px !important;
}

/* ===== WOOCOMMERCE PRODUCT GRID (shop pages only) ===== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    margin: 40px 0 !important;
    padding: 0 !important;
}

@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}
@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }
}

.woocommerce ul.products li.product {
    background: #ffffff;
    border: 1px solid #eee;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    transition: 0.2s;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}
.woocommerce ul.products li.product img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: 0 !important;
}
.woocommerce ul.products li.product .price {
    display: none !important;
}
.woocommerce ul.products li.product .button {
    background: transparent !important;
    color: #2c5f2d !important;
    padding: 5px 15px 20px !important;
}
.woocommerce ul.products li.product .button.add_to_cart_button {
    font-size: 0 !important;
}
.woocommerce ul.products li.product .button.add_to_cart_button::before {
    content: "View →" !important;
    font-size: 0.85rem !important;
}

/* ===== HOMEPAGE: ONLY HIDE TITLE ===== */
.home .entry-header,
.home .entry-title {
    display: none !important;
}

/* ===== SHOPPING CART WIDGET GREEN BACKGROUND ===== */
.site-header-cart .widget_shopping_cart {
    background-color: #2c5f2d !important;
}

/* ===== FORCE MENU TO BE GREEN – NO RED ===== */

/* Override any red from theme custom-colors.css */
.main-navigation,
#site-navigation,
.main-navigation ul,
#site-navigation ul,
.main-navigation li,
#site-navigation li {
    background-color: #f8f9fa !important;
}

.main-navigation a,
#site-navigation a,
.main-navigation ul li a,
#site-navigation ul li a,
.main-navigation .menu-item a,
#site-navigation .menu-item a {
    color: #2c5f2d !important;
    background-color: transparent !important;
}

.main-navigation a:hover,
#site-navigation a:hover,
.main-navigation .menu-item a:hover {
    background-color: #e8f0e8 !important;
    color: #1e4a1f !important;
}

/* Override active/current menu items (if they are red) */
.main-navigation .current-menu-item a,
#site-navigation .current-menu-item a,
.main-navigation .current_page_item a,
#site-navigation .current_page_item a {
    color: #2c5f2d !important;
    background-color: #e8f0e8 !important;
}

/* Force mobile toggle to not show on desktop */
.menu-toggle {
    display: none !important;
}

/* Override any parent container restrictions */
html body .woocommerce-page .site-content,
html body .woocommerce-page .content-wrapper,
html body .woocommerce-page .site-main {
    max-width: 100% !important;
    width: 100% !important;
}