/* MARRONI GLOBAL UI V4 — specifically supersedes V3. Do not run with V3 enabled.
   Scoped repairs for active MARRONI header, footer, and product menu. */
:root{--mf-ui-green:#075443;--mf-ui-green-hover:#0a6755;--mf-ui-white:#ffffff}

/* Only ONE category bar: full-width solid green without grey wrapper. */
html body .mnh-menu-wrap,
html body .mnh-menu-wrap .mnh-menu-inner,
html body .mnh-menu-wrap #menu.mnh-menu,
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse,
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse>.nav.navbar-nav{
  border:0!important;box-shadow:none!important;border-radius:0!important;
}
html body .mnh-menu-wrap{
  width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;
  background:var(--mf-ui-green)!important;
}
html body .mnh-menu-wrap .mnh-menu-inner,
html body .mnh-menu-wrap #menu.mnh-menu,
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse,
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse>.nav.navbar-nav,
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse>.nav.navbar-nav>li{
  background:transparent!important;
}
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse>.nav.navbar-nav>li>a,
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse>.nav.navbar-nav>li>a:visited{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body .mnh-menu-wrap #menu.mnh-menu>.navbar-collapse>.nav.navbar-nav>li>a:hover{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background:var(--mf-ui-green-hover)!important;
}
html body .mnh-menu-wrap #menu.mnh-menu .dropdown-menu a{
  color:#175342!important;-webkit-text-fill-color:#175342!important;
}
/* Once duplicate legacy menus are detected, V4 removes ONLY them. */
html body .marroni-obsolete-menu-parent{
  background:transparent!important;padding:0!important;margin:0!important;
  border:0!important;box-shadow:none!important;
}

/* Footer green instead of dark grey, with high-contrast white text and links.
   No styling of popovers/tooltips outside the footer. */
html body footer,
html body footer#footer,
html body #footer,
html body .footer{
  background:var(--mf-ui-green)!important;
  background-image:none!important;
  border-color:var(--mf-ui-green)!important;
  color:#e9f3ef!important;
}
html body footer .container,
html body #footer>.container,
html body .footer>.container{
  background:transparent!important;
}
html body footer h2,html body footer h3,html body footer h4,html body footer h5,
html body #footer h2,html body #footer h3,html body #footer h4,html body #footer h5,
html body .footer h2,html body .footer h3,html body .footer h4,
html body footer p,html body #footer p,html body .footer p{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body footer a,html body footer a:visited,
html body #footer a,html body #footer a:visited,
html body .footer a,html body .footer a:visited,
html body footer a i,html body #footer a i,html body .footer a i{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none;
}
html body footer a:hover,html body footer a:focus,
html body #footer a:hover,html body #footer a:focus,
html body .footer a:hover,html body .footer a:focus{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:underline!important;
}

/* CART REPAIR: the V3 white text on all button children made the cart invisible
   on the white header. Restore original AJAX OpenCart cart button and its icon.
   Avoid global button styling inside the cart widget (incl. dropdown). */
html body header.mnh-header .mnh-actions,
html body header.mnh-header .mnh-cart-area,
html body header.mnh-header #cart{
  visibility:visible!important;opacity:1!important;
}
html body header.mnh-header .mnh-cart-area{
  display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:38px!important;
}
html body header.mnh-header #cart{display:block!important;position:relative!important;min-width:38px!important}
html body header.mnh-header #cart>button,
html body header.mnh-header #cart>.btn,
html body header.mnh-header #cart>.btn.btn-block{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;
  opacity:1!important;visibility:visible!important;
  color:#075443!important;-webkit-text-fill-color:#075443!important;
  padding:6px!important;
}
html body header.mnh-header #cart>button *,
html body header.mnh-header #cart>.btn *,
html body header.mnh-header #cart>button i,
html body header.mnh-header #cart .fa-shopping-cart,
html body header.mnh-header #cart #cart-total{
  color:#075443!important;-webkit-text-fill-color:#075443!important;
  opacity:1!important;visibility:visible!important;
}
html body header.mnh-header #cart .fa-shopping-cart,
html body header.mnh-header #cart .fa-shopping-basket{
  font-size:22px!important;
}
/* Fallback for a missing cart module: link to OpenCart's real cart page. */
html body header.mnh-header .marroni-cart-fallback{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  text-decoration:none!important;white-space:nowrap;
  padding:6px 4px!important;color:#075443!important;-webkit-text-fill-color:#075443!important;
  font-size:12px!important;font-weight:700!important;
}
html body header.mnh-header .marroni-cart-fallback i{
  font-size:23px!important;color:#075443!important;-webkit-text-fill-color:#075443!important;
}

/* Filled buttons use white text, but DON'T recolor white-header cart controls! */
html body #content .btn-primary,html body #content button.btn-primary,
html body #content a.btn-primary,
html body #content input.btn-primary,
html body #content button[type="submit"],
html body .mhd a.mhd-product-btn,
html body .mhd a.mhd-btn-primary,
html body .product-thumb .button-group .btn,
html body .product-thumb .button-group a.mcv-view{
  background:var(--mf-ui-green)!important;border-color:var(--mf-ui-green)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body #content .btn-primary *,html body #content button.btn-primary *,
html body .mhd a.mhd-product-btn *,html body .mhd a.mhd-btn-primary *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
@media(max-width:767px){
  html body header.mnh-header .marroni-cart-fallback span{display:none}
  html body header.mnh-header #cart #cart-total{display:none!important}
}