/* =============================================
   AMERICAN LIFE — Complete Design System
   Deep Navy · Parchment · Muted Red
   Last updated: April 2026
   ============================================= */

/* --- COLOR VARIABLES --- */
:root {
  --al-navy:      #1b2a4a;
  --al-red:       #8b1a1a;
  --al-parchment: #faf8f4;
  --al-ink:       #1a1a1a;
  --al-rule:      #c8b89a;
  --al-muted:     #6b6357;
  --al-gold:      #b8963e;
}

/* --- GLOBAL BACKGROUND & TEXT --- */
body {
  background-color: var(--al-parchment);
  color: var(--al-ink);
}

/* --- MASTHEAD / SITE HEADER --- */
.site-header,
.site-branding,
#masthead {
  background-color: var(--al-navy) !important;
  border-bottom: 3px solid var(--al-red);
}

.site-title,
.site-title a,
.site-title a:hover {
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 2rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* --- TAGLINE --- */
.site-description {
  display: block !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-size: 0.85rem !important;
  color: #c8b89a !important;
  letter-spacing: 0.08em !important;
  margin-top: 4px !important;
  opacity: 0.85;
}

/* --- HIDE STRAY TAGLINE + HOME PAGE TITLE --- */
.al-tagline,
p.al-tagline {
  display: none !important;
}

.home .page-title,
.home .entry-title,
.front-page .page-title,
.front-page .entry-title {
  display: none !important;
}

/* --- AUTHOR BYLINE --- */
.entry-meta,
.post-meta,
.author-bio,
.author-info,
.author-description,
.author-avatar,
.avatar,
.wp-block-post-author,
.wp-block-post-author__avatar,
.jetpack-author-widget,
.widget_jetpack_author_subscription_widget {
  display: none !important;
}

.single .entry-title::after,
.single-post .entry-title::after {
  content: "Author: American Life Staff";
  display: block;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.82rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  color: var(--al-muted) !important;
  letter-spacing: 0.04em !important;
  margin-top: 0.6rem !important;
  border-bottom: none !important;
}

/* --- PRIMARY NAVIGATION --- */
.main-navigation,
.nav-menu,
#site-navigation {
  background-color: var(--al-navy) !important;
}

.main-navigation a,
.nav-menu a,
.main-navigation ul li a {
  color: #d4c9b0 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

.main-navigation a:hover,
.nav-menu a:hover {
  color: #ffffff !important;
  border-bottom: 2px solid var(--al-red);
}

/* --- NAV: CENTER ALL ROWS (DESKTOP ONLY) --- */
@media (min-width: 1024px) {
  .main-navigation {
    text-align: center !important;
  }

  .main-navigation ul.menu,
  .main-navigation ul.nav-menu {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .main-navigation ul li {
    display: inline-flex !important;
    align-items: center !important;
  }

  .main-navigation ul li a {
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    padding: 0.6em 0.65em !important;
    white-space: nowrap !important;
  }
}

/* --- HEADINGS --- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
  font-family: Georgia, 'Times New Roman', serif !important;
  color: var(--al-navy) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

h1, .entry-title { font-size: 2.2rem !important; }
h2              { font-size: 1.6rem !important; }
h3              { font-size: 1.25rem !important; }

/* --- BODY TYPOGRAPHY --- */
body,
.entry-content,
.entry-content p {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: var(--al-ink) !important;
}

/* --- LINKS --- */
a {
  color: var(--al-navy) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--al-rule);
}

a:hover {
  color: var(--al-red) !important;
  border-bottom-color: var(--al-red);
}

/* --- HORIZONTAL RULES / SEPARATORS --- */
hr,
.wp-block-separator {
  border-color: var(--al-rule) !important;
  border-width: 1px !important;
}

/* --- BUTTONS --- */
.wp-block-button__link,
.wp-element-button,
button[type="submit"] {
  background-color: var(--al-navy) !important;
  color: #ffffff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
  border: none !important;
  padding: 0.9em 1.8em !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: var(--al-red) !important;
}

/* --- THE SIGNAL — DISTINCT TREATMENT --- */
.category-the-signal .entry-title,
.category-the-signal h1 {
  color: var(--al-red) !important;
  border-left: 4px solid var(--al-red);
  padding-left: 1rem;
}

.category-the-signal .entry-content {
  border-left: 2px solid var(--al-rule);
  padding-left: 1.5rem;
}

/* Signal dateline */
.al-signal-dateline {
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--al-muted) !important;
  font-style: normal !important;
  margin-bottom: 1.5rem !important;
}

/* Signal footer — hub for premium content */
.al-signal-footer {
  font-size: 0.85rem !important;
  color: var(--al-muted) !important;
  border-top: 1px solid var(--al-rule) !important;
  padding-top: 1.25rem !important;
  margin-top: 2rem !important;
  text-align: center !important;
}

.al-signal-footer a {
  color: var(--al-red) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  border-bottom: none !important;
}

.al-signal-footer a:hover {
  text-decoration: underline !important;
}

/* --- SECTION LEDE PARAGRAPHS --- */
.al-section-lede,
.al-lede {
  font-size: 1.15rem !important;
  color: var(--al-muted) !important;
  border-left: 3px solid var(--al-red);
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
  line-height: 1.9 !important;
}

/* --- SIDEBAR --- */
.widget-title {
  font-family: Georgia, 'Times New Roman', serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 0.75rem !important;
  color: var(--al-muted) !important;
  border-bottom: 1px solid var(--al-rule);
  padding-bottom: 0.5rem;
}

/* --- SIDEBAR: HIDE SEARCH WIDGET --- */
.widget_search,
.wp-block-search {
  display: none !important;
}

/* --- SEARCH FIELD --- */
.search-field {
  border: 1px solid var(--al-rule) !important;
  background: var(--al-parchment) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}

/* --- POST META --- */
.cat-links,
.posted-on {
  font-size: 0.75rem !important;
  color: var(--al-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}

/* --- RELATED POSTS (JETPACK) --- */
.jp-relatedposts {
  border-top: 2px solid var(--al-red) !important;
  padding-top: 1.25rem !important;
  margin-top: 2rem !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}

.jp-relatedposts-headline em {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: var(--al-muted) !important;
  font-style: normal !important;
}

.jp-relatedposts-post-title a {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--al-navy) !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.jp-relatedposts-post-title a:hover {
  color: var(--al-red) !important;
}

.jp-relatedposts-post-excerpt {
  font-size: 0.82rem !important;
  color: var(--al-muted) !important;
  line-height: 1.5 !important;
}

.jp-relatedposts-post-date {
  font-size: 0.72rem !important;
  color: var(--al-rule) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* --- FOOTER --- */
.site-footer,
#colophon {
  background-color: var(--al-navy) !important;
  color: #d4c9b0 !important;
  border-top: 3px solid var(--al-red);
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.06em !important;
}

.site-footer a,
#colophon a {
  color: #d4c9b0 !important;
  border-bottom: none !important;
}

.site-footer a:hover,
#colophon a:hover {
  color: #ffffff !important;
}

/* --- NEWSPACK SUBSCRIBE WIDGET --- */
.newspack-subscribe-widget {
  background-color: var(--al-navy) !important;
  color: #ffffff !important;
  padding: 1.5rem !important;
}

/* --- WORDADS FOOTER UNIT --- */
.widget_wpadvert,
#adunit-footer {
  text-align: center !important;
  padding: 1rem 0 !important;
  border-top: 1px solid rgba(200,184,154,0.2) !important;
}

/* --- PREMIUM LIBRARY PAGES --- */
.page-id-2460 .entry-content h3 a,
.page-id-2461 .entry-content h3 a,
.page-id-2462 .entry-content h3 a,
.page-id-2463 .entry-content h3 a,
.page-id-2464 .entry-content h3 a,
.page-id-2465 .entry-content h3 a,
.page-id-2466 .entry-content h3 a {
  color: var(--al-navy) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--al-rule) !important;
}

.page-id-2460 .entry-content h3 a:hover,
.page-id-2461 .entry-content h3 a:hover,
.page-id-2462 .entry-content h3 a:hover,
.page-id-2463 .entry-content h3 a:hover,
.page-id-2464 .entry-content h3 a:hover,
.page-id-2465 .entry-content h3 a:hover,
.page-id-2466 .entry-content h3 a:hover {
  color: var(--al-red) !important;
  border-bottom-color: var(--al-red) !important;
}