/*
Theme Name: My Mind Is Ok
Theme URI: https://mymindisok.com
Author: My Mind Is Ok
Author URI: https://mymindisok.com
Description: A motion-rich wellbeing theme with native WooCommerce support and a companion Stripe memberships integration.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mymindisok
*/

:root {
  --mmio-ink: #102520;
  --mmio-muted: #61706a;
  --mmio-teal-950: #071b18;
  --mmio-teal-900: #0a2f2a;
  --mmio-teal-700: #0f6c63;
  --mmio-teal-500: #1f9385;
  --mmio-mint: #8be0bd;
  --mmio-cream: #f8f5ee;
  --mmio-gold: #ff8945;
  --mmio-coral: #ef8a6a;
  --mmio-white: #fff;
  --mmio-border: rgba(10, 47, 42, 0.12);
  --mmio-shadow: 0 28px 80px rgba(7, 27, 24, 0.14);
  --mmio-radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--mmio-ink);
  background: linear-gradient(180deg, #f8f5ee 0%, #fff 44%, #edf7f1 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--mmio-teal-700); }
img { max-width: 100%; height: auto; }

.mmio-wp-header {
  position: sticky;
  top: 0;
  z-index: 100;
  color: #fff;
  background: rgba(28, 28, 27, 0.94);
  border-bottom: 1px solid rgba(255,137,69,0.18);
  backdrop-filter: blur(22px) saturate(145%);
}
.admin-bar .mmio-wp-header { top: 32px; }
.mmio-wp-nav {
  width: min(1240px, calc(100% - 2rem));
  min-height: 76px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.mmio-wp-brand {
  display: inline-flex;
  align-items: center;
  gap: .72rem;
  color: #fff;
  text-decoration: none;
  font-weight: 850;
  letter-spacing: -.02em;
}
.mmio-wp-brand img {
  width: 45px;
  height: 45px;
  border-radius: 14px;
  box-shadow: 0 12px 30px rgba(246,189,73,.18);
}
.mmio-wp-brand em {
  color: #ffd27a;
  font-family: Georgia, serif;
  font-weight: 600;
}
.mmio-wp-links { display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; justify-content: flex-end; }
.mmio-wp-links a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 .82rem;
  border-radius: 10px;
  color: rgba(255,255,255,.78);
  text-decoration: none;
  font-size: .9rem;
  font-weight: 720;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}
.mmio-wp-links a:hover { color: #fff; background: rgba(255,255,255,.1); transform: translateY(-1px); }
.mmio-wp-links .mmio-cart-link {
  color: #06201d;
  background: linear-gradient(135deg, #ffc39e, #ff8945);
  box-shadow: 0 10px 24px rgba(255,137,69,.22);
}

.mmio-wp-main {
  width: min(1180px, calc(100% - 2rem));
  min-height: 68vh;
  margin: 0 auto;
  padding: clamp(2.2rem, 6vw, 5rem) 0;
}
.mmio-page-head { max-width: 780px; margin-bottom: 2rem; }
.mmio-eyebrow { color: #b27020; font-size: .76rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.mmio-page-title { margin: .45rem 0 .75rem; font-size: clamp(2.3rem, 6vw, 4.5rem); line-height: .98; letter-spacing: -.04em; }
.mmio-content-card {
  padding: clamp(1.2rem, 4vw, 2.5rem);
  border: 1px solid var(--mmio-border);
  border-radius: var(--mmio-radius);
  background: rgba(255,255,255,.9);
  box-shadow: var(--mmio-shadow);
}

.mmio-wp-footer {
  padding: 2.3rem 1rem;
  color: rgba(255,255,255,.72);
  background: radial-gradient(110% 140% at 90% 0%, #4a2c21 0%, #242322 48%, #111 100%);
}
.mmio-wp-footer-inner {
  width: min(1180px, 100%);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: .88rem;
}
.mmio-wp-footer a { color: #ffd27a; }

/* WooCommerce surfaces */
.woocommerce .woocommerce-breadcrumb { color: var(--mmio-muted); font-size: .84rem; }
.woocommerce .woocommerce-breadcrumb a { color: var(--mmio-teal-700); }
.woocommerce h1, .woocommerce h2, .woocommerce h3 { color: var(--mmio-ink); letter-spacing: -.025em; }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.1rem; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  padding: 1rem;
  border: 1px solid var(--mmio-border);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 50px rgba(7,27,24,.09);
  transition: transform .2s ease, box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 26px 70px rgba(7,27,24,.14); }
.woocommerce ul.products li.product img { border-radius: 13px; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--mmio-teal-700); font-weight: 850; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.15rem;
  border: 0;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, #14887d, #0a3330);
  box-shadow: 0 12px 28px rgba(15,108,99,.22);
  font-weight: 800;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; background: linear-gradient(135deg, #16988b, #0b3e39); }
.woocommerce a.button.alt, .woocommerce button.button.alt {
  color: #09241f;
  background: linear-gradient(135deg, #ffc39e, #ff8945);
}
.woocommerce table.shop_table, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register,
.woocommerce .woocommerce-checkout-review-order, .woocommerce .woocommerce-MyAccount-content {
  border: 1px solid var(--mmio-border);
  border-radius: 16px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 18px 50px rgba(7,27,24,.08);
}
.woocommerce table.shop_table { border-collapse: separate; overflow: hidden; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
  min-height: 46px;
  padding: .7rem .8rem;
  border: 1px solid rgba(10,47,42,.18);
  border-radius: 10px;
  background: #fff;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {
  border-top: 0;
  border-left: 5px solid var(--mmio-teal-700);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(7,27,24,.08);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: block;
  margin-bottom: .35rem;
  padding: .72rem .9rem;
  border-radius: 9px;
  color: var(--mmio-ink);
  background: rgba(15,108,99,.07);
  text-decoration: none;
  font-weight: 720;
}

@media (max-width: 820px) {
  .admin-bar .mmio-wp-header { top: 46px; }
  .mmio-wp-nav { padding: .75rem 0; align-items: flex-start; }
  .mmio-wp-links { gap: .1rem; }
  .mmio-wp-links a:not(.mmio-cart-link) { display: none; }
  .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
  .woocommerce ul.products { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}