/*
Theme Name: ArtistMaker
Theme URI: https://artistmaker.com
Author: McArthur Media, LLC
Author URI: https://artistmaker.com
Description: Custom theme for ArtistMaker.com — a charcoal, gold, and cream brand built around the ArtistMaker book and creator resources. Uses EB Garamond for headlines/wordmark and Inter for body/UI text, per the ArtistMaker brand guide.
Version: 2.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: artistmaker
*/

:root {
  --am-charcoal: #2B2926;
  --am-charcoal-dark: #181614;
  --am-gold: #B8863A;
  --am-gold-light: #E7C067;
  --am-gold-highlight: #D4A94F;
  --am-cream: #F7F3EA;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--am-charcoal-dark);
  color: var(--am-cream);
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

h1, h2, h3, h4, .am-serif {
  font-family: 'EB Garamond', 'Garamond', serif;
  font-weight: 600;
  margin: 0 0 0.5em;
  color: var(--am-cream);
}

a { color: var(--am-gold); text-decoration: none; }
a:hover { color: var(--am-gold-light); }

img { max-width: 100%; height: auto; display: block; }

/* Site header (used on inner pages once the brochure site grows beyond the teaser) */
.am-site-header {
  padding: 28px 24px;
  text-align: center;
  border-bottom: 1px solid rgba(247, 243, 234, 0.08);
}
.am-site-header img { margin: 0 auto; max-width: 220px; }

.am-site-footer {
  padding: 40px 24px;
  text-align: center;
  font-size: 12px;
  color: #8a8478;
}
.am-site-footer a { color: var(--am-gold); }

/* Teaser / homepage layout */
.am-teaser {
  min-height: 100vh;
}
.am-wrap {
  max-width: 640px;
  margin: 0 auto;
  padding: 80px 24px 60px;
  text-align: center;
}
.am-logo {
  max-width: 480px;
  width: 92%;
  height: auto;
  margin: 0 auto 44px;
}
.am-headline {
  font-size: 32px;
  line-height: 1.35;
  margin: 0 0 22px;
}
.am-subtitle-rule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 36px;
}
.am-subtitle-rule .line {
  height: 4px;
  width: 40px;
  background: var(--am-gold);
}
/* Shared "eyebrow" style — used for both the "Coming soon" label and the
   author name line, so they always render at the exact same size/weight. */
.am-eyebrow {
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
  font-size: 12px;
  letter-spacing: 1.2px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--am-gold-light);
  margin: 0;
}
.am-byline-italic {
  font-family: 'EB Garamond', 'Garamond', serif;
  font-style: italic;
  font-size: 18px;
  color: #D8D2C6;
  margin: 0 0 4px;
}
/* Matches .am-headline exactly — same font, size, weight, and color as
   the book subtitle sentence. */
.am-byline-name {
  font-family: 'EB Garamond', 'Garamond', serif;
  font-size: 32px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--am-cream);
  margin: 0 0 28px;
}
.am-byline-name-link {
  color: var(--am-cream);
}
.am-byline-name-link:hover {
  color: var(--am-gold-light);
}
.am-sub {
  font-size: 16px;
  line-height: 1.7;
  color: #D8D2C6;
  margin: 0 0 44px;
}
.am-links {
  font-size: 13px;
  color: #8a8478;
  margin: 0 0 18px;
}
.am-links a { color: var(--am-gold); }
.am-links-sep { margin: 0 8px; color: #5a564e; }
.am-form-card {
  background: var(--am-cream);
  border-radius: 12px;
  padding: 34px 28px;
  max-width: 440px;
  margin: 0 auto 44px;
  color: var(--am-charcoal);
}
.am-form-label {
  font-family: 'EB Garamond', 'Garamond', serif;
  font-size: 20px;
  font-weight: 600;
  color: var(--am-charcoal);
  margin: 0 0 6px;
}
.am-form-title {
  font-family: 'EB Garamond', 'Garamond', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--am-charcoal);
  margin: 0 0 8px;
}
.am-form-italic {
  font-family: 'EB Garamond', 'Garamond', serif;
  font-style: italic;
  font-size: 15px;
  color: #5a564e;
  margin: 0 0 8px;
  line-height: 1.5;
}
.am-form-sub {
  font-size: 13px;
  color: #5a564e;
  margin: 0 0 22px;
  line-height: 1.5;
}
.am-resources {
  font-size: 13px;
  text-align: left;
  max-width: 340px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.am-resources li {
  padding: 6px 0;
  color: #5a564e;
  border-top: 1px solid #e5dfd2;
}
.am-resources li:first-child { border-top: none; }
.am-resources li span { color: var(--am-charcoal); font-weight: 500; }

/* Widget area that holds the Kit "Custom HTML" signup form */
.am-hero-signup { margin-top: 0; }
.am-hero-signup .widget { margin: 0; }

/* Fallback content styling for blog/inner pages built on top of this theme later */
.am-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 60px 24px;
}
.am-content h1 { font-size: 30px; }
.am-content h2 { font-size: 20px; margin-top: 1.6em; color: var(--am-gold); }
.am-content p, .am-content li { color: #D8D2C6; }
.am-content ul { padding-left: 20px; }
.am-content li { margin-bottom: 6px; }
.am-content a { color: var(--am-gold); }

@media (max-width: 480px) {
  .am-headline { font-size: 25px; }
  .am-byline-name { font-size: 25px; }
  .am-form-card { padding: 26px 20px; }
  .am-logo { max-width: 260px; }
}