/**
* Theme Name:        avanam-healthmart
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-healthmart
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/

/**
* Theme Name:        avanam-healthmart
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-healthmart
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/
/* Step 3 cart summary bar */
.mcp-cartbar{
  display:flex;justify-content:space-between;align-items:center;
  gap:1rem;background:#ffffff;border:1px solid rgba(15,20,30,0.06);
  border-radius:10px;padding:.75rem 1rem;margin:.75rem 0 1rem;
  box-shadow:0 4px 14px rgba(15,20,30,0.05)
}
.mcp-cartbar .button{border-radius:8px;padding:8px 12px}
.mcp-cartbar .button.secondary{background:transparent;color:#0b84ff;border:1px solid rgba(11,132,255,0.18)}
.mcp-qty{
  width:70px; padding:.45rem .5rem; border:1px solid rgba(15,20,30,0.15);
  border-radius:8px; background:#fff
}
@media (max-width:600px){
  .mcp-cartbar{flex-direction:column;align-items:flex-start}
}

/* ===== Mobile-responsive improvements for MCP Consultation ===== */

/* Make the product grid responsive: 3 / 2 / 1 columns */
.mcp-product-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1100px) { .mcp-product-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 680px)  { .mcp-product-grid { grid-template-columns: 1fr; } }

/* Progress step list: allow horizontal scrolling on small screens */
.mcp-step-list { flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:.25rem; }
.mcp-step { flex:0 0 auto; min-width: 140px; }

/* Increase tap targets on mobile */
@media (max-width: 680px) {
  .mcp-step-button { padding: 12px 14px; border-radius:10px; }
  .mcp-step-dot { width:40px; height:40px; font-size:1rem; }
  .mcp-step-label { font-size:1rem; }

  .mcp-actions .button,
  .mcp-product-card .button { padding:12px 14px; font-size:1rem; border-radius:10px; }

  .mcp-qty { width:82px; padding:.6rem .7rem; font-size:1rem; }

  .mcp-product-card { padding:14px; border-radius:12px; }
  .mcp-wrapper { padding:.75rem; margin:1rem auto; }
}

/* Cart summary: stack and full-width actions on small screens */
.mcp-cartbar { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.mcp-cartbar-actions .button { white-space:nowrap; }
@media (max-width:680px) {
  .mcp-cartbar{flex-direction:column;align-items:stretch}
  .mcp-cartbar-left{margin-bottom:.5rem}
  .mcp-cartbar-actions{display:flex;flex-direction:column;gap:.5rem}
  .mcp-cartbar-actions .button{width:100%;display:block;text-align:center;padding:12px 14px}
  .mcp-cartbar .mcp-cartbar-subtotal{display:block;margin-top:.3rem}
}

/* Make images responsive and avoid overflow */
.mcp-thumb img{width:100%;height:auto;object-fit:cover}

/* Improve spacing and legibility on small screens */
@media (max-width: 420px) {
  .mcp-step-label{display:block}
  .mcp-step-dot{font-size:.95rem}
  .mcp-product-card h3{font-size:1rem}
  .mcp-price{font-size:1rem}
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .mcp-progress-fill { transition: none !important; }
}

/* Add subtle focus-visible styles for keyboard users on mobile */
.mcp-step-button:focus-visible,
.mcp-actions .button:focus-visible,
.mcp-product-card a:focus-visible {
  outline: 3px solid rgba(11,132,255,0.18);
  outline-offset: 3px;
}

/* small polish: hide number input spinner in some browsers for consistent UI */
input[type=number].mcp-qty::-webkit-outer-spin-button,
input[type=number].mcp-qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number].mcp-qty { -moz-appearance: textfield; }

/* ensure step list shows comfortable padding and no layout jank on mobile */
.mcp-step-list { gap:12px; padding:6px 4px; }

.mcp-product-card .button.mcp-added {
  background-color: #28a745; /* green */
  border-color: #28a745;
  color: #fff;
  pointer-events: none; /* prevent double-clicking */
}

/* Green "Added" button */
.mcp-product-card .button.mcp-added,
.mcp-product-card .button[disabled].mcp-added {
  background-color: #28a745;
  border-color: #28a745;
  color: #ffffff;
  cursor: default;
  pointer-events: none; /* prevent clicks */
  opacity: 1;
}

/* Optional: nicer visual for disabled state */
.mcp-product-card .button[disabled] {
  filter: none;
  opacity: 0.95;
}