/* Dynamic storefront color controls.
   This file intentionally changes colors only and preserves the original theme's
   shapes, spacing, shadows, animations and mobile menu behavior. */

.mn-header { background-color: var(--theme-header-bg); }
.mn-main-menu ul li a,
.mn-header .mn-tool-icons svg path { color: var(--theme-header-text); fill: var(--theme-header-text); }
.mn-header .header-icon i { color: var(--theme-header-text); }
.mn-main-menu ul li a:hover,
.mn-header .mn-tool-user .sub-menu li a:hover,
.mn-product-card .mn-product-detail .cat a:hover,
.mn-product-card .mn-product-detail h5 a:hover { color: var(--theme-primary); }

.mn-title h2 span,
.mn-product-card .mn-product-detail .mn-price .mn-price-new,
.mn-single-product .final-price { color: var(--theme-price); }

.mn-btn-1 { background-color: var(--theme-secondary); color: var(--theme-dark); }
.mn-btn-1::after,
.mn-btn-1:hover { background-color: var(--theme-primary); }
.mn-btn-1:hover { color: #fff; }
.mn-btn-2,
.btn-primary { background-color: var(--theme-primary); border-color: var(--theme-primary); }
.mn-btn-2::after { background-color: var(--theme-secondary); }
.mn-btn-2:hover { background-color: var(--theme-secondary); color: var(--theme-dark); }

.mn-product-card .mn-product-img .lbl .discount,
.mn-footer-nav ul li a span { background-color: var(--theme-badge); }

.mn-footer { background-color: var(--theme-footer-bg); }
.mn-footer .footer-top .mn-footer-widget .mn-footer-heading { color: var(--theme-footer-heading); }
.mn-footer .footer-top .mn-footer-widget .mn-footer-detail,
.mn-footer .footer-top .mn-footer-widget .mn-footer-links .mn-footer-link,
.mn-footer .footer-top .mn-footer-widget .mn-footer-links .mn-footer-link a,
.mn-footer .footer-top .mn-footer-contact .mn-footer-widget .mn-footer-links li p,
.footer-bottom .mn-copy { color: var(--theme-footer-text); }
.mn-footer .footer-top .mn-footer-widget .mn-footer-links .mn-footer-link a:hover,
.footer-bottom .mn-copy a,
.footer-bottom .mn-copy .site-name:hover { color: var(--theme-footer-accent); }
.mn-footer-nav { background-color: var(--theme-mobile-nav-bg); }

/* Two products per row on phones, including Bootstrap grids and custom grids. */
@media (max-width: 575.98px) {
  .mn-product-box {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .shop-product-grid,
  .collection-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .mn-product-card .mn-product-detail h5 a {
    font-size: 13px;
    line-height: 20px;
  }
  .mn-product-card .mn-product-detail {
    padding-left: 10px;
    padding-right: 10px;
  }
}