/*
Theme Name: Good Measure Press
Theme URI: https://goodmeasurepress.com
Author: Good Measure Press
Description: A commerce-first block theme for Bible printables, Creation Science, and faith-based social studies, designed for Shopify checkout.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: good-measure-press
*/

:root {
  --gmp-black: #120b08;
  --gmp-red: #6f1716;
  --gmp-red-dark: #3b0d0c;
  --gmp-parchment: #f2d49b;
  --gmp-paper: #fff5dc;
  --gmp-gold: #d99a20;
  --gmp-teal: #176e72;
  --gmp-blue: #1f4f79;
  --gmp-rust: #a84722;
  --gmp-ink: #21150f;
  --gmp-border: 2px solid var(--gmp-red);
  --gmp-shadow: 0 8px 22px rgba(18, 11, 8, 0.18);
}

html { scroll-behavior: smooth; }
body { background: var(--gmp-paper); color: var(--gmp-ink); }
a { text-underline-offset: 0.18em; }

.wp-site-blocks { overflow-x: hidden; }
.gmp-topline { letter-spacing: .08em; text-transform: uppercase; }
.gmp-site-header { border-bottom: 4px solid var(--gmp-red); position: relative; z-index: 20; }
.gmp-site-header .wp-block-site-logo img { width: 76px; height: 76px; object-fit: contain; }
.gmp-site-header .wp-block-site-title { font-style: italic; letter-spacing: -.02em; text-transform: uppercase; }
.gmp-site-header .wp-block-navigation-item__content { font-weight: 800; text-decoration: none; }
.gmp-site-header .wp-block-navigation-item__content:hover { color: var(--gmp-gold); }

.gmp-action-title {
  color: var(--gmp-gold);
  font-family: "Arial Black", "Nimbus Sans Narrow", sans-serif;
  font-style: italic;
  letter-spacing: -.04em;
  line-height: .98;
  text-transform: uppercase;
  -webkit-text-stroke: 2px var(--gmp-black);
  text-shadow: 3px 3px 0 var(--gmp-black);
}

.gmp-adventure-copy {
  font-family: "Trebuchet MS", "Nimbus Sans", sans-serif;
  font-style: italic;
  font-weight: 800;
  letter-spacing: .035em;
}

.gmp-hero { min-height: 650px; border-bottom: 6px solid var(--gmp-red); }
.gmp-hero .wp-block-cover__inner-container { width: min(1180px, 92vw); }
.gmp-hero-panel {
  max-width: 650px;
  background: rgba(255, 245, 220, .94);
  border: 3px solid var(--gmp-black);
  outline: 2px solid var(--gmp-gold);
  outline-offset: -10px;
  box-shadow: var(--gmp-shadow);
  padding: clamp(2rem, 5vw, 4.2rem);
}

.gmp-section-kicker { color: var(--gmp-rust); letter-spacing: .13em; text-transform: uppercase; }
.gmp-section-title { line-height: 1.05; }
.gmp-section-intro { max-width: 760px; }

.gmp-subject-card,
.gmp-product-card,
.gmp-paper-card,
.gmp-content-card {
  height: 100%;
  border: var(--gmp-border);
  box-shadow: var(--gmp-shadow);
  overflow: hidden;
}

.gmp-subject-card .wp-block-cover { min-height: 410px; }
.gmp-subject-card .wp-block-cover__inner-container { align-self: end; }
.gmp-subject-card h3 { color: #fff; text-shadow: 2px 2px 0 var(--gmp-black); }
.gmp-subject-card p { color: #fff7e8; }

.gmp-type-grid .wp-block-button__link {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--gmp-red);
  box-shadow: 4px 4px 0 var(--gmp-black);
  font-family: "Arial Black", "Nimbus Sans Narrow", sans-serif;
  font-style: italic;
  text-transform: uppercase;
}

.gmp-product-card { background: var(--gmp-paper); padding: 1.5rem; }
.gmp-product-placeholder {
  min-height: 210px;
  background: var(--gmp-parchment);
  border: 2px dashed var(--gmp-red);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}

.gmp-paper-card { background: var(--gmp-paper); padding: clamp(1.5rem, 3vw, 2.5rem); }
.gmp-paper-card h3 { color: var(--gmp-red-dark); }
.gmp-shopify-zone { border: 3px solid var(--gmp-red); background: var(--gmp-paper); padding: clamp(1.5rem, 4vw, 3rem); }

.gmp-button .wp-block-button__link,
.wp-element-button {
  border: 2px solid var(--gmp-black);
  box-shadow: 4px 4px 0 var(--gmp-red-dark);
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  transition: transform .16s ease, box-shadow .16s ease;
}
.gmp-button .wp-block-button__link:hover,
.wp-element-button:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--gmp-red-dark); }
.gmp-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--gmp-black); }

.gmp-freebie { border-top: 5px solid var(--gmp-gold); border-bottom: 5px solid var(--gmp-gold); }
.gmp-content-card { background: #fffaf0; padding: 1.5rem; }
.gmp-content-card .wp-block-post-featured-image img { aspect-ratio: 14 / 10; object-fit: cover; }

.gmp-page-hero { border-bottom: 5px solid var(--gmp-red); min-height: 340px; }
.gmp-page-hero h1 { color: #fff; text-shadow: 3px 3px 0 var(--gmp-black); }
.gmp-page-hero p { color: #fff7e8; }

.gmp-site-footer { border-top: 5px solid var(--gmp-red); }
.gmp-site-footer a { color: var(--gmp-parchment); }
.gmp-site-footer a:hover { color: var(--gmp-gold); }

.wp-block-query-pagination { margin-top: 2.5rem; }
.wp-block-post-title a { text-decoration: none; }
.wp-block-post-title a:hover { color: var(--gmp-red); }

@media (max-width: 900px) {
  .gmp-hero { min-height: 720px; background-position: 62% center !important; }
  .gmp-hero-panel { max-width: 560px; }
  .gmp-subject-card .wp-block-cover { min-height: 340px; }
}

@media (max-width: 600px) {
  .gmp-topline { font-size: .7rem !important; }
  .gmp-site-header .wp-block-site-logo img { width: 58px; height: 58px; }
  .gmp-hero { min-height: 760px; background-position: 68% center !important; }
  .gmp-hero-panel { margin-top: 14rem; padding: 2rem 1.35rem; }
  .gmp-action-title { -webkit-text-stroke-width: 1px; text-shadow: 2px 2px 0 var(--gmp-black); }
  .gmp-type-grid .wp-block-button { width: 100%; }
  .gmp-type-grid .wp-block-button__link { width: 100%; }
}