/* Kawaii Charms Co — "Sunshine & Sticker" redesign overlay.
   Loaded AFTER styles.css and BEFORE each page's own <style>, so it uses
   !important to retire the old editorial (Fraunces italic / thin serif) styling
   that still lives inside per-page style blocks. */

/* ---- Type: chunky rounded display, no italic serif ---- */
body h1, body h2, body h3, body h4, body h5,
body .shop-h, body .pz-h, body .conf-h, body .palette-name, body .demo-h,
body [class$="-h"], body [class*="-title"], body [class*="-head"] > h2 {
  font-family: var(--serif) !important;
  font-style: normal !important;
  letter-spacing: -.01em !important;
}
body h1, body h2, body .shop-h, body .pz-h, body .conf-h { font-weight: 800 !important; }
body h3, body h4, body h5 { font-weight: 700 !important; }

/* Accent words inside headings: solid rose, never italic */
body h1 em, body h2 em, body h3 em, body h4 em,
body .shop-h em, body .pz-h em, body .conf-h em, body .demo-h em {
  font-style: normal !important;
  font-weight: 800 !important;
  color: var(--terracotta-700) !important;
}

/* Photo / magnet captions match the home page's rounded caption */
body [class*="magnet"] .cap, body .preview-magnet .cap, body .ord-thumb .cap,
body .magnet-caption, body .photo-tile .meta .nm {
  font-family: var(--serif) !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

/* Small tracked labels — Nunito bold instead of mono */
body .eyebrow, body .count, body .tag-line, body .when, body .num-label {
  font-family: var(--sans) !important;
  font-weight: 800 !important;
}

/* Body copy weight bump so it reads friendly, not editorial */
body p, body li, body label, body span, body td { text-wrap: pretty; }

/* ---- Shape & surface ---- */
body .card, body .panel, body [class*="-panel"], body [class*="-card"]:not([class*="coaster"]),
body [class*="-tile"], body [class*="-box"] {
  border-radius: var(--r-lg);
}
body .btn { border-radius: var(--r-pill) !important; }

/* Retire hairline-dashed dividers for soft pastel rules */
body [style*="dashed"], body .divider-dashed { border-style: solid !important; }
body hr { border: none; border-top: 1.5px solid var(--ink-100); }

/* ---- Sticker flourish: soft blob wash behind page heroes ---- */
.kc-blob {
  position: absolute; z-index: 0; pointer-events: none;
  background: radial-gradient(circle at 60% 38%, #FFF0F3, #FFD3DE 82%);
  border-radius: 46% 54% 58% 42%/52% 44% 56% 48%;
  animation: kcBlobFloat 12s ease-in-out infinite;
}
@keyframes kcBlobFloat {
  0%   { border-radius: 46% 54% 58% 42%/52% 44% 56% 48%; transform: translate(0,0) rotate(0deg) scale(1); }
  33%  { border-radius: 58% 42% 46% 54%/56% 52% 48% 44%; transform: translate(1.5%,-2%) rotate(4deg) scale(1.03); }
  66%  { border-radius: 42% 58% 56% 44%/44% 46% 54% 56%; transform: translate(-1.5%,1.5%) rotate(-3deg) scale(.98); }
  100% { border-radius: 46% 54% 58% 42%/52% 44% 56% 48%; transform: translate(0,0) rotate(0deg) scale(1); }
}

/* ---- Links ---- */
p a, li a, .section-lede a, .lede a, .prose a, .site-footer-bottom a { color: var(--terracotta-700); }
p a:hover, li a:hover, .section-lede a:hover, .lede a:hover, .prose a:hover { color: #A83E68; }
a[class*="card"], a[class*="tile"], a[class*="row"], a[class*="item"], a.btn, a.site-header-logo, a.site-mnav-cta { color: inherit; text-decoration: none; }

/* Keep tracked micro-labels in the sans face (the blanket heading rule above
   would otherwise force Baloo 2 with negative tracking on these). */
body .site-footer h5, body .faq-side h4 {
  font-family: var(--sans) !important;
  letter-spacing: .12em !important;
  font-weight: 800 !important;
}