/* ============================================================================
   GLAMINGO BLOG — exact mirror of glamingo.ai/sg/blogs
   Paste into WordPress.com → Appearance → Customize → Additional CSS → Publish.
   Values copied 1:1 from our global.css + .prose-glamingo article styles.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

/* ---- Page: cream background + DM Sans body (global.css) ---- */
body, .wp-site-blocks {
  background-color: #fff7fc !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  color: #280b40 !important;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.wp-block-group.is-style-section-1--3,
.wp-block-group[class*="is-style-section"] {
  background-color: #fff7fc !important;        /* cream */
  color: rgba(40,30,50,0.85) !important;       /* our body text */
}

/* ---- Scope everything below to the article body ---- */
.entry-content, .wp-block-post-content {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  color: rgba(40,30,50,0.85) !important;
  font-size: 1.0625rem !important;     /* 17px */
  line-height: 1.8 !important;
}

/* ---- Article title (post title) ---- */
.wp-block-post-title, .entry-title, .wp-block-post-title a, .entry-title a {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-weight: 800 !important;
  color: #280b40 !important;
  text-transform: none !important;           /* not uppercase */
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  font-size: clamp(1.875rem, 4vw, 3rem) !important;
}

/* ---- Content headings (h2 / h3 / h4) ---- */
.entry-content h2, .wp-block-post-content h2 {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 800 !important;
  font-size: 1.6rem !important; line-height: 1.25 !important; color: #4a1d6e !important;
  text-transform: none !important; letter-spacing: -0.01em !important;
  margin-top: 2.5rem !important; margin-bottom: 0.25rem !important;
}
.entry-content h3, .wp-block-post-content h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 700 !important;
  font-size: 1.25rem !important; color: #4a1d6e !important; text-transform: none !important;
  margin-top: 2rem !important;
}
.entry-content h4, .wp-block-post-content h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 700 !important;
  font-size: 1.05rem !important; color: #4a1d6e !important; text-transform: none !important;
  margin-top: 1.75rem !important;
}

/* ---- Paragraphs, links, strong ---- */
.entry-content p, .wp-block-post-content p { margin-top: 1.25rem; }
.entry-content a, .wp-block-post-content a {
  color: #c026a8 !important; text-decoration: underline; text-underline-offset: 2px;
}
.entry-content a:hover, .wp-block-post-content a:hover { color: #69239f !important; }
.entry-content strong, .wp-block-post-content strong { color: #4a1d6e !important; font-weight: 700; }

/* ---- Lists ---- */
.entry-content ul, .entry-content ol,
.wp-block-post-content ul, .wp-block-post-content ol { margin-top: 1.25rem; padding-left: 1.5rem; }
.entry-content ul, .wp-block-post-content ul { list-style: disc; }
.entry-content ol, .wp-block-post-content ol { list-style: decimal; }
.entry-content li, .wp-block-post-content li { margin-top: 0.5rem; }
.entry-content li::marker, .wp-block-post-content li::marker { color: #db2777; }

/* ---- Blockquote ---- */
.entry-content blockquote, .wp-block-quote, .wp-block-post-content blockquote {
  border-left: 3px solid #db2777 !important; padding-left: 1.25rem !important;
  font-style: italic; color: rgba(40,30,50,0.7) !important; margin-top: 1.75rem;
}

/* ---- Images ---- */
.entry-content img, .wp-block-post-content img, .wp-block-image img {
  border-radius: 1rem !important; max-width: 100% !important; height: auto !important;
  display: block; margin: 1.75rem auto !important;
}
.wp-block-image figure, .entry-content figure, .wp-block-post-content figure { margin: 1.75rem 0; }
.entry-content figcaption, .wp-block-post-content figcaption {
  font-size: 0.85rem !important; color: rgba(40,30,50,0.55) !important; text-align: center; margin-top: 0.6rem;
}

/* ---- Tables (the exact look from our app) ---- */
.wp-block-table, .wp-block-table figure { border: 0 !important; }
.entry-content table, .wp-block-post-content table, .wp-block-table table {
  width: 100% !important; border-collapse: collapse !important;
  font-size: 0.95rem !important; line-height: 1.55 !important;
  border: 1px solid #ead9f6 !important; border-radius: 0.75rem; overflow: hidden; margin-top: 1.75rem;
}
.entry-content th, .entry-content td,
.wp-block-post-content th, .wp-block-post-content td,
.wp-block-table th, .wp-block-table td {
  border: 1px solid #ead9f6 !important; padding: 0.65rem 0.9rem !important;
  text-align: left !important; vertical-align: top !important;
}
.entry-content thead th, .wp-block-post-content thead th, .wp-block-table thead th {
  background: #f6eefc !important; color: #4a1d6e !important; font-weight: 700 !important;
}
.entry-content tbody tr:nth-child(even),
.wp-block-post-content tbody tr:nth-child(even),
.wp-block-table tbody tr:nth-child(even) { background: #faf6fe !important; }

/* ---- Code ---- */
.entry-content code, .wp-block-post-content code {
  background: #f6eefc !important; color: #6b21a8 !important; padding: 0.1rem 0.4rem;
  border-radius: 5px; font-size: 0.88em;
}
.entry-content pre, .wp-block-post-content pre {
  background: #1e1530 !important; color: #ede4f7 !important; padding: 1rem 1.1rem;
  border-radius: 0.9rem; overflow-x: auto; font-size: 0.88rem; line-height: 1.6;
}
.entry-content pre code, .wp-block-post-content pre code { background: none !important; color: inherit !important; }

/* ---- Post titles: card-size by default, big only on the single article page ---- */

/* Default (home / archive / list cards) → card size */
.wp-block-post-title,
.wp-block-post-title a,
.entry-title,
.entry-title a {
  font-size: 1.35rem !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  color: #280b40 !important;
}

/* Single article page only → big hero title */
body.single .wp-block-post-title,
body.single .wp-block-post-title a,
body.single-post .wp-block-post-title,
body.single-post .wp-block-post-title a {
  font-size: clamp(1.9rem, 4vw, 3rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}