/*
 * eggb-theme-editorial.css — EggBlocks editorial theme
 *
 * Georgia serif titles, generous leading — long-form review feel.
 * Muted, ink-on-paper palette with a quiet teal accent.
 *
 * Color philosophy:
 *   - Warm neutrals: sepia-tinted surface, soft borders
 *   - Serif headings (Georgia) for a magazine/review feel
 *   - Generous spacing via larger padding and leading
 *   - Accent: subdued teal — authoritative, not salesy
 *
 * Link AFTER eggb-base.css.
 */

/* ─────────────────────────────────────────────
   Root-level token fallbacks
───────────────────────────────────────────── */

:root {
  --eggb-text-muted:    #6b7280;
  --eggb-text-xs:       .6875rem;
  --eggb-text-sm:       .875rem;
  --eggb-text-md:       1.0625rem;
  --eggb-text-lg:       1.75rem;
  --eggb-sh-title-size: 1.25rem;
}

/* ─────────────────────────────────────────────
   Token overrides on .eggb-block
───────────────────────────────────────────── */

.eggb-block {
  /* Accent: subdued teal — authoritative, editorial feel */
  --eggb-accent:     #1a7f6d;

  /* Surface: warm paper tone */
  --eggb-surface:    #faf8f5;

  /* Border: warm, barely-there hairline */
  --eggb-border:     rgba(28, 20, 10, .08);

  /* Muted text: warm gray */
  --eggb-text-muted: #6b7280;

  /* Shape — soft, relaxed rounding */
  --eggb-radius:      4px;
  --eggb-radius-chip: 4px;
  --eggb-border-w:    1px;

  /* Generous inner padding for breathing room */
  --eggb-block-pad:   1.25rem 1.375rem;

  /* Signal colors — slightly muted for editorial tone */
  --eggb-positive: #2d6a4f;
  --eggb-negative: #9b2335;

  /* Editorial type colors */
  --eggb-note:    #1a7f6d;
  --eggb-tip:     #2d6a4f;
  --eggb-warning: #92400e;
  --eggb-insight: #6f42c1;

  /* Text color */
  --eggb-text: #1c1917;
  color: var(--eggb-text);

  /* Type scale */
  --eggb-text-xs:     .6875rem;
  --eggb-text-sm:     .875rem;
  --eggb-text-md:     1.0625rem;
  --eggb-text-lg:     1.75rem;

  /* Section header — slightly larger for editorial weight */
  --eggb-sh-title-size: 1.3125rem;
}

/* ─────────────────────────────────────────────
   Typography — Georgia serif for headings
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-section-title {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.4;
}

.eggb-theme-editorial .eggb-score-num {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:      2.5rem;
  letter-spacing: -.04em;
}

/* Product / verdict title — serif, heavier, generous leading */
.eggb-theme-editorial .eggb-vd-name {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  line-height: 1.4;
}

/* ─────────────────────────────────────────────
   Button — understated, editorial
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-btn {
  font-size:      .8125rem;
  font-weight:    600;
  letter-spacing: .01em;
  padding:        .5em 1.2em;
}

/* ─────────────────────────────────────────────
   Chip — warm, subtle border
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-chip {
  --eggb-chip-bg:     transparent;
  --eggb-chip-border: rgba(28, 20, 10, .25);
  --eggb-chip-color:  rgba(28, 20, 10, .75);
  border-radius: 2px;
  opacity:     .55;
  font-size:   .75rem;
  font-weight: 500;
}

/* ─────────────────────────────────────────────
   Award badge
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-award {
  --eggb-award-bg:     color-mix(in srgb, var(--eggb-accent) 10%, transparent);
  --eggb-award-border: color-mix(in srgb, var(--eggb-accent) 30%, transparent);
  --eggb-award-color:  var(--eggb-accent);
  font-size:   .6875rem;
  font-weight: 600;
}

/* ─────────────────────────────────────────────
   Score
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-score-denom {
  opacity: .55;
}

/* ─────────────────────────────────────────────
   Price primitives
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-price-old,
.eggb-theme-editorial .eggb-price-meta {
  color: var(--eggb-text-muted);
}

.eggb-theme-editorial .eggb-price-old {
  font-size: var(--eggb-text-sm);
}

.eggb-theme-editorial .eggb-price-meta {
  font-size: var(--eggb-text-xs);
}

/* ─────────────────────────────────────────────
   Rule — slightly softer than default
───────────────────────────────────────────── */

.eggb-theme-editorial .eggb-rule {
  opacity: .08;
}

/* ─────────────────────────────────────────────
   Block panel
───────────────────────────────────────────── */

.eggb-theme-editorial.eggb-block--panel {
  background:    var(--eggb-surface);
  border:        var(--eggb-border-w) solid var(--eggb-border);
  border-radius: var(--eggb-radius);
}

.eggb-theme-editorial.eggb-block--accented {
  border-top: 3px solid var(--eggb-accent);
}

.eggb-theme-editorial .eggb-card {
  background:    var(--eggb-surface);
  border:        var(--eggb-border-w) solid var(--eggb-border);
  border-radius: var(--eggb-radius);
}

.eggb-theme-editorial .eggb-divider-v {
  width:       1px;
  background:  currentColor;
  opacity:     .10;
  flex-shrink: 0;
}