/* VeganWeed.org — seed-catalog custom styling
   Edit directly via SSH. filemtime auto-busts cache on save. */

/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --vw-cream:      #EFE7D6;
  --vw-cream-alt:  #E4DAC5;
  --vw-ink:        #2A2521;
  --vw-terracotta: #A9542F;
  --vw-green:      #5B7A4B;
  --vw-tan:        #CBB994;
}

/* ============================================================
   BODY BASELINE — fix Kadence's palette4=tan being used for text
   ============================================================ */
body,
body input,
body select,
body textarea,
body p {
  color: var(--vw-ink);
}

.entry-content,
.loop-entry .entry-content-wrap {
  color: var(--vw-ink);
}

/* Post meta (author, date) — slightly muted but still warm/readable */
.entry-meta,
.entry-meta a,
.posted-on,
.byline {
  color: #8A7B5E;
}

/* ============================================================
   HEADER — warm cream background, Zilla Slab italic title
   ============================================================ */

/* Override Kadence's hardcoded #ffffff header background */
#masthead,
.site-header,
.site-header-wrap,
.site-header-row-container-inner,
.site-main-header-inner-wrap {
  background: var(--vw-cream) !important;
  border-bottom: 1px solid var(--vw-tan);
}

/* The actual site title element Kadence outputs */
.site-branding .site-title {
  font-family: 'Zilla Slab', serif;
  font-style: italic;
  font-weight: 700;
  color: var(--vw-terracotta) !important;
  text-decoration: none;
  letter-spacing: 0.02em;
  margin: 0;
}

.site-branding a {
  text-decoration: none;
}

/* Nav links — warm, period-appropriate */
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  color: var(--vw-ink) !important;
  font-family: 'Work Sans', sans-serif;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.8em;
}

.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
  color: var(--vw-terracotta) !important;
}

/* ============================================================
   HEADINGS — terracotta for H1/H2, ink for H3
   ============================================================ */
h1, h2 {
  color: var(--vw-terracotta) !important;
}

h3 {
  color: var(--vw-ink) !important;
}

/* ============================================================
   SECTION LABELS — wide-tracked small-caps
   H4/H5/H6 + the "UNCATEGORIZED" style category labels
   ============================================================ */
h4, h5, h6,
.vw-label,
.entry-taxonomies .entry-categories a,
.entry-taxonomies .entry-tags a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.72em;
  color: var(--vw-terracotta);
}

/* The UNCATEGORIZED label above the post title */
.entry-categories-single-item,
.cat-links a,
.entry-meta .cat-links a {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.72em;
  color: var(--vw-terracotta);
  text-decoration: none;
}

/* ============================================================
   LINKS
   ============================================================ */
a {
  color: var(--vw-terracotta);
  text-decoration: none;
}

a:hover {
  color: var(--vw-green);
  text-decoration: underline;
}

/* READ MORE link — catalog "action" style */
.read-more-link,
.more-link {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.72em;
  color: var(--vw-ink) !important;
  text-decoration: none;
}

.read-more-link:hover,
.more-link:hover {
  color: var(--vw-terracotta) !important;
}

/* ============================================================
   PAPER TEXTURE — subtle grain on body
   ============================================================ */
body {
  background-color: var(--vw-cream);
  /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E")*/

/*===================================================
   ENTRY CARDS — the catalog-spread post listing feel
   ============================================================ */
.loop-entry {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--vw-tan);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.loop-entry .entry-content-wrap {
  padding: 0 !important;
  background: transparent !important;
}

/* ============================================================
   BORDERED PHOTO PRINT — add class .vw-print to image blocks
   ============================================================ */
.vw-print img,
.vw-print {
  border: 6px solid var(--vw-cream);
  outline: 1px solid var(--vw-tan);
  box-shadow: 2px 2px 8px rgba(42, 37, 33, 0.18);
  display: block;
}

.vw-print figcaption,
.vw-print .wp-element-caption {
  font-family: 'Work Sans', sans-serif;
  font-size: 0.7em;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--vw-ink);
  opacity: 0.65;
  margin-top: 0.4em;
  text-align: left;
}

/* ============================================================
   DIVIDERS
   ============================================================ */
hr {
  border: none;
  border-top: 1px solid var(--vw-tan);
  margin: 2em 0;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer,
#colophon {
  border-top: 1px solid var(--vw-tan) !important;
  background: var(--vw-cream-alt) !important;
  color: var(--vw-ink);
  font-size: 0.8em;
  letter-spacing: 0.05em;
}

.site-footer a,
#colophon a {
  color: var(--vw-terracotta);
}
/* ============================================================
   SEARCH FORM
   ============================================================ */
.search-form input[type="search"],
.wp-block-search__input {
  background: var(--vw-cream-alt);
  border: 1px solid var(--vw-tan);
  color: var(--vw-ink);
  font-family: 'Work Sans', sans-serif;
}

.search-form input[type="search"]:focus,
.wp-block-search__input:focus {
  outline: none;
  border-color: var(--vw-terracotta);
}