#sp-footer .container-inner {padding: 10px 0}
.sp-sign-in a{color: #fff!important}
.sp-sign-in {color: #fff!important}
.body-oc a {
	color: #006342;
	font-size: 20px;
}

.body-oc .product-thumb .button-group button {
    background-color: #006342;
    background-image: linear-gradient(to bottom, #006342, #006342);
    color: #fff;
}

.body-oc .product-thumb .button-group button:hover {
    color: #fff;
    background-color: #FF352F;
    background-image: linear-gradient(to bottom, #FF352F, #FF352F);
}

/* === Menu colours matched to the logo (updated 2026-07-28) === */
/* Top navigation: "Salada" green, bold, with a soft light halo so the items
   stay readable over the banner photograph. Hover/active = "Taco" red. */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    color: #009B6B !important;
    font-weight: 700 !important;
    text-shadow: 0 0 5px #ffffff,
                 0 0 10px #ffffff,
                 0 0 18px rgba(255, 255, 255, 0.98),
                 0 0 30px rgba(255, 255, 255, 0.9),
                 0 0 44px rgba(255, 255, 255, 0.75);
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > span,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current-item > a {
    color: #DC3833 !important;
}

/* Dropdown panels: solid white background, same green/red logic */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color: #009B6B !important;
    font-weight: 600 !important;
    text-shadow: none !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #DC3833 !important;
    background-color: #f2f7f4 !important;
}

/* Mobile off-canvas menu */
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
    color: #DC3833 !important;
}

/* === Header sizing for the 2026 logo (added 2026-07-28) ===
   The logo is 123px tall (set in the Helix template options). The header's
   default 85px logo box cropped it, and the hero headline ran into it on
   short browser windows, so both get a little more room. */
#sp-header {
    height: auto !important;
    min-height: 137px !important;
}
#sp-header .logo {
    height: 137px !important;
}
body.itemid-101 .page-content.builder-container > .sppb-section:first-child {
    padding-top: 215px !important;
}

/* === Lighten the homepage hero overlay (added 2026-07-24) ===
   Original was linear-gradient(90deg, #000 18%, rgba(0,0,0,.1) 99%) - too dark. */
.com-sppagebuilder .sppb-row-overlay {
    background-image: linear-gradient(90deg,
        rgba(0, 0, 0, 0.62) 0%,
        rgba(0, 0, 0, 0.38) 45%,
        rgba(0, 0, 0, 0.05) 99%) !important;
}

/* Keep the hero heading readable over the lighter background */
.sppb-addon-header .sppb-addon-title {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9), 0 0 22px rgba(0, 0, 0, 0.6) !important;
}