/* Baby theme ("Harta e Lindjes") additions layered on top of kujtime.css,
   which this page loads first. Only baby-specific rules live here: the
   theme switcher pill (shared markup with kujtime.html, but only needs
   styling once — kept here since this file loads second and can override),
   pastel mat-background classes, font-preview swatches, and the gold pin. */

:root {
  --baby-accent: #d98a3d;
  --baby-accent-soft: rgba(217, 138, 61, 0.1);
}

/* Theme switcher pill: styled once, shared, in kujtime.css (loaded before
   this file on both pages) — nothing baby-specific to override here. */

/* ---------- Pastel mat backgrounds (mirrors BABY_BACKGROUND_THEMES in
   api/poster-pdf.js — keep these hex values in sync with that file) ---------- */
.poster-mat.bg-blue { background: #dceef9; }
.poster-mat.bg-pink { background: #fbe3ec; }
.poster-mat.bg-neutral { background: #fcf3d9; }

/* Baby poster pin: warm gold circle instead of the couple poster's red
   teardrop, reads well against all three pastel mats. */
.map-pin.baby-pin::before {
  background: #e89a3d;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: none;
}

/* ---------- Font themes (live preview only — the real PDF embeds the
   actual TTFs from api/fonts/*.js; these Google Fonts are close visual
   matches: Poppins/playful, Playfair Display/elegant, Nunito/classic) ---------- */
.poster-text.font-playful .poster-headline,
.poster-text.font-playful .poster-meta {
  font-family: 'Poppins', sans-serif;
}
.poster-text.font-elegant .poster-headline,
.poster-text.font-elegant .poster-meta {
  font-family: 'Playfair Display', serif;
}
.poster-text.font-classic .poster-headline,
.poster-text.font-classic .poster-meta {
  font-family: 'Nunito', sans-serif;
}

.font-swatch-grid .swatch-card {
  font-size: 1.1rem;
  gap: 0.25rem;
}
.font-swatch-grid .swatch-card small {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--ink-soft);
}
.font-preview-playful { font-family: 'Poppins', sans-serif; font-weight: 700; }
.font-preview-elegant { font-family: 'Playfair Display', serif; font-weight: 700; }
.font-preview-classic { font-family: 'Nunito', sans-serif; font-weight: 800; }

/* Background-theme swatch options reuse .swatch-card/.swatch-dot from
   kujtime.css as-is; only the accent-colored selected state below differs
   slightly to feel warmer/babyish than the couple page's forest green. */
#bgThemeGrid .swatch-option input:checked + .swatch-card,
#fontThemeGrid .swatch-option input:checked + .swatch-card {
  border-color: var(--baby-accent);
  background: var(--baby-accent-soft);
  box-shadow: inset 0 0 0 1px var(--baby-accent);
}