/* ==========================================================================
   WCART Blog — brand polish (wcart.io violet→blue identity)
   Global CTA rules load site-wide; article rules scoped to single posts.
   Reversible: delete mu-plugin wcart-blog-ui to revert.
   ========================================================================== */
:root{
  --wc-grad: linear-gradient(120deg,#7c3aed 0%,#0284c7 100%);
  --wc-grad-h: linear-gradient(120deg,#6d28d9 0%,#0369a1 100%);
  --wc-violet:#7c3aed; --wc-violet-d:#6d28d9;
  --wc-blue:#0284c7;   --wc-blue-d:#0369a1;
  --wc-ink:#111827;    --wc-body:#374151;
  --wc-lav:#f5f3ff;    --wc-lav-2:#eef2ff;
}

/* ---- GLOBAL: brand the CTA buttons everywhere -------------------------- */
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content,
.wp-block-button.sidebar-btn .wp-block-button__link{
  background:var(--wc-grad) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(124,58,237,.32) !important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease !important;
}
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content{ padding:12px 26px !important; }
.wp-block-navigation-item.top-menu > .wp-block-navigation-item__content:hover,
.wp-block-button.sidebar-btn .wp-block-button__link:hover{
  background:var(--wc-grad-h) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 32px rgba(124,58,237,.44) !important;
  color:#fff !important;
}

/* ======================================================================== */
/* ARTICLE (single posts)                                                   */
/* ======================================================================== */
.single-post .entry-content{
  font-size:1.08rem; line-height:1.8; color:var(--wc-body); max-width:820px;
}
.single-post .entry-content > p{ margin:0 0 1.25em; }
.single-post .entry-content > p:first-of-type{ font-size:1.2rem; line-height:1.7; color:#334155; }

/* Headings */
.single-post .entry-content h2{
  font-size:1.95rem; line-height:1.25; font-weight:800; color:var(--wc-ink);
  margin:2.5em 0 .7em; padding-bottom:.4em; letter-spacing:-.015em;
  border-bottom:2px solid #eef1f6;
}
.single-post .entry-content h2::after{
  content:""; display:block; width:66px; height:4px; border-radius:4px;
  background:var(--wc-grad); margin-top:.5em; margin-bottom:-.42em;
}
.single-post .entry-content h3{ font-size:1.35rem; font-weight:700; color:var(--wc-violet-d); margin:1.9em 0 .5em; }
.single-post .entry-content h4{ font-size:1.12rem; font-weight:700; color:var(--wc-ink); margin:1.4em 0 .4em; }

/* Links */
.single-post .entry-content a{
  color:var(--wc-blue-d); text-decoration:none;
  border-bottom:1px solid rgba(3,105,161,.30); transition:border-color .15s, color .15s;
}
.single-post .entry-content a:hover{ color:var(--wc-violet-d); border-bottom-color:var(--wc-violet-d); }

/* Lists — brand check markers (scoped to CONTENT lists only, not the TOC) */
.single-post .entry-content ul.wp-block-list{ margin:0 0 1.4em; padding-left:0 !important; list-style:none !important; }
.single-post .entry-content ul.wp-block-list > li{
  list-style:none !important; position:relative;
  padding-left:2em !important; margin:.55em 0; text-indent:0;
}
.single-post .entry-content ul.wp-block-list > li::before{
  content:""; position:absolute; left:0; top:.24em; width:1.25em; height:1.25em;
  background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='%237c3aed'/><path d='M17.4 8.1l-6.95 6.95-2.8-2.8-1.4 1.4 4.2 4.2 8.35-8.35z' fill='white'/></svg>") center/contain no-repeat;
}
.single-post .entry-content ol.wp-block-list{ margin:0 0 1.4em; padding-left:1.4em; }
.single-post .entry-content ol.wp-block-list > li{ margin:.55em 0; padding-left:.3em; }
.single-post .entry-content ol.wp-block-list > li::marker{ color:var(--wc-violet-d); font-weight:700; }

/* Images */
.single-post .entry-content img{ border-radius:16px; box-shadow:0 14px 36px rgba(17,24,39,.12); margin:1.3em 0; }

/* Blockquote / callout */
.single-post .entry-content blockquote{
  border-left:4px solid var(--wc-violet); background:var(--wc-lav);
  margin:1.7em 0; padding:1em 1.35em; border-radius:12px; color:#3f3d56;
}

/* Tables */
.single-post .entry-content figure.wp-block-table,
.single-post .entry-content .wp-block-table{
  margin:2em 0; overflow-x:auto; -webkit-overflow-scrolling:touch;
  border-radius:18px; box-shadow:0 18px 44px rgba(76,29,149,.14);
  border:1px solid #e9e6f7;
}
.single-post .entry-content table{
  width:100%; min-width:660px; table-layout:fixed;
  border-collapse:collapse; border-spacing:0; font-size:.98rem;
  background:#fff; margin:0; border:0;
}
.single-post .entry-content table td,
.single-post .entry-content table th{
  padding:14px 16px; border:0; border-bottom:1px solid #eef1f6;
  vertical-align:top; color:#33384c; text-align:left;
  word-break:break-word; overflow-wrap:anywhere;
}
.single-post .entry-content table tr:first-child td,
.single-post .entry-content table thead td,
.single-post .entry-content table th{
  background:var(--wc-grad); color:#fff; font-weight:700; font-size:.76rem;
  letter-spacing:.02em; line-height:1.3; text-transform:uppercase;
  border-bottom:0; white-space:normal; vertical-align:middle;
}
.single-post .entry-content table tr:first-child td strong{ color:#fff; }
.single-post .entry-content table tbody tr:nth-child(even) td{ background:#f8f8fd; }
.single-post .entry-content table tbody tr:hover td{ background:var(--wc-lav-2); }
.single-post .entry-content table tr:last-child td{ border-bottom:0; }
/* WCART's own row — brand-tinted highlight */
.single-post .entry-content table tr.wcart-row td{
  background:var(--wc-lav) !important; box-shadow:inset 4px 0 0 var(--wc-violet);
}
.single-post .entry-content table tr.wcart-row td:first-child strong{ color:var(--wc-violet-d); }

/* In-content buttons */
.single-post .entry-content .wp-block-button__link{
  background:var(--wc-grad); color:#fff; border-radius:12px; padding:.9em 1.8em; font-weight:700;
  box-shadow:0 10px 24px rgba(124,58,237,.30); transition:transform .16s, box-shadow .16s;
}
.single-post .entry-content .wp-block-button__link:hover{
  transform:translateY(-2px); box-shadow:0 16px 32px rgba(124,58,237,.44);
}

/* FAQ spacing */
.single-post .entry-content h3 + p{ margin-top:.2em; }