/*
Theme Name: WowFinds Modern Discovery v20
Theme URI: https://wowfinds123.com/
Author: OpenAI
Description: A custom WordPress block theme for WowFinds, designed in the Modern Discovery style with a strong header, product-forward homepage, featured finds, latest finds, and a branded footer.
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 2.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wowfinds-modern-discovery
Tags: block-patterns, full-site-editing, blog, e-commerce, custom-colors, custom-logo, wide-blocks
*/

:root {
  --wf-ink: #191c33;
  --wf-purple: #5b3fc8;
  --wf-purple-dark: #40269b;
  --wf-purple-soft: #f4f0ff;
  --wf-accent: #f7c948;
  --wf-muted: #677085;
  --wf-line: #dfdeea;
  --wf-bg: #ffffff;
  --wf-soft: #faf8ff;
  --wf-radius-lg: 24px;
  --wf-radius-md: 18px;
  --wf-radius-sm: 14px;
  --wf-shadow: 0 18px 38px rgba(28, 27, 51, 0.08);
}

html { scroll-behavior: smooth; }
body {
  color: var(--wf-ink);
  background: var(--wf-bg);
}

.wp-site-blocks {
  overflow-x: hidden;
}

.wf-site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.97);
  backdrop-filter: saturate(1.1) blur(8px);
  border-bottom: 1px solid var(--wf-line);
}

.wf-header-top {
  padding-top: 18px;
  padding-bottom: 14px;
}

.wf-site-title {
  line-height: 1;
}

.wf-site-title a {
  text-decoration: none;
  font-size: clamp(2.2rem, 5vw, 3.8rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.wf-top-actions .wp-block-button__link {
  font-weight: 700;
  border-radius: 999px;
  padding: 0.8rem 1.25rem;
}

.wf-home-btn .wp-block-button__link {
  background: transparent;
  color: var(--wf-ink);
  border: 1px solid var(--wf-ink);
}

.wf-shop-btn .wp-block-button__link {
  background: var(--wf-accent);
  color: var(--wf-ink);
  border: 1px solid var(--wf-accent);
}

.wf-header-search .wp-block-search__inside-wrapper {
  border-radius: 999px;
  border: 1px solid var(--wf-line);
  padding: 4px;
}

.wf-header-search .wp-block-search__input {
  border: none !important;
}

.wf-header-search .wp-block-search__button {
  border-radius: 999px;
  background: var(--wf-purple);
  color: white;
  margin-left: 6px;
}

.wf-category-bar {
  border-top: 1px solid var(--wf-line);
  border-bottom: 1px solid var(--wf-line);
  background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
}

.wf-category-bar .wp-block-navigation {
  justify-content: center;
  gap: 1.4rem;
}

.wf-category-bar .wp-block-navigation-item__content {
  color: var(--wf-muted);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
}

.wf-category-bar .wp-block-navigation-item__content:hover {
  color: var(--wf-purple);
}

.wf-main-wrap {
  padding-top: 0;
}

.wf-hero-section {
  padding-top: 52px;
  padding-bottom: 54px;
  background: linear-gradient(180deg, #fff 0%, var(--wf-soft) 100%);
}

.wf-hero-columns {
  gap: 3rem;
}

.wf-eyebrow {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--wf-purple);
  font-weight: 700;
  font-size: .82rem;
  margin-bottom: 12px;
}

.wf-hero-heading {
  font-size: clamp(2.6rem, 6vw, 5rem);
  line-height: .98;
  letter-spacing: -0.05em;
  margin-top: 0;
  margin-bottom: 20px;
}

.wf-hero-copy {
  font-size: 1.18rem;
  line-height: 1.72;
  color: #3f4a61;
}

.wf-hero-cta .wp-block-button__link {
  background: var(--wf-purple);
  color: #fff;
  padding: .9rem 1.4rem;
  border-radius: 14px;
  font-weight: 700;
}

.wf-hero-image img {
  width: 100%;
  border-radius: 28px;
  box-shadow: var(--wf-shadow);
}

.wf-section {
  padding-top: 54px;
  padding-bottom: 54px;
}

.wf-section-heading {
  font-size: clamp(2rem, 3vw, 2.75rem);
  line-height: 1.06;
  letter-spacing: -0.04em;
  margin-bottom: 8px;
}

.wf-section-subtext {
  color: var(--wf-muted);
  margin-top: 0;
  margin-bottom: 28px;
}

.wf-product-query .wp-block-post-template,
.wf-latest-query .wp-block-post-template {
  gap: 22px;
}

.wf-product-card {
  border: 1px solid var(--wf-line);
  border-radius: var(--wf-radius-md);
  padding: 14px;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  background: white;
  height: 100%;
}

.wf-product-card:hover {
  box-shadow: var(--wf-shadow);
  transform: translateY(-2px);
}

.wf-product-card .wp-block-post-featured-image {
  margin-top: 0;
  margin-bottom: 14px;
}

.wf-product-card .wp-block-post-featured-image img {
  border-radius: 16px;
}

.wf-product-card .wp-block-post-title {
  font-size: 1.1rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 10px;
}

.wf-product-card .wp-block-post-title a {
  color: var(--wf-ink);
  text-decoration: none;
}

.wf-product-card .wp-block-post-excerpt,
.wf-product-card .wp-block-post-excerpt__excerpt {
  color: var(--wf-muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

.wf-product-card .wp-block-post-excerpt__more-link {
  display: inline-block;
  margin-top: 12px;
  color: var(--wf-purple);
  font-weight: 700;
  text-decoration: none;
}

.wf-latest-wrap {
  background: var(--wf-purple-soft);
}

.wf-footer {
  background: linear-gradient(180deg, #2b1f63 0%, #201548 100%);
  color: #fff;
  padding-top: 56px;
  padding-bottom: 28px;
}

.wf-footer h2,
.wf-footer h3,
.wf-footer h4,
.wf-footer p,
.wf-footer li {
  color: #fff;
}

.wf-footer-copy {
  color: rgba(255,255,255,.84) !important;
  line-height: 1.65;
}

.wf-footer-card {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  padding: 22px;
}

.wf-footer-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.35rem;
}

.wf-faux-form input,
.wf-faux-form textarea {
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  padding: 12px 13px;
  margin-bottom: 10px;
  background: rgba(255,255,255,.96);
  color: var(--wf-ink);
  font: inherit;
}

.wf-faux-form textarea {
  min-height: 130px;
  resize: vertical;
}

.wf-faux-form button {
  width: 100%;
  border: 0;
  border-radius: 12px;
  background: var(--wf-accent);
  color: var(--wf-ink);
  padding: 12px 14px;
  font-weight: 700;
  cursor: pointer;
}

.wf-footer-note {
  border-top: 1px solid rgba(255,255,255,.16);
  margin-top: 24px;
  padding-top: 20px;
  color: rgba(255,255,255,.72);
  font-size: .92rem;
}

@media (max-width: 781px) {
  .wf-header-top .wp-block-columns,
  .wf-hero-columns,
  .wf-footer .wp-block-columns {
    gap: 1.4rem;
  }

  .wf-header-search {
    width: 100%;
  }

  .wf-header-search .wp-block-search {
    width: 100%;
  }

  .wf-category-bar .wp-block-navigation {
    justify-content: flex-start;
  }
}


/* WordPress.com frontend-strength overrides */
.wf-site-header { background: rgba(255,255,255,.98) !important; border-bottom: 1px solid var(--wf-line) !important; }
.wf-header-top { padding-top: 18px !important; padding-bottom: 14px !important; }
.wp-block-site-title.wf-site-title,
.wf-site-title { margin: 0 !important; }
.wp-block-site-title.wf-site-title a,
.wf-site-title a {
  font-size: clamp(2.8rem, 5vw, 4.5rem) !important;
  line-height: .92 !important;
  font-weight: 850 !important;
  letter-spacing: -0.05em !important;
  color: var(--wf-ink) !important;
}
.wf-top-actions .wp-block-button__link { border-radius: 999px !important; padding: .9rem 1.35rem !important; }
.wf-home-btn .wp-block-button__link { background: transparent !important; color: var(--wf-ink) !important; border: 1.5px solid var(--wf-ink) !important; }
.wf-shop-btn .wp-block-button__link { background: var(--wf-accent) !important; color: var(--wf-ink) !important; border: 1.5px solid var(--wf-accent) !important; }
.wf-header-search .wp-block-search__inside-wrapper { border-radius: 999px !important; border: 1px solid var(--wf-line) !important; padding: 4px !important; background:#fff !important; }
.wf-header-search .wp-block-search__button { background: var(--wf-purple) !important; color:#fff !important; border-radius:999px !important; }
.wf-category-bar { background: linear-gradient(180deg,#fff 0%,#faf9ff 100%) !important; border-top:1px solid var(--wf-line) !important; border-bottom:1px solid var(--wf-line) !important; padding-top:10px !important; padding-bottom:10px !important; }
.wf-category-bar .wp-block-navigation-item__content { color: var(--wf-muted) !important; font-weight:650 !important; }
.wf-hero-section { background: linear-gradient(180deg,#fff 0%,var(--wf-soft) 100%) !important; padding-top:42px !important; padding-bottom:54px !important; }
.wf-hero-columns { align-items:flex-start !important; gap:3rem !important; }
.wf-hero-heading { font-size:clamp(2.6rem,5.4vw,4.8rem) !important; line-height:1 !important; letter-spacing:-.045em !important; margin-top:0 !important; }
.wf-hero-copy { font-size:1.13rem !important; line-height:1.68 !important; color:#3f4a61 !important; }
.wf-hero-image img { max-height:610px !important; object-fit:cover !important; object-position:center !important; border-radius:28px !important; box-shadow:var(--wf-shadow) !important; }
.wf-section { padding-top:54px !important; padding-bottom:54px !important; }
.wf-product-card { border:1px solid var(--wf-line) !important; border-radius:18px !important; padding:14px !important; background:#fff !important; }
.wf-product-card .wp-block-post-title { font-size:1.1rem !important; line-height:1.25 !important; margin-bottom:8px !important; }
.wf-product-card .wp-block-post-title a { color:var(--wf-ink) !important; text-decoration:none !important; }
.wf-product-card .wp-block-post-excerpt,
.wf-product-card .wp-block-post-excerpt__excerpt { color:var(--wf-muted) !important; font-size:.98rem !important; line-height:1.5 !important; }
.wf-product-card .wp-block-post-excerpt__more-link { color:var(--wf-purple) !important; font-weight:750 !important; }
.wf-latest-wrap { background:var(--wf-purple-soft) !important; }
.wf-footer { background:linear-gradient(180deg,#2b1f63 0%,#201548 100%) !important; color:#fff !important; padding-top:56px !important; padding-bottom:28px !important; }
.wf-footer .wp-block-heading,
.wf-footer h1,.wf-footer h2,.wf-footer h3,.wf-footer h4,
.wf-footer p,.wf-footer strong { color:#fff !important; }
.wf-footer-copy { color:rgba(255,255,255,.84) !important; }
.wf-footer-card { background:rgba(255,255,255,.08) !important; border:1px solid rgba(255,255,255,.13) !important; border-radius:18px !important; padding:22px !important; }
.wf-faux-form input,.wf-faux-form textarea { box-sizing:border-box !important; width:100% !important; border-radius:12px !important; border:1px solid rgba(255,255,255,.18) !important; padding:12px 13px !important; margin-bottom:10px !important; background:#fff !important; color:var(--wf-ink) !important; }
.wf-faux-form button { width:100% !important; border:0 !important; border-radius:12px !important; background:var(--wf-accent) !important; color:var(--wf-ink) !important; padding:12px 14px !important; font-weight:750 !important; }
.wf-footer-note { color:rgba(255,255,255,.72) !important; border-top:1px solid rgba(255,255,255,.16) !important; }

@media (max-width: 781px) {
  .wp-block-site-title.wf-site-title a,.wf-site-title a { font-size:2.8rem !important; }
  .wf-hero-columns { align-items:stretch !important; }
  .wf-hero-image img { max-height:520px !important; }
}


.wf-curated-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.wf-curated-grid .wf-product-card {
  margin: 0;
}

.wf-curated-grid .wf-post-thumb {
  display: block;
  margin-bottom: 14px;
}

.wf-curated-grid .wf-post-thumb img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 16px;
}

.wf-curated-grid .wf-post-title {
  font-size: 1.1rem;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 10px;
}

.wf-curated-grid .wf-post-title a {
  color: var(--wf-ink);
  text-decoration: none;
}

.wf-curated-grid .wf-post-excerpt {
  color: var(--wf-muted);
  font-size: 0.98rem;
  line-height: 1.55;
}

.wf-curated-grid .wf-post-excerpt a {
  display: inline-block;
  margin-top: 12px;
  color: var(--wf-purple);
  font-weight: 700;
  text-decoration: none;
}

.wf-empty-note {
  color: var(--wf-muted);
  background: #fff;
  border: 1px dashed var(--wf-line);
  border-radius: 16px;
  padding: 18px;
}

@media (max-width: 1100px) {
  .wf-curated-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .wf-curated-grid {
    grid-template-columns: 1fr;
  }
}


/* v6: B”s D and footer contact */
.wf-bsd-row {
  padding-top: 5px;
  padding-bottom: 0;
}
.wf-bsd {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--wf-ink);
  text-align: right;
}
.wf-footer-email a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}


.wf-footer-bottom-email {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 0.95rem;
}

.wf-footer-bottom-email a {
  color: rgba(255,255,255,.88);
  text-decoration: none;
}

.wf-footer-bottom-email a:hover {
  color: #fff;
  text-decoration: underline;
}


/* v8 colorful refresh */
:root {
  --wf-purple: #6b46ff;
  --wf-purple-dark: #4c2ccf;
  --wf-accent: #ffcf33;
  --wf-accent-2: #ff7a59;
  --wf-accent-3: #35c6a7;
  --wf-soft: #f6f1ff;
  --wf-line: #e3dbff;
}

body {
  background: linear-gradient(180deg, #ffffff 0%, #fbf9ff 100%);
}

.wf-site-header {
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,245,255,.98) 100%);
}

.wf-site-title a {
  color: #1c1d49;
}

.wf-shop-btn .wp-block-button__link {
  background: linear-gradient(135deg, var(--wf-accent) 0%, #ffb400 100%);
  box-shadow: 0 8px 18px rgba(255, 190, 30, 0.28);
}

.wf-home-btn .wp-block-button__link {
  background: #ffffff;
  border-color: var(--wf-purple);
  color: var(--wf-purple-dark);
}

.wf-header-search .wp-block-search__inside-wrapper {
  background: #ffffff;
  border: 2px solid #e2d7ff;
  box-shadow: 0 10px 20px rgba(107,70,255,.06);
}

.wf-header-search .wp-block-search__button {
  background: linear-gradient(135deg, var(--wf-purple) 0%, #8c5bff 100%);
}

.wf-category-bar {
  background: linear-gradient(90deg, #f7f2ff 0%, #f4f8ff 50%, #f8f5ff 100%);
}

.wf-category-bar .wp-block-navigation-item__content {
  padding: .35rem .8rem;
  border-radius: 999px;
  background: rgba(107,70,255,.08);
  color: var(--wf-purple-dark);
}

.wf-category-bar .wp-block-navigation-item__content:hover {
  background: rgba(255,122,89,.12);
  color: #b4472e;
}

.wf-hero-section {
  background: radial-gradient(circle at top right, rgba(107,70,255,.08) 0%, rgba(107,70,255,0) 36%), linear-gradient(180deg, #ffffff 0%, #faf6ff 100%);
}

.wf-eyebrow {
  color: var(--wf-accent-2);
}

.wf-hero-cta .wp-block-button__link {
  background: linear-gradient(135deg, var(--wf-purple) 0%, #8c5bff 100%);
  box-shadow: 0 12px 24px rgba(107,70,255,.18);
}

.wf-section:nth-of-type(odd) {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,246,255,.55) 100%);
}

.wf-section-heading {
  color: #241e57;
}

.wf-product-card {
  border: 1px solid #e2d7ff;
  background: linear-gradient(180deg, #ffffff 0%, #fcfbff 100%);
}

.wf-product-card:hover {
  box-shadow: 0 20px 34px rgba(91,63,200,.12);
  border-color: #c6b6ff;
}

.wf-product-card .wp-block-post-title a,
.wf-curated-grid .wf-post-title a {
  color: #242152;
}

.wf-product-card .wp-block-post-excerpt__more-link,
.wf-curated-grid .wf-post-excerpt a {
  color: var(--wf-accent-2);
}

.wf-latest-wrap {
  background: linear-gradient(180deg, #f3edff 0%, #eef7ff 100%);
}

.wf-footer {
  background: linear-gradient(135deg, #4a2ab7 0%, #6738d8 45%, #2f7cc2 100%);
}

.wf-footer-card {
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.18);
}

.wf-faux-form button {
  background: linear-gradient(135deg, var(--wf-accent) 0%, var(--wf-accent-2) 100%);
  color: #1f1847;
}

.wf-empty-note {
  background: #fff8ef;
  border-color: #ffd2a8;
}


/* v9 single-post color enhancement */
body.single-post .wp-block-post-title,
body.single .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
  color: #4c2ccf;
  text-shadow: 0 1px 0 rgba(255,255,255,.35);
}

body.single-post .wp-block-post-content,
body.single .wp-block-post-content,
body.single-post .entry-content,
body.single .entry-content {
  color: #37405a;
}

body.single-post .wp-block-post-content p,
body.single .wp-block-post-content p,
body.single-post .entry-content p,
body.single .entry-content p {
  color: #3c4460;
}

body.single-post .wp-block-post-content strong,
body.single .wp-block-post-content strong,
body.single-post .entry-content strong,
body.single .entry-content strong,
body.single-post .wp-block-post-content h2,
body.single .wp-block-post-content h2,
body.single-post .entry-content h2,
body.single .entry-content h2,
body.single-post .wp-block-post-content h3,
body.single .wp-block-post-content h3,
body.single-post .entry-content h3,
body.single .entry-content h3 {
  color: #ff7a59;
}

body.single-post .wp-block-post-content a,
body.single .wp-block-post-content a,
body.single-post .entry-content a,
body.single .entry-content a {
  color: #6b46ff;
}

body.single-post .wp-block-post-content ul li::marker,
body.single .wp-block-post-content ul li::marker,
body.single-post .entry-content ul li::marker,
body.single .entry-content ul li::marker,
body.single-post .wp-block-post-content ol li::marker,
body.single .wp-block-post-content ol li::marker,
body.single-post .entry-content ol li::marker,
body.single .entry-content ol li::marker {
  color: #35c6a7;
}

/* broad plugin/affiliate price targeting */
body.single-post .price,
body.single .price,
body.single-post [class*="price"],
body.single [class*="price"],
body.single-post [class*="Price"],
body.single [class*="Price"],
body.single-post .amount,
body.single .amount,
body.single-post .woocommerce-Price-amount,
body.single .woocommerce-Price-amount {
  color: #ff7a59;
}

body.single-post .price strong,
body.single .price strong,
body.single-post [class*="price"] strong,
body.single [class*="price"] strong,
body.single-post [class*="Price"] strong,
body.single [class*="Price"] strong,
body.single-post .amount,
body.single .amount,
body.single-post .woocommerce-Price-amount,
body.single .woocommerce-Price-amount {
  font-weight: 800;
}

/* emphasize labels like BEST PRICE / shipping / as of date */
body.single-post [class*="best"],
body.single [class*="best"],
body.single-post [class*="shipping"],
body.single [class*="shipping"],
body.single-post [class*="updated"],
body.single [class*="updated"],
body.single-post [class*="date"],
body.single [class*="date"] {
  color: #5b3fc8;
}

/* product/offer boxes */
body.single-post [class*="product-box"],
body.single [class*="product-box"],
body.single-post [class*="offer"],
body.single [class*="offer"],
body.single-post [class*="card"],
body.single [class*="card"],
body.single-post [class*="summary"],
body.single [class*="summary"],
body.single-post [class*="shop"],
body.single [class*="shop"] {
  border-color: #e2d7ff;
}

/* plugin buttons / CTAs */
body.single-post a[class*="button"],
body.single a[class*="button"],
body.single-post button,
body.single button,
body.single-post .button,
body.single .button,
body.single-post [class*="shop"] a,
body.single [class*="shop"] a,
body.single-post [class*="buy"] a,
body.single [class*="buy"] a,
body.single-post [class*="cta"] a,
body.single [class*="cta"] a {
  background: linear-gradient(135deg, #6b46ff 0%, #8c5bff 55%, #ff7a59 100%);
  color: #fff !important;
  border: none;
  box-shadow: 0 12px 24px rgba(107,70,255,.2);
}

/* helpful highlight boxes inside content */
body.single-post .wp-block-group,
body.single .wp-block-group {
  border-radius: 18px;
}

body.single-post .wp-block-group.has-border-color,
body.single .wp-block-group.has-border-color {
  border-color: #e2d7ff !important;
}

body.single-post .wp-block-group.has-background,
body.single .wp-block-group.has-background {
  background: linear-gradient(180deg, #fff 0%, #fbf7ff 100%);
}

/* optional add-ons block / related offer look */
body.single-post [class*="addon"],
body.single [class*="addon"],
body.single-post [class*="add-on"],
body.single [class*="add-on"],
body.single-post [class*="upsell"],
body.single [class*="upsell"] {
  background: linear-gradient(180deg, #fffaf1 0%, #fff 100%);
  border: 1px solid #ffd6b8;
  border-radius: 18px;
}


/* v10 refined professional single-post palette
   Purpose: keep a little color, but restore a modern, restrained, professional look. */

:root {
  --wf-pro-navy: #20263d;
  --wf-pro-navy-2: #30395a;
  --wf-pro-purple: #5d4bb7;
  --wf-pro-purple-soft: #f4f1fb;
  --wf-pro-blue-soft: #f2f6fa;
  --wf-pro-gold: #e7b744;
  --wf-pro-gold-dark: #8a6511;
  --wf-pro-muted: #677085;
  --wf-pro-border: #dfe3eb;
}

/* Reset the overly colorful v9 single post text */
body.single-post .wp-block-post-title,
body.single .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
  color: var(--wf-pro-navy) !important;
  text-shadow: none !important;
}

body.single-post .wp-block-post-content,
body.single .wp-block-post-content,
body.single-post .entry-content,
body.single .entry-content,
body.single-post .wp-block-post-content p,
body.single .wp-block-post-content p,
body.single-post .entry-content p,
body.single .entry-content p {
  color: #41495c !important;
}

body.single-post .wp-block-post-content strong,
body.single .wp-block-post-content strong,
body.single-post .entry-content strong,
body.single .entry-content strong {
  color: var(--wf-pro-navy-2) !important;
}

body.single-post .wp-block-post-content h2,
body.single .wp-block-post-content h2,
body.single-post .entry-content h2,
body.single .entry-content h2,
body.single-post .wp-block-post-content h3,
body.single .wp-block-post-content h3,
body.single-post .entry-content h3,
body.single .entry-content h3 {
  color: var(--wf-pro-navy) !important;
}

body.single-post .wp-block-post-content a,
body.single .wp-block-post-content a,
body.single-post .entry-content a,
body.single .entry-content a {
  color: var(--wf-pro-purple) !important;
}

body.single-post .wp-block-post-content ul li::marker,
body.single .wp-block-post-content ul li::marker,
body.single-post .entry-content ul li::marker,
body.single .entry-content ul li::marker,
body.single-post .wp-block-post-content ol li::marker,
body.single .wp-block-post-content ol li::marker,
body.single-post .entry-content ol li::marker,
body.single .entry-content ol li::marker {
  color: var(--wf-pro-purple) !important;
}

/* Price: strong but sophisticated, not neon */
body.single-post .price,
body.single .price,
body.single-post [class*="price"],
body.single [class*="price"],
body.single-post [class*="Price"],
body.single [class*="Price"],
body.single-post .amount,
body.single .amount,
body.single-post .woocommerce-Price-amount,
body.single .woocommerce-Price-amount {
  color: var(--wf-pro-purple) !important;
}

/* Small labels such as BEST PRICE use muted gold */
body.single-post [class*="best"],
body.single [class*="best"],
body.single-post [class*="shipping"],
body.single [class*="shipping"],
body.single-post [class*="updated"],
body.single [class*="updated"] {
  color: var(--wf-pro-gold-dark) !important;
}

/* Restore normal buttons globally inside posts, then style actual CTAs only */
body.single-post button,
body.single button,
body.single-post .button,
body.single .button,
body.single-post a[class*="button"],
body.single a[class*="button"] {
  background: var(--wf-pro-navy) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 1px solid var(--wf-pro-navy) !important;
}

body.single-post [class*="shop"] a,
body.single [class*="shop"] a,
body.single-post [class*="buy"] a,
body.single [class*="buy"] a,
body.single-post [class*="cta"] a,
body.single [class*="cta"] a {
  background: var(--wf-pro-navy) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(32,38,61,.12) !important;
  border: 1px solid var(--wf-pro-navy) !important;
}

body.single-post [class*="shop"] a:hover,
body.single [class*="shop"] a:hover,
body.single-post [class*="buy"] a:hover,
body.single [class*="buy"] a:hover,
body.single-post [class*="cta"] a:hover,
body.single [class*="cta"] a:hover {
  background: var(--wf-pro-purple) !important;
  border-color: var(--wf-pro-purple) !important;
}

/* Subtle background fields / callouts */
body.single-post .wp-block-group.has-background,
body.single .wp-block-group.has-background {
  background: var(--wf-pro-blue-soft) !important;
}

body.single-post .wp-block-group.has-border-color,
body.single .wp-block-group.has-border-color {
  border-color: var(--wf-pro-border) !important;
}

/* Common info / benefit / summary boxes */
body.single-post [class*="why"],
body.single [class*="why"],
body.single-post [class*="benefit"],
body.single [class*="benefit"],
body.single-post [class*="summary"],
body.single [class*="summary"] {
  background: var(--wf-pro-purple-soft) !important;
  border-color: #ddd5f1 !important;
}

/* Add-ons: warm but restrained */
body.single-post [class*="addon"],
body.single [class*="addon"],
body.single-post [class*="add-on"],
body.single [class*="add-on"],
body.single-post [class*="upsell"],
body.single [class*="upsell"] {
  background: #fffaf0 !important;
  border-color: #ead9aa !important;
}

/* Neutralize overly broad v9 card/shop/offer coloring */
body.single-post [class*="product-box"],
body.single [class*="product-box"],
body.single-post [class*="offer"],
body.single [class*="offer"],
body.single-post [class*="card"],
body.single [class*="card"],
body.single-post [class*="shop"],
body.single [class*="shop"] {
  border-color: var(--wf-pro-border) !important;
}

/* Make horizontal section divisions a touch more polished */
body.single-post hr,
body.single hr {
  border-color: #e6e8ee !important;
}


/* v11 professional color refinement + consistent header + cleaner product CTAs */
:root {
  --wf-modern-navy: #19233b;
  --wf-modern-blue: #2f5fd0;
  --wf-modern-blue-hover: #244eb2;
  --wf-modern-blue-soft: #eef4ff;
  --wf-modern-teal: #147d78;
  --wf-modern-teal-soft: #eef8f7;
  --wf-modern-gold: #f1bd3f;
  --wf-modern-gold-dark: #8a6511;
  --wf-modern-muted: #687286;
  --wf-modern-border: #dfe5ee;
}

/* Replace the purple-heavy site accents with restrained modern blue. */
.wf-header-search .wp-block-search__button {
  background: var(--wf-modern-blue) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}

.wf-header-search .wp-block-search__button:hover {
  background: var(--wf-modern-blue-hover) !important;
}

.wf-category-bar {
  background: #f7f9fc !important;
  border-color: #e7ebf1 !important;
}

.wf-category-bar .wp-block-navigation-item__content {
  background: var(--wf-modern-blue-soft) !important;
  color: #45516b !important;
}

.wf-category-bar .wp-block-navigation-item__content:hover {
  background: #e4ecff !important;
  color: var(--wf-modern-blue) !important;
}

.wf-eyebrow {
  color: #c66a3c !important;
}

.wf-hero-cta .wp-block-button__link {
  background: var(--wf-modern-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(47,95,208,.16) !important;
}

.wf-latest-wrap {
  background: #f5f8fc !important;
}

.wf-product-card .wp-block-post-excerpt__more-link,
.wf-curated-grid .wf-post-excerpt a {
  color: var(--wf-modern-blue) !important;
}

/* Footer: professional navy instead of dark purple. */
.wf-footer {
  background: linear-gradient(180deg, #202c46 0%, #172138 100%) !important;
}

.wf-footer-card {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* IMPORTANT: keep the header exactly the same on posts as on the homepage. */
body.single-post .wf-site-header,
body.single .wf-site-header {
  background: rgba(255,255,255,.98) !important;
}

body.single-post .wf-home-btn .wp-block-button__link,
body.single .wf-home-btn .wp-block-button__link {
  background: #fff !important;
  color: var(--wf-modern-navy) !important;
  border: 1.5px solid var(--wf-modern-navy) !important;
  box-shadow: none !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700 !important;
}

body.single-post .wf-shop-btn .wp-block-button__link,
body.single .wf-shop-btn .wp-block-button__link {
  background: var(--wf-modern-gold) !important;
  color: var(--wf-modern-navy) !important;
  border: 1.5px solid var(--wf-modern-gold) !important;
  box-shadow: 0 7px 16px rgba(241,189,63,.20) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 750 !important;
}

/* Single product page typography and restrained accents. */
body.single-post .wp-block-post-title,
body.single .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
  color: var(--wf-modern-navy) !important;
}

body.single-post .wp-block-post-content a,
body.single .wp-block-post-content a,
body.single-post .entry-content a,
body.single .entry-content a {
  color: var(--wf-modern-blue) !important;
}

body.single-post .wp-block-post-content ul li::marker,
body.single .wp-block-post-content ul li::marker,
body.single-post .entry-content ul li::marker,
body.single .entry-content ul li::marker {
  color: var(--wf-modern-blue) !important;
}

/* Price: noticeable without screaming. */
body.single-post main .price,
body.single main .price,
body.single-post main [class*="price"],
body.single main [class*="price"],
body.single-post main [class*="Price"],
body.single main [class*="Price"],
body.single-post main .amount,
body.single main .amount,
body.single-post main .woocommerce-Price-amount,
body.single main .woocommerce-Price-amount {
  color: var(--wf-modern-teal) !important;
  font-weight: 800 !important;
}

/* BEST PRICE / shipping labels */
body.single-post main [class*="best"],
body.single main [class*="best"],
body.single-post main [class*="shipping"],
body.single main [class*="shipping"],
body.single-post main [class*="updated"],
body.single main [class*="updated"] {
  color: var(--wf-modern-gold-dark) !important;
}

/* Why-you'll-like-it and similar callouts: light blue/teal fields. */
body.single-post main [class*="why"],
body.single main [class*="why"],
body.single-post main [class*="benefit"],
body.single main [class*="benefit"],
body.single-post main [class*="summary"],
body.single main [class*="summary"] {
  background: var(--wf-modern-blue-soft) !important;
  border-color: #d8e3fb !important;
}

body.single-post main [class*="addon"],
body.single main [class*="addon"],
body.single-post main [class*="add-on"],
body.single main [class*="add-on"],
body.single-post main [class*="upsell"],
body.single main [class*="upsell"] {
  background: #fffaf0 !important;
  border-color: #ead9aa !important;
}

/* Modern product CTA. Scoped to MAIN so it cannot recolor header buttons. */
body.single-post main [class*="shop"] a,
body.single main [class*="shop"] a,
body.single-post main [class*="buy"] a,
body.single main [class*="buy"] a,
body.single-post main [class*="cta"] a,
body.single main [class*="cta"] a,
body.single-post main a.button,
body.single main a.button {
  background: var(--wf-modern-blue) !important;
  color: #fff !important;
  border: 1px solid var(--wf-modern-blue) !important;
  border-radius: 999px !important;
  padding: .9rem 1.7rem !important;
  box-shadow: 0 9px 20px rgba(47,95,208,.18) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .98rem !important;
  font-weight: 750 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  text-decoration: none !important;
}

body.single-post main [class*="shop"] a:hover,
body.single main [class*="shop"] a:hover,
body.single-post main [class*="buy"] a:hover,
body.single main [class*="buy"] a:hover,
body.single-post main [class*="cta"] a:hover,
body.single main [class*="cta"] a:hover,
body.single-post main a.button:hover,
body.single main a.button:hover {
  background: var(--wf-modern-blue-hover) !important;
  border-color: var(--wf-modern-blue-hover) !important;
  transform: translateY(-1px);
}

/* If the plugin prints the CTA as a button instead of an anchor. */
body.single-post main button[class*="shop"],
body.single main button[class*="shop"],
body.single-post main button[class*="buy"],
body.single main button[class*="buy"],
body.single-post main button[class*="cta"],
body.single main button[class*="cta"] {
  background: var(--wf-modern-blue) !important;
  color: #fff !important;
  border: 1px solid var(--wf-modern-blue) !important;
  border-radius: 999px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 750 !important;
}

/* Remove WordPress.com / Jetpack Share and Like controls from single posts. */
body.single-post #jp-post-flair,
body.single #jp-post-flair,
body.single-post .sharedaddy,
body.single .sharedaddy,
body.single-post .sd-sharing-enabled,
body.single .sd-sharing-enabled,
body.single-post .sd-like,
body.single .sd-like,
body.single-post .wpl-likebox,
body.single .wpl-likebox,
body.single-post .wpl-button,
body.single .wpl-button,
body.single-post .jp-sharing-input-touch,
body.single .jp-sharing-input-touch {
  display: none !important;
}


/* v12: refine single-post CTA + price colors */
body.single-post main .price,
body.single main .price,
body.single-post main [class*="price"],
body.single main [class*="price"],
body.single-post main [class*="Price"],
body.single main [class*="Price"],
body.single-post main .amount,
body.single main .amount,
body.single-post main .woocommerce-Price-amount,
body.single main .woocommerce-Price-amount {
  color: var(--wf-modern-blue) !important;
  font-weight: 800 !important;
}

body.single-post main [class*="shop"] a,
body.single main [class*="shop"] a,
body.single-post main [class*="buy"] a,
body.single main [class*="buy"] a,
body.single-post main [class*="cta"] a,
body.single main [class*="cta"] a,
body.single-post main a.button,
body.single main a.button,
body.single-post main button[class*="shop"],
body.single main button[class*="shop"],
body.single-post main button[class*="buy"],
body.single main button[class*="buy"],
body.single-post main button[class*="cta"],
body.single main button[class*="cta"] {
  background: var(--wf-modern-gold) !important;
  color: var(--wf-modern-navy) !important;
  border: 1px solid var(--wf-modern-gold) !important;
  box-shadow: 0 8px 18px rgba(241,189,63,.22) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
}

body.single-post main [class*="shop"] a:hover,
body.single main [class*="shop"] a:hover,
body.single-post main [class*="buy"] a:hover,
body.single main [class*="buy"] a:hover,
body.single-post main [class*="cta"] a:hover,
body.single main [class*="cta"] a:hover,
body.single-post main a.button:hover,
body.single main a.button:hover {
  background: #f5c731 !important;
  border-color: #f5c731 !important;
}


/* v13: single-post button/price/title + remove large featured image */
:root {
  --wf-single-blue: #3364d8;
  --wf-single-blue-hover: #2b57c0;
  --wf-single-gold: #d2a92f;
  --wf-single-gold-soft: #f7f0cf;
  --wf-single-title: #2f4e9f;
}

/* Add a touch of color to single post titles while keeping it professional */
body.single-post .wp-block-post-title,
body.single .wp-block-post-title,
body.single-post .entry-title,
body.single .entry-title {
  color: var(--wf-single-title) !important;
}

/* Price to gold */
body.single-post main .price,
body.single main .price,
body.single-post main [class*="price"],
body.single main [class*="price"],
body.single-post main [class*="Price"],
body.single main [class*="Price"],
body.single-post main .amount,
body.single main .amount,
body.single-post main .woocommerce-Price-amount,
body.single main .woocommerce-Price-amount {
  color: var(--wf-single-gold) !important;
  font-weight: 800 !important;
}

/* Small supporting labels near price */
body.single-post main [class*="best"],
body.single main [class*="best"],
body.single-post main [class*="shipping"],
body.single main [class*="shipping"],
body.single-post main [class*="updated"],
body.single main [class*="updated"] {
  color: #8b7a44 !important;
}

/* Shop This Find CTA blue */
body.single-post main [class*="shop"] a,
body.single main [class*="shop"] a,
body.single-post main [class*="buy"] a,
body.single main [class*="buy"] a,
body.single-post main [class*="cta"] a,
body.single main [class*="cta"] a,
body.single-post main a.button,
body.single main a.button,
body.single-post main button[class*="shop"],
body.single main button[class*="shop"],
body.single-post main button[class*="buy"],
body.single main button[class*="buy"],
body.single-post main button[class*="cta"],
body.single main button[class*="cta"] {
  background: var(--wf-single-blue) !important;
  color: #fff !important;
  border: 1px solid var(--wf-single-blue) !important;
  box-shadow: 0 10px 22px rgba(51,100,216,.18) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

body.single-post main [class*="shop"] a:hover,
body.single main [class*="shop"] a:hover,
body.single-post main [class*="buy"] a:hover,
body.single main [class*="buy"] a:hover,
body.single-post main [class*="cta"] a:hover,
body.single main [class*="cta"] a:hover,
body.single-post main a.button:hover,
body.single main a.button:hover {
  background: var(--wf-single-blue-hover) !important;
  border-color: var(--wf-single-blue-hover) !important;
}

/* Keep highlight boxes soft and professional */
body.single-post main [class*="why"],
body.single main [class*="why"],
body.single-post main [class*="benefit"],
body.single main [class*="benefit"],
body.single-post main [class*="summary"],
body.single main [class*="summary"] {
  background: #f5f7fd !important;
  border-color: #d9e1f7 !important;
}

body.single-post main [class*="addon"],
body.single main [class*="addon"],
body.single-post main [class*="add-on"],
body.single main [class*="add-on"],
body.single-post main [class*="upsell"],
body.single main [class*="upsell"] {
  background: #fffaf1 !important;
  border-color: #ebddb2 !important;
}


/* v14: tighten single-post spacing and cleanup after duplicate title removal */
body.single-post main.wp-block-group,
body.single main.wp-block-group {
  padding-top: 26px !important;
  padding-bottom: 42px !important;
}

body.single-post main > .wp-block-post-title,
body.single main > .wp-block-post-title,
body.single-post main > .entry-title,
body.single main > .entry-title {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.1 !important;
}

body.single-post main > .wp-block-post-content,
body.single main > .wp-block-post-content,
body.single-post main > .entry-content,
body.single main > .entry-content {
  margin-top: 0 !important;
}

body.single-post main > .wp-block-post-content > *:first-child,
body.single main > .wp-block-post-content > *:first-child,
body.single-post main > .entry-content > *:first-child,
body.single main > .entry-content > *:first-child {
  margin-top: 0 !important;
}


/* v15: slimmer single-post price + soft header background */
.wf-site-header {
  background: linear-gradient(180deg, #f7f9fd 0%, #eef3fb 100%) !important;
  border-bottom: 1px solid #dbe5f5 !important;
  box-shadow: 0 1px 0 rgba(31, 55, 98, 0.04);
}

.wf-header-top {
  background: transparent !important;
}

.wf-category-bar {
  background: linear-gradient(180deg, #f3f6fb 0%, #edf2f9 100%) !important;
  border-top: 1px solid #dde5f2 !important;
  border-bottom: 1px solid #dde5f2 !important;
}

.wf-category-bar .wp-block-navigation-item__content {
  background: rgba(53, 100, 216, 0.05) !important;
}

/* keep single-post header identical */
body.single-post .wf-site-header,
body.single .wf-site-header {
  background: linear-gradient(180deg, #f7f9fd 0%, #eef3fb 100%) !important;
  border-bottom: 1px solid #dbe5f5 !important;
}

/* make price a bit slimmer / less bulky */
body.single-post main .price,
body.single main .price,
body.single-post main [class*="price"],
body.single main [class*="price"],
body.single-post main [class*="Price"],
body.single main [class*="Price"],
body.single-post main .amount,
body.single main .amount,
body.single-post main .woocommerce-Price-amount,
body.single main .woocommerce-Price-amount {
  color: var(--wf-single-gold) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* specifically tone down oversized numeric price displays */
body.single-post main [class*="price"] strong,
body.single main [class*="price"] strong,
body.single-post main [class*="Price"] strong,
body.single main [class*="Price"] strong,
body.single-post main .amount,
body.single main .amount,
body.single-post main .woocommerce-Price-amount,
body.single main .woocommerce-Price-amount {
  font-size: clamp(2.7rem, 4.8vw, 4rem) !important;
  line-height: 0.98 !important;
}

body.single-post main [class*="best"],
body.single main [class*="best"] {
  letter-spacing: 0.1em !important;
}


/* v16: match single-post price gold exactly to the Shop All button gold */
:root {
  --wf-single-gold: var(--wf-modern-gold);
}

body.single-post main .price,
body.single main .price,
body.single-post main [class*="price"],
body.single main [class*="price"],
body.single-post main [class*="Price"],
body.single main [class*="Price"],
body.single-post main .amount,
body.single main .amount,
body.single-post main .woocommerce-Price-amount,
body.single main .woocommerce-Price-amount {
  color: var(--wf-modern-gold) !important;
}

body.single-post main [class*="best"],
body.single main [class*="best"],
body.single-post main [class*="shipping"],
body.single main [class*="shipping"],
body.single-post main [class*="updated"],
body.single main [class*="updated"] {
  color: var(--wf-modern-gold-dark) !important;
}


/* v17: clean, modern Useful Add-ons section */
body.single-post main [class*="addon"],
body.single main [class*="addon"],
body.single-post main [class*="add-on"],
body.single main [class*="add-on"],
body.single-post main [class*="upsell"],
body.single main [class*="upsell"] {
  background: #f8fafc !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

/* remove excessive nested borders/backgrounds inside add-on area */
body.single-post main [class*="addon"] [class*="addon"],
body.single main [class*="addon"] [class*="addon"],
body.single-post main [class*="add-on"] [class*="add-on"],
body.single main [class*="add-on"] [class*="add-on"],
body.single-post main [class*="upsell"] [class*="upsell"],
body.single main [class*="upsell"] [class*="upsell"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* headings and item names */
body.single-post main [class*="addon"] h2,
body.single main [class*="addon"] h2,
body.single-post main [class*="addon"] h3,
body.single main [class*="addon"] h3,
body.single-post main [class*="addon"] strong,
body.single main [class*="addon"] strong,
body.single-post main [class*="add-on"] h2,
body.single main [class*="add-on"] h2,
body.single-post main [class*="add-on"] h3,
body.single main [class*="add-on"] h3,
body.single-post main [class*="add-on"] strong,
body.single main [class*="add-on"] strong {
  color: var(--wf-modern-navy) !important;
}

/* add-on price matches site gold but stays restrained */
body.single-post main [class*="addon"] [class*="price"],
body.single main [class*="addon"] [class*="price"],
body.single-post main [class*="add-on"] [class*="price"],
body.single main [class*="add-on"] [class*="price"],
body.single-post main [class*="upsell"] [class*="price"],
body.single main [class*="upsell"] [class*="price"] {
  color: var(--wf-modern-gold) !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}

/* add-on CTA becomes a compact blue pill */
body.single-post main [class*="addon"] a,
body.single main [class*="addon"] a,
body.single-post main [class*="add-on"] a,
body.single main [class*="add-on"] a,
body.single-post main [class*="upsell"] a,
body.single main [class*="upsell"] a {
  text-decoration: none !important;
}

body.single-post main [class*="addon"] a[class*="button"],
body.single main [class*="addon"] a[class*="button"],
body.single-post main [class*="add-on"] a[class*="button"],
body.single main [class*="add-on"] a[class*="button"],
body.single-post main [class*="upsell"] a[class*="button"],
body.single main [class*="upsell"] a[class*="button"],
body.single-post main [class*="addon"] button,
body.single main [class*="addon"] button,
body.single-post main [class*="add-on"] button,
body.single main [class*="add-on"] button,
body.single-post main [class*="upsell"] button,
body.single main [class*="upsell"] button {
  background: var(--wf-modern-blue) !important;
  color: #fff !important;
  border: 1px solid var(--wf-modern-blue) !important;
  border-radius: 999px !important;
  padding: .6rem 1rem !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 14px rgba(47,95,208,.14) !important;
}


/* v18: prevent clipped heading in Similar Options / related sections */
body.single-post main [class*="similar"],
body.single main [class*="similar"],
body.single-post main [class*="related"],
body.single main [class*="related"],
body.single-post main [class*="option"],
body.single main [class*="option"] {
  overflow: visible !important;
}

body.single-post main [class*="similar"] h1,
body.single-post main [class*="similar"] h2,
body.single-post main [class*="similar"] h3,
body.single-post main [class*="similar"] h4,
body.single-post main [class*="related"] h1,
body.single-post main [class*="related"] h2,
body.single-post main [class*="related"] h3,
body.single-post main [class*="related"] h4,
body.single-post main [class*="option"] h1,
body.single-post main [class*="option"] h2,
body.single-post main [class*="option"] h3,
body.single-post main [class*="option"] h4,
body.single main [class*="similar"] h1,
body.single main [class*="similar"] h2,
body.single main [class*="similar"] h3,
body.single main [class*="similar"] h4,
body.single main [class*="related"] h1,
body.single main [class*="related"] h2,
body.single main [class*="related"] h3,
body.single main [class*="related"] h4,
body.single main [class*="option"] h1,
body.single main [class*="option"] h2,
body.single main [class*="option"] h3,
body.single main [class*="option"] h4 {
  overflow: visible !important;
  text-indent: 0 !important;
  margin-left: 0 !important;
  padding-left: 10px !important;
  letter-spacing: 0.06em !important;
}

/* give the card row a tiny inset so first heading letter never hugs the edge */
body.single-post main [class*="similar"],
body.single main [class*="similar"],
body.single-post main [class*="related"],
body.single main [class*="related"] {
  padding-left: 10px !important;
}


/* v19: polished buttons for Similar Options cards */
body.single-post main [class*="similar"] a[class*="button"],
body.single main [class*="similar"] a[class*="button"],
body.single-post main [class*="related"] a[class*="button"],
body.single main [class*="related"] a[class*="button"],
body.single-post main [class*="option"] a[class*="button"],
body.single main [class*="option"] a[class*="button"],
body.single-post main [class*="similar"] button,
body.single main [class*="similar"] button,
body.single-post main [class*="related"] button,
body.single main [class*="related"] button,
body.single-post main [class*="option"] button,
body.single main [class*="option"] button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .78rem 1.25rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--wf-modern-blue) !important;
  background: linear-gradient(180deg, #3f72e2 0%, var(--wf-modern-blue) 100%) !important;
  color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .92rem !important;
  font-weight: 750 !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(47,95,208,.16) !important;
}

body.single-post main [class*="similar"] a[class*="button"]:hover,
body.single main [class*="similar"] a[class*="button"]:hover,
body.single-post main [class*="related"] a[class*="button"]:hover,
body.single main [class*="related"] a[class*="button"]:hover,
body.single-post main [class*="option"] a[class*="button"]:hover,
body.single main [class*="option"] a[class*="button"]:hover,
body.single-post main [class*="similar"] button:hover,
body.single main [class*="similar"] button:hover,
body.single-post main [class*="related"] button:hover,
body.single main [class*="related"] button:hover,
body.single-post main [class*="option"] button:hover,
body.single main [class*="option"] button:hover {
  background: linear-gradient(180deg, #3567d5 0%, var(--wf-modern-blue-hover) 100%) !important;
  border-color: var(--wf-modern-blue-hover) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(47,95,208,.2) !important;
}