/* ================================
   FINAL CLEAN CSS
   Safe for TT25 • 2025-09-11
   ================================ */

/* 1) Links inside post content */
.wp-site-blocks .wp-block-post-content a:not(.wp-block-button__link) {
  color:#4a3b2a !important;        /* Deep Brown */
  font-style: italic !important;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 2px;
}
.wp-site-blocks .wp-block-post-content a:not(.wp-block-button__link):where(:hover,:focus-visible,:active) {
  color:#e59866 !important;        /* Warm Coral hover */
  text-decoration: underline;
}
.wp-site-blocks .wp-block-post-content a:not(.wp-block-button__link):visited {
  color:#4a3b2a !important;
}

/* 2) Headings inside posts */
.wp-block-post-content h2 { margin: 1.1em 0 .5em; line-height:1.25; }
.wp-block-post-content h3 { margin: 1em 0 .4em;  line-height:1.3;  }
.wp-block-post-content h4 { margin: .9em 0 .35em; line-height:1.35; }

/* 3) Paragraphs & lists */
.wp-block-post-content p { margin: .7em 0; }
.wp-block-post-content ul,
.wp-block-post-content ol { margin: .6em 0 .9em 1.2em; }
.wp-block-post-content li { margin: .25em 0; }

/* 4) Blockquotes */
.wp-block-post-content blockquote {
  border-left: 3px solid #b4976b;  /* Tan/Gold */
  padding: .5em 1em;
  background: #f5e6da30;           /* Soft Cream with light tint */
  margin: 1em 0;
}

/* 5) Tables */
.wp-block-post-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: 0.98rem;
}
.wp-block-post-content table th,
.wp-block-post-content table td {
  border: 1px solid #dcc5a3;       /* Linen Beige */
  padding: .6em .7em;
  vertical-align: top;
}
.wp-block-post-content table th {
  background: #f5e6da;             /* Soft Cream */
  font-weight: 700;
  text-align: left;
}

/* 6) FAQ questions */
.rtb-faq-question {
  font-size: 1rem !important;
  font-weight: 600;
}

/* 7) CTA buttons inside post body (optional .post-cta class) */
.wp-block-post-content .post-cta,
.wp-block-post-content .post-cta:where(:link,:visited) {
  display:inline-block;
  background:#b4976b;               /* Tan/Gold base */
  color:#fff;
  border-radius: 12px;
  padding: 10px 20px;
  text-decoration:none;
  font-style: normal !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
.wp-block-post-content .post-cta:where(:hover,:focus-visible) {
  background:#d17a45;               /* Terra Cotta hover */
  color:#fff;
}

/* 8) Ensure readable text in beige accent panels */
.has-accent-3-background-color,
.has-accent-3-background-color .wp-block-heading,
.has-accent-3-background-color p,
.has-accent-3-background-color a,
.has-accent-3-background-color strong {
  color: #4a3b2a !important; /* Deep Brown */
}

/* 9) Ensure button text is dark enough on coral/terra cotta buttons */
.has-accent-1-background-color .wp-block-button__link,
.wp-block-button__link.has-background.has-accent-1-background-color {
  color: #4a3b2a !important; /* Deep Brown on Warm Coral */
  font-weight: 600;
}

/* 10) Force darker text if Terra Cotta is used inline */
.wp-block-button.is-style-fill .wp-block-button__link[style*="background-color:#d17a45"],
.wp-block-button__link.has-background[style*="#d17a45"] {
  color: #2f271d !important; /* Darker brown passes AA contrast on Terra Cotta */
  font-weight: 600;
}
h5:has(a[href*="affiliate-disclosure"]) {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  text-align: center;
  color: #6B6259;
  font-style: italic;
}
@media (min-width: 768px){ img[alt*="Butterfly resting gently"] { display: none !important; } }

