/*
Theme Name: Kadence Child
Theme URI: https://tessender.com
Description: Tessender design system on Kadence — tokens and article block styles per tessender-docs/tessender-wordpress-spec.md
Author: Denys van Kempen
Template: kadence
Version: 1.0.0
*/

/* ==========================================================================
   Tessender design tokens (spec: tessender-wordpress-spec.md)
   Palette decision 2026-07-04: accent #7a3b1e (wine red).
   Typography decision 2026-07-04: Georgia headings + system-ui body (no
   external font requests).
   NOTE: page background, content width (720px) and base font sizes are set
   in Kadence Customizer where possible — this file carries the tokens and
   the custom block classes Kadence cannot produce.
   ========================================================================== */

:root {
  --color-ink: #1a1a1a;
  --color-heading: #0d0d0d;
  --color-muted: #666666;
  --color-rule: #e0d8cc;
  --color-bg: #faf8f4;
  --color-card: #f2ede5;
  --color-comingup: #f0ede5;
  --color-accent: #7a3b1e;
  --color-accent-light: #c0724a;
}

body {
  background-color: var(--color-bg);
  color: var(--color-ink);
}

h1, h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: var(--color-heading);
}

.entry-content a {
  color: var(--color-accent);
}
.entry-content a:hover {
  color: var(--color-accent-light);
}

/* --------------------------------------------------------------------------
   1. Metadata table (Book Notes / Film Notes) — Table block, no header row
   -------------------------------------------------------------------------- */
.tessender-metadata {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  margin-bottom: 2rem;
}
.tessender-metadata td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-rule);
  vertical-align: top;
}
.tessender-metadata td:first-child {
  font-weight: 600;
  width: 30%;
  color: var(--color-muted);
}

/* --------------------------------------------------------------------------
   2. At a Glance box (Region Notes / Grape Notes) — Table in Group block
   -------------------------------------------------------------------------- */
.tessender-at-a-glance {
  background: var(--color-card);
  border-left: 3px solid var(--color-accent);
  padding: 1.25rem 1.5rem;
  margin-bottom: 2rem;
  font-size: 0.9rem;
}
.tessender-at-a-glance table {
  width: 100%;
  border-collapse: collapse;
}
.tessender-at-a-glance td {
  padding: 0.35rem 0;
  border-bottom: 1px solid var(--color-rule);
  vertical-align: top;
}
.tessender-at-a-glance td:first-child {
  font-weight: 600;
  width: 35%;
  color: var(--color-muted);
}

/* --------------------------------------------------------------------------
   3. Comparison table (Region vs Region) — Table block with header row
   -------------------------------------------------------------------------- */
.tessender-comparison {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  margin: 1.5rem 0;
}
.tessender-comparison th {
  background: var(--color-card);
  padding: 0.6rem 0.75rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid var(--color-rule);
}
.tessender-comparison td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-rule);
  vertical-align: top;
}
.tessender-comparison tr:nth-child(even) {
  background: #faf6ef;
}

/* --------------------------------------------------------------------------
   4. Pull quote / highlight — Quote block
   -------------------------------------------------------------------------- */
.tessender-pullquote {
  border-left: 3px solid var(--color-accent);
  padding: 0.75rem 1.5rem;
  margin: 2rem 0;
  font-style: italic;
  font-size: 1.05rem;
  color: var(--color-heading);
  background: transparent;
}
.tessender-pullquote cite {
  font-style: normal;
  font-size: 0.85rem;
  color: var(--color-muted);
  display: block;
  margin-top: 0.5rem;
}

/* --------------------------------------------------------------------------
   5. Dateline — Paragraph block. Foot position (default) and top variant
      (border-bottom; used since the Corpinnat article).
   -------------------------------------------------------------------------- */
.tessender-dateline {
  font-size: 0.8rem;
  color: var(--color-muted);
  border-top: 1px solid var(--color-rule);
  padding-top: 0.75rem;
  margin-top: 2rem;
}
.tessender-dateline--top {
  border-top: none;
  border-bottom: 1px solid var(--color-rule);
  padding-top: 0;
  padding-bottom: 0.75rem;
  margin-top: 0;
  margin-bottom: 2rem;
}

/* --------------------------------------------------------------------------
   6. [COMING UP] stub / "To read more" — Quote block
   -------------------------------------------------------------------------- */
.tessender-comingup {
  background: var(--color-comingup);
  border-left: 3px solid var(--color-accent);
  padding: 0.75rem 1.5rem;
  margin: 1.5rem 0;
  font-style: normal;
}

/* ==========================================================================
   Customizer "Additional CSS" verified EMPTY on the live site (2026-07-04,
   wp_get_custom_css("kadence") returned ""). Nothing to merge. All custom
   CSS lives in this file from now on — do not use the Customizer for CSS.
   ========================================================================== */