/*
Theme Name: MyBodyMath
Theme URI: https://mybodymath.com
Author: MyBodyMath
Description: Classic theme for MyBodyMath — free, science-based fitness calculators. Ports the original static design: DM Serif Display headings, DM Sans body, light/dark modes, and the calculator layout. Calculators themselves live in the companion MyBodyMath Calculators plugin so they survive theme changes. Child-theme ready.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mybodymath
Tags: blog, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, translation-ready
*/

/*
  The real stylesheet is assets/css/main.css, enqueued from functions.php.
  This file exists for the theme header above and for any overrides you
  want to add by hand. A child theme's style.css loads after main.css.
*/

/* ── WordPress core classes the original static site never needed ── */
.alignleft   { float: left; margin: 0 var(--space-md, 20px) var(--space-sm, 12px) 0; }
.alignright  { float: right; margin: 0 0 var(--space-sm, 12px) var(--space-md, 20px); }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide, .alignfull { max-width: none; }

.wp-caption { max-width: 100%; }
.wp-caption-text,
.wp-element-caption {
  font-size: 13px;
  color: var(--text-light);
  text-align: center;
  margin-top: 8px;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
  position: static !important;
  width: auto; height: auto;
  clip: auto; margin: 0;
  padding: 8px 16px;
  background: var(--bg-card);
  color: var(--text);
  z-index: 100000;
}

.skip-link {
  position: absolute; left: -9999px; top: 0;
  background: var(--accent); color: #fff;
  padding: 10px 18px; z-index: 100000;
  text-decoration: none; font-size: 14px;
}
.skip-link:focus { left: 8px; top: 8px; }

.post-thumbnail img { width: 100%; height: auto; border-radius: var(--radius); }
.sticky .post-title::before { content: '★ '; color: var(--accent); }

.gallery { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0; }
.gallery-item { flex: 1 1 140px; }
.gallery-item img { width: 100%; height: auto; border-radius: var(--radius-sm); }

blockquote {
  border-left: 3px solid var(--accent);
  padding-left: 18px;
  margin: 24px 0;
  font-size: 18px;
  line-height: 1.7;
  color: var(--text-muted);
}
blockquote cite { display: block; margin-top: 10px; font-size: 14px; font-style: normal; color: var(--text-light); }

pre {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 16px;
  overflow-x: auto;
  font-size: 14px;
}
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; }

/* ── Pagination ── */
.mbm-pagination {
  display: flex; gap: 8px; flex-wrap: wrap;
  justify-content: center; margin: 40px 0;
}
.mbm-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; height: 40px; padding: 0 12px;
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  color: var(--text); text-decoration: none; font-size: 14px;
  transition: background 0.15s, border-color 0.15s;
}
.mbm-pagination .page-numbers:hover { background: var(--bg-card); border-color: var(--accent); }
.mbm-pagination .page-numbers.current {
  background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600;
}

/* ── Widget areas ── */
.mbm-widget { margin-bottom: 20px; }
.mbm-widget-title {
  font-family: var(--font-display);
  font-size: 17px;
  margin-bottom: 12px;
}
.mbm-widget ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.mbm-widget ul a { color: var(--text-muted); text-decoration: none; font-size: 14px; }
.mbm-widget ul a:hover { color: var(--accent); }

.mbm-ad-area { margin: 24px 0; }
.mbm-ad-area:empty { display: none; }
