/* ============================================================
   SUNSHINE STAMPER — Custom WordPress CSS
   Paste into: Appearance → Customize → Additional CSS
   
   Palette:
     Rose:        #c4606e
     Blush:       #f8c4cc
     Sage:        #8ab890
     Cream:       #fffcf8
     Deep mauve:  #5c3a42
     Soft text:   #4a3038
   ============================================================ */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Nunito:wght@300;400;600;700;800&family=Dancing+Script:wght@500;600;700&display=swap');

/* ============================================================
   GLOBAL — body, background, base text
   ============================================================ */
body {
  background-color: #faf6f4 !important;
  font-family: 'Nunito', sans-serif !important;
  color: #4a3038 !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* ============================================================
   SITE HEADER
   ============================================================ */
.site-header,
#masthead,
header.site-header,
.header-main {
  background: #fffcf8 !important;
  border-bottom: 1.5px solid #f0d4d8 !important;
  box-shadow: 0 2px 16px rgba(196, 96, 110, 0.07) !important;
}

/* Site title */
.site-title,
.site-title a,
#site-title,
#site-title a,
.blog-title,
.blog-title a {
  font-family: 'Dancing Script', cursive !important;
  font-size: 38px !important;
  color: #c4606e !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
}

.site-title a:hover,
.blog-title a:hover {
  color: #a84858 !important;
}

/* Site tagline / description */
.site-description,
.site-tagline,
#site-description {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #c8a0a8 !important;
}

/* ============================================================
   NAVIGATION
   ============================================================ */
.main-navigation,
.nav-menu,
#site-navigation,
.primary-navigation,
nav.site-navigation {
  background: transparent !important;
}

.main-navigation a,
.nav-menu a,
.primary-navigation a,
nav a {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #5c3a42 !important;
  text-decoration: none !important;
  padding: 6px 14px !important;
  transition: color 0.2s !important;
}

.main-navigation a:hover,
.nav-menu a:hover,
.primary-navigation a:hover {
  color: #c4606e !important;
}

/* ============================================================
   PAGE / CONTENT WRAPPER
   ============================================================ */
.site-content,
#content,
.content-area,
.site-main,
#main,
.wrap {
  background: transparent !important;
}

/* ============================================================
   POST CARDS — blog index loop
   ============================================================ */
.post,
article.post,
.entry,
.type-post,
article {
  background: #fffcf8 !important;
  border: 1.5px solid #f0d4d8 !important;
  border-radius: 12px !important;
  padding: 28px 30px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 3px 18px rgba(180, 110, 120, 0.07) !important;
  transition: box-shadow 0.25s, transform 0.25s !important;
  position: relative !important;
  overflow: hidden !important;
}

.post::before,
article.post::before,
.type-post::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #e8909e, #f0c0c8, #8dc48e) !important;
  border-radius: 12px 12px 0 0 !important;
}

.post:hover,
article.post:hover,
.type-post:hover {
  box-shadow: 0 8px 32px rgba(180, 110, 120, 0.14) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   POST TITLES
   ============================================================ */
.entry-title,
.post-title,
h1.entry-title,
h2.entry-title,
.entry-title a {
  font-family: 'Playfair Display', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #5c3a42 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  margin-bottom: 8px !important;
}

.entry-title a:hover {
  color: #c4606e !important;
}

/* Single post H1 */
.single .entry-title,
.single h1.entry-title {
  font-size: 36px !important;
  margin-bottom: 14px !important;
}

/* ============================================================
   POST META (date, category, author)
   ============================================================ */
.entry-meta,
.post-meta,
.byline,
.posted-on,
.cat-links,
.entry-footer {
  font-family: 'Nunito', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: #c8a0a8 !important;
  margin-bottom: 12px !important;
}

.entry-meta a,
.post-meta a,
.cat-links a,
.entry-footer a {
  color: #c4606e !important;
  text-decoration: none !important;
  font-weight: 800 !important;
}

.entry-meta a:hover,
.cat-links a:hover {
  color: #a84858 !important;
}

/* ============================================================
   POST EXCERPT & BODY TEXT
   ============================================================ */
.entry-content,
.entry-summary,
.post-excerpt,
.entry-content p,
.entry-summary p {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15.5px !important;
  color: #4a3038 !important;
  line-height: 1.85 !important;
}

/* ============================================================
   HEADINGS inside post content
   ============================================================ */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  font-family: 'Playfair Display', serif !important;
  color: #5c3a42 !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}

.entry-content h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #f0d8da !important;
}

.entry-content h3 {
  font-size: 20px !important;
  font-style: italic !important;
  color: #8ab890 !important;
}

/* Bold text in content */
.entry-content strong,
.entry-content b {
  color: #c4606e !important;
  font-weight: 700 !important;
}

/* ============================================================
   READ MORE / CONTINUE READING LINK
   ============================================================ */
.more-link,
a.more-link,
.read-more,
.entry-content .more-link {
  display: inline-block !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: white !important;
  background: linear-gradient(135deg, #e8909e, #c4606e) !important;
  padding: 8px 22px !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  margin-top: 10px !important;
  box-shadow: 0 3px 12px rgba(196, 96, 110, 0.25) !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}

.more-link:hover,
a.more-link:hover {
  box-shadow: 0 6px 20px rgba(196, 96, 110, 0.35) !important;
  transform: translateY(-1px) !important;
  color: white !important;
}

/* ============================================================
   LINKS — general
   ============================================================ */
a {
  color: #c4606e !important;
  transition: color 0.2s !important;
}

a:hover {
  color: #a84858 !important;
}

/* ============================================================
   TAGS & CATEGORIES
   ============================================================ */
.tags-links a,
.cat-links a,
.tag-cloud-link,
.post-tags a {
  display: inline-block !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #c4818e !important;
  background: rgba(228, 168, 176, 0.15) !important;
  border: 1px solid #e8c0c6 !important;
  padding: 3px 12px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  margin: 2px !important;
  transition: background 0.2s !important;
}

.tags-links a:hover,
.tag-cloud-link:hover {
  background: rgba(228, 144, 158, 0.25) !important;
  color: #a84858 !important;
}

/* ============================================================
   SIDEBAR
   ============================================================ */
.widget-area,
#secondary,
.sidebar {
  font-family: 'Nunito', sans-serif !important;
}

.widget,
.sidebar .widget {
  background: #fffcf8 !important;
  border: 1.5px solid #f0d4d8 !important;
  border-radius: 10px !important;
  padding: 20px 22px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 12px rgba(180, 110, 120, 0.06) !important;
}

.widget-title,
.widgettitle,
.widget h2,
.widget h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-style: italic !important;
  color: #c4606e !important;
  margin-bottom: 14px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #f0d8da !important;
}

.widget ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.widget ul li {
  padding: 5px 0 !important;
  border-bottom: 1px solid #f8eef0 !important;
  font-size: 13px !important;
  color: #6a4a52 !important;
}

.widget ul li:last-child {
  border-bottom: none !important;
}

.widget ul li a {
  color: #6a4a52 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.widget ul li a:hover {
  color: #c4606e !important;
}

/* ============================================================
   NEWSLETTER / EMAIL INPUT
   ============================================================ */
input[type="email"],
input[type="text"],
textarea {
  border: 1.5px solid #e8c8cc !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  color: #4a3038 !important;
  background: white !important;
  outline: none !important;
  transition: border-color 0.2s !important;
}

input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus {
  border-color: #c4606e !important;
  box-shadow: 0 0 0 3px rgba(196, 96, 110, 0.1) !important;
}

input[type="submit"],
button[type="submit"],
.subscribe-submit,
.wp-block-button__link {
  font-family: 'Nunito', sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: white !important;
  background: linear-gradient(135deg, #e8909e, #c4606e) !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 9px 22px !important;
  cursor: pointer !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  box-shadow: 0 3px 12px rgba(196, 96, 110, 0.25) !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.wp-block-button__link:hover {
  box-shadow: 0 6px 20px rgba(196, 96, 110, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* ============================================================
   PAGINATION
   ============================================================ */
.nav-links,
.posts-navigation,
.pagination,
.page-numbers {
  font-family: 'Nunito', sans-serif !important;
}

.nav-links a,
.page-numbers a,
.pagination a {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #c4606e !important;
  border: 1.5px solid #e8c0c6 !important;
  border-radius: 30px !important;
  padding: 7px 20px !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
  background: white !important;
}

.nav-links a:hover,
.page-numbers a:hover {
  background: linear-gradient(135deg, #e8909e, #c4606e) !important;
  color: white !important;
  border-color: transparent !important;
  box-shadow: 0 3px 12px rgba(196, 96, 110, 0.25) !important;
}

/* ============================================================
   SITE FOOTER
   ============================================================ */
.site-footer,
#colophon,
footer.site-footer {
  background: #fffcf8 !important;
  border-top: 1.5px solid #f0d4d8 !important;
  padding: 28px 0 !important;
  margin-top: 40px !important;
}

.site-footer a,
#colophon a {
  color: #c4606e !important;
}

.site-footer p,
#colophon p,
.site-info {
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  color: #c8a0a8 !important;
  text-transform: uppercase !important;
}

/* ============================================================
   COMMENTS SECTION
   ============================================================ */
.comment-form input,
.comment-form textarea {
  border-radius: 8px !important;
  border: 1.5px solid #e8c8cc !important;
}

.comment-respond h2,
#reply-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 22px !important;
  font-style: italic !important;
  color: #c4606e !important;
}

.comment-author .fn {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 800 !important;
  color: #5c3a42 !important;
}

/* ============================================================
   BLOCKQUOTE — pull quote styling
   ============================================================ */
blockquote,
.entry-content blockquote {
  background: linear-gradient(135deg, rgba(232,160,170,0.1), rgba(138,184,144,0.08)) !important;
  border-left: 4px solid #e8909e !important;
  border-radius: 0 8px 8px 0 !important;
  padding: 18px 24px !important;
  margin: 28px 0 !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 18px !important;
  font-style: italic !important;
  color: #5c3a42 !important;
}

/* ============================================================
   IMAGES
   ============================================================ */
.entry-content img,
.post-thumbnail img,
.wp-post-image {
  border-radius: 10px !important;
  box-shadow: 0 4px 20px rgba(180, 110, 120, 0.12) !important;
}

/* ============================================================
   AUTHOR BOX (after single post)
   ============================================================ */
.author-info,
.author-bio,
.post-author {
  background: #fffcf8 !important;
  border: 1.5px solid #f0d4d8 !important;
  border-radius: 10px !important;
  padding: 20px 24px !important;
  margin-top: 32px !important;
}

.author-info h2,
.author-bio h2 {
  font-family: 'Dancing Script', cursive !important;
  font-size: 24px !important;
  color: #c4606e !important;
}

/* ============================================================
   DIVIDERS / HR
   ============================================================ */
hr {
  border: none !important;
  border-top: 1px solid #f0d4d8 !important;
  margin: 32px 0 !important;
}

/* ============================================================
   SCROLLBAR (webkit browsers)
   ============================================================ */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #faf6f4; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #f8c4cc, #c4606e);
  border-radius: 10px;
}

/* ============================================================
   SELECTION colour
   ============================================================ */
::selection {
  background: rgba(232, 144, 158, 0.3) !important;
  color: #5c3a42 !important;
}

    display: flex; align-items: center; justify-content: center;
    font-size: 24px; flex-shrink: 0;
  }

  .sig-name {
    font-family: 'Dancing Script', cursive;
    font-size: 28px; color: #c4606e; line-height: 1;
  }

  .sig-title {
    font-family: 'Nunito', sans-serif;
    font-size: 10px; font-weight: 600;
    letter-spacing: 2.5px; text-transform: uppercase;
    color: #b09098; margin-top: 3px;
  }

  .sig-handle {
    font-family: 'Nunito', sans-serif;
    font-size: 11px; font-weight: 700;
    color: #c4818e; margin-top: 2px;
  }

  /* ── Tags ── */
  .post-tags {
    display: flex; gap: 6px; flex-wrap: wrap;
    margin-top: 24px;
  }

  .tag {
    font-family: 'Nunito', sans-serif;
    font-size: 10px; font-weight: 700;
    letter-spacing: 1px; text-transform: uppercase;
    color: #c4818e;
    background: rgba(228,168,176,0.15);
    border: 1px solid #e8c0c6;
    padding: 3px 12px; border-radius: 20px;
  }