/* ===========================
   Default CSS Variable Fallbacks
   These can be overridden via PHP injection in wp_head
   =========================== */

:root {
  --mf-primary: #336699;
  --mf-header-text: #ffffff;
  --mf-body-text: #111111;
  --mf-link-color: #0066cc;
  --mf-button-bg: #336699;
  --mf-button-text: #ffffff;
  --mf-heading-font: 'Merriweather', serif;
  --mf-body-font: 'Inter', sans-serif;
  --mf-content-width: 1200px;
  --mf-background: #ffffff;
  --mf-spacing-sm: 0.5rem;
  --mf-spacing-md: 1rem;
  --mf-spacing-lg: 2rem;
}

/* Basic Site Styles */
body {
  background-color: var(--mf-background, #ffffff);
  color: var(--mf-body-text, #111);
  font-family: var(--mf-body-font, sans-serif);
}

a {
  color: var(--mf-link-color, #0066cc);
}

.site-header,
.site-footer {
  background-color: var(--mf-primary, #336699);
  color: var(--mf-header-text, #ffffff);
}

.wrap {
  max-width: var(--mf-content-width, 1200px);
  margin: 0 auto;
  padding: 2rem;
}

.site-main > .wrap {
  max-width: var(--mf-content-width, 1200px);
  margin: 0 auto;
  padding: 0 1rem;
}

h1,h2,h3,h4,h5,h6 {
  color: var(--mf-header-text, #ffffff);
  text-decoration: none;
}

.site-title a {
  color: var(--mf-header-text, #ffffff);
  text-decoration: none;
}

.entry-header {
  margin-bottom: var(--mf-spacing-md);
}

.entry-title {
  font-size: 2rem;
  font-family: var(--mf-heading-font, serif);
  color: var(--mf-header-text, #222);
}

.entry-content {
  font-family: var(--mf-body-font, sans-serif);
  color: var(--mf-body-text, #111);
}

.entry-meta {
  font-size: 0.9rem;
  color: var(--mf-secondary, #888);
  margin-bottom: var(--mf-spacing-sm);
}

.entry-footer {
  margin-top: var(--mf-spacing-lg);
  font-size: 0.9rem;
  color: var(--mf-secondary, #888);
}

.post-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: var(--mf-spacing-lg);
  font-size: 0.9rem;
}

.post-categories,
.post-tags {
  margin-top: var(--mf-spacing-sm);
  color: var(--mf-secondary, #888);
}

/* Book Card Styling */
.modfarm-book-card {
  text-align: center;
  margin-bottom: var(--mf-spacing-lg);
  font-family: var(--mf-body-font);
}
.book-cover {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.book-card-button {
  display: inline-block;
  margin-top: var(--mf-spacing-sm);
  padding: var(--mf-spacing-sm) var(--mf-spacing-md);
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 0.9em;
  background-color: var(--mf-button-bg);
  color: var(--mf-button-text);
}

.book-card-button {
  background-color: var(--mf-button-bg);
  color: var(--mf-button-text);
}

/* Utility Helpers */
.text-center {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
}

.aspect-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

/* Button Variants */
.btn {
  display: inline-block;
  font-weight: 600;
  padding: 0.75em 1.5em;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.3s ease;
  background-color: var(--mf-button-bg);
  color: var(--mf-button-text);
}

.btn-red {
  background-color: #ca0003;
  color: #fff;
}

.btn-accent {
  background-color: var(--mf-link-color);
  color: #fff;
}