/* Hide Elementor/Ogeko theme duplicate widgets */
.single-post .elementor-widget-theme-post-title { display: none !important; }
.single-post .post-author { display: none !important; }/* (removed wp-post-image hide) */
/* Hero — brand blue with V watermark */
.vshr-blog-hero {
  background: #2170b5;
  padding: 36px 24px 32px;
  position: relative; overflow: hidden;
  border-radius: 0 0 20px 20px;
}
.vshr-blog-hero::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(170deg, rgba(255,255,255,0.08) 0%, transparent 40%, rgba(0,0,0,0.1) 100%);
  pointer-events: none;
}
.vshr-blog-hero::after {
  content: ""; position: absolute;
  right: 3%; top: 50%; transform: translateY(-50%);
  width: clamp(140px, 26%, 260px); aspect-ratio: 114.3 / 184.2;
  background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 114.3 184.2%27%3E%3Cg fill=%27white%27%3E%3Cpath d=%27M0,0l28.1,76.8l5.8,17.6c21.5-8.1,51.1-13.2,69.6-15.9h0.1l10.7-28.2C70.9,102.1,22.1,55,0,0z%27/%3E%3Cpath d=%27M42.4,119.8l2.8,8.5c16.1-16.8,37-33.5,55.9-47.1C83.1,90,61,102.9,42.4,119.8z%27/%3E%3Cpath d=%27M51,145.9l12.7,38.3L101.2,85C83,101.2,63.5,122.1,51,145.9z%27/%3E%3Cpath d=%27M38.8,109.1c20.7-12,44-22.3,62.7-29.8c-18.1,3.6-45.4,10.8-64.4,24.6L38.8,109.1z%27/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
  opacity: 0.12; pointer-events: none;
  filter: drop-shadow(0 2px 12px rgba(0,0,0,0.12));
  z-index: 1;
}
.vshr-blog-hero .hero-inner {
  max-width: 760px; margin: 0 auto;
  position: relative; z-index: 2;
}
.vshr-blog-hero .hero-badge {
  display: inline-flex; align-items: center; gap: 7px;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: #fff; font-size: 11px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 1.4px;
  padding: 6px 14px; border-radius: 100px; margin-bottom: 14px;
}
.vshr-blog-hero h1 {
  font-family: "Work Sans", system-ui, sans-serif;
  font-size: clamp(22px, 3.4vw, 32px); font-weight: 700;
  color: #fff; line-height: 1.22; margin-bottom: 12px;
  max-width: 680px; letter-spacing: -0.02em;
}
.vshr-blog-hero .hero-meta {
  display: flex; flex-wrap: wrap; gap: 16px;
  align-items: center; color: rgba(255,255,255,0.85); font-size: 13px;
}
.vshr-blog-hero .hero-meta-sep { opacity: 0.5; }
/* CTA sub-text contrast fix */
.vshr-blog .cta-section p[style] { color: rgba(255,255,255,0.7) !important; }
/* ── Typography & Spacing ── */
.vshr-blog { color: #000000 !important; font-family: 'Work Sans', system-ui, sans-serif; }
.vshr-blog p { color: #000000 !important; font-size: 17px; line-height: 1.78; margin-bottom: 20px; }
.vshr-blog.vshr-blog h2,
.vshr-blog.vshr-blog h2 * {
  color: #000000 !important; font-size: 26px; font-weight: 700;
  line-height: 1.18 !important; letter-spacing: -0.01em;
}
.vshr-blog h2 {
  margin: 44px 0 14px; padding-left: 0 !important;
  position: relative;
}
.vshr-blog h2::before { display: none !important; }
.vshr-blog h2:first-of-type { margin-top: 0; }
.vshr-blog.vshr-blog h3 { color: #000000 !important; font-size: 17px; font-weight: 700; line-height: 1.25 !important; }
.vshr-blog ul, .vshr-blog ol { color: #000000 !important; margin: 0 0 16px; padding-left: 24px; font-size: 17px; line-height: 1.7; }
.vshr-blog li { color: #000000 !important; margin-bottom: 3px; }
.vshr-blog li::marker { color: #2170b5; }
.vshr-blog a { color: #0a92d0 !important; text-decoration: underline; text-decoration-color: rgba(10,146,208,0.3); text-underline-offset: 3px; }
.vshr-blog a:hover { color: #2170b5 !important; text-decoration-color: #2170b5; }
.vshr-blog .lead {
  font-size: 18px; color: #000000 !important; line-height: 1.8;
  margin-bottom: 28px; border-left: none !important; padding-left: 0 !important;
}
.vshr-blog.vshr-blog strong { color: #000000 !important; }
/* ── Table of Contents ── */
.vshr-blog .toc {
  background: #f8f9fb !important; border: 1px solid #edf0f5 !important;
  border-radius: 10px; padding: 18px 22px; margin-bottom: 32px;
}
.vshr-blog .toc h4 { color: #2170b5 !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.8px; margin-bottom: 10px; }
.vshr-blog .toc ol { list-style: none !important; counter-reset: toc-counter; padding-left: 0 !important; margin-bottom: 0; }
.vshr-blog .toc li { counter-increment: toc-counter; margin-bottom: 2px; }
.vshr-blog .toc li a { color: #5f6d7e !important; font-size: 14px; font-weight: 500; text-decoration: none !important; display: flex; align-items: center; gap: 8px; padding: 2px 6px 2px 0; line-height: 1.4; }
.vshr-blog .toc li a::before { content: counter(toc-counter, decimal-leading-zero); font-size: 12px; font-weight: 700; color: #0a92d0; min-width: 20px; }
.vshr-blog .toc li a:hover { color: #2170b5 !important; }
/* ── Insight Boxes (accent bar here) ── */
.vshr-blog .insight-box {
  background: #f8f9fb !important; border-left: none !important;
  border-radius: 0 10px 10px 0; padding: 16px 20px 16px 24px;
  margin: 24px 0; position: relative; overflow: hidden;
}
.vshr-blog .insight-box::after {
  content: '' !important; position: absolute !important; left: 0; top: 0; bottom: 0;
  width: 5px; display: block !important;
  background: linear-gradient(180deg, #2170b5, #0a92d0, #ea1c72) !important;
}
.vshr-blog .insight-box .label { color: #2170b5 !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.6px; margin-bottom: 6px; }
.vshr-blog .insight-box p { color: #000000 !important; font-size: 15px; line-height: 1.65; margin-bottom: 0; }
.vshr-blog .insight-box + .insight-box { margin-top: 8px; }
/* ── Checklist Cards (accent bar here) ── */
.vshr-blog .checklist-card {
  background: #ffffff !important; border: 1px solid #dce1e8 !important;
  border-left: none !important; border-radius: 10px;
  padding: 32px 32px 32px 36px; margin: 32px 0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  position: relative; overflow: hidden;
}
.vshr-blog .checklist-card::before {
  content: '' !important; position: absolute !important; left: 0; top: 0; bottom: 0;
  width: 5px; display: block !important;
  background: linear-gradient(180deg, #2170b5 0%, #0a92d0 40%, #ea1c72 100%) !important;
  border-radius: 10px 0 0 10px;
}
.vshr-blog .checklist-card h3 { color: #000000 !important; font-size: 17px; font-weight: 700; margin-bottom: 24px; display: flex; align-items: center; gap: 10px; }
.vshr-blog .checklist-card h3 .icon-circle { background: #edf4fb !important; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.vshr-blog .checklist-card h3 svg { color: #2170b5 !important; width: 15px; height: 15px; }
.vshr-blog .check-item { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #edf0f5 !important; align-items: flex-start; }
.vshr-blog .check-item:last-child { border-bottom: none !important; padding-bottom: 0; }
.vshr-blog .check-num { background: #2170b5 !important; color: #fff !important; width: 28px; height: 28px; border-radius: 50%; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }
.vshr-blog .check-content strong { color: #000000 !important; display: block; font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.vshr-blog .check-content span { color: #5f6d7e !important; font-size: 15px; line-height: 1.65; }
/* ── CTA Sections ── */
.vshr-blog .cta-section {
  background: #1a2a40 !important; border-radius: 16px;
  padding: 44px 36px; margin: 48px 0 0; text-align: center;
  position: relative; overflow: hidden;
}
.vshr-blog .cta-section::before {
  content: '' !important; position: absolute !important; inset: 0;
  background: linear-gradient(135deg, rgba(33,112,181,0.15) 0%, rgba(234,28,114,0.08) 100%);
  display: block !important;
}
.vshr-blog .cta-section::after {
  content: '' !important; position: absolute !important;
  top: -30%; right: -15%; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(234,28,114,0.08) 0%, transparent 70%);
  display: block !important;
}
.vshr-blog .cta-section h3 { color: #fff !important; font-size: 24px; font-weight: 700; margin-bottom: 12px; position: relative; z-index: 1; line-height: 1.2 !important; }
.vshr-blog .cta-section p { color: rgba(255,255,255,0.65) !important; font-size: 15px; margin-bottom: 28px; max-width: 480px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; line-height: 1.65; }
.vshr-blog .cta-section .cta-btn {
  display: inline-flex; align-items: center; gap: 8px;
  color: #fff !important; background: #ea1c72 !important;
  font-weight: 700; font-size: 15px; padding: 14px 32px;
  border-radius: 6px; text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(234,28,114,0.25);
  position: relative; z-index: 1; cursor: pointer; border: none; font-family: inherit;
}
.vshr-blog .cta-section .cta-btn:hover { background: #d0186a !important; }
.vshr-blog .cta-section .cta-btn svg { width: 16px; height: 16px; }
/* ── FAQ ── */
.vshr-blog .faq-section { margin-top: 52px; padding-top: 44px; border-top: 1px solid #dce1e8; }
.vshr-blog .faq-section h2 { padding-left: 0 !important; text-align: center; margin-bottom: 32px; }
.vshr-blog .faq-section h2::before { display: none !important; }
.vshr-blog .faq-item { border: 1px solid #edf0f5 !important; border-radius: 10px; margin-bottom: 10px; overflow: hidden; background: #ffffff !important; }
.vshr-blog .faq-item:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.06); border-color: #dce1e8 !important; }
.vshr-blog .faq-item.active { border-color: #2170b5 !important; box-shadow: 0 2px 10px rgba(33,112,181,0.08); }
.vshr-blog .faq-question { width: 100%; border: none; background: #ffffff !important; padding: 20px 24px; font-size: 15px; font-weight: 600; color: #000000 !important; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 14px; text-align: left; font-family: inherit; line-height: 1.4; }
.vshr-blog .faq-question:hover { background: #f8f9fb !important; }
.vshr-blog .faq-question svg { flex-shrink: 0; width: 18px; height: 18px; color: #2170b5; }
.vshr-blog .faq-item.active .faq-question { background: #f8f9fb !important; }
.vshr-blog .faq-answer-inner { padding: 0 24px 20px; font-size: 15px; color: #000000 !important; line-height: 1.72; }
/* ── Author Card ── */
.vshr-blog .author-card {
  display: flex; gap: 20px; align-items: center;
  background: #f8f9fb !important; border-radius: 10px;
  padding: 28px; margin-top: 48px; border: 1px solid #edf0f5 !important;
}
.vshr-blog .author-card-avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex-shrink: 0; box-shadow: 0 2px 8px rgba(33,112,181,0.15); }
.vshr-blog .author-card h4 { color: #000000 !important; font-size: 16px; font-weight: 700; margin-bottom: 2px; }
.vshr-blog .author-card .role { color: #2170b5 !important; font-size: 13px; font-weight: 600; margin-bottom: 8px; }
.vshr-blog .author-card p { color: #5f6d7e !important; font-size: 14px; line-height: 1.6; margin-bottom: 0 !important; }
/* Responsive */
@media (max-width: 640px) {
  .vshr-blog-hero { padding: 28px 20px 24px; }
  .vshr-blog-hero h1 { font-size: 22px; }
  .vshr-blog-hero::after { right: -4%; width: 90px; opacity: 0.08; }
  .vshr-blog .checklist-card { padding: 20px 18px; }
  .vshr-blog .cta-section { padding: 32px 20px; }
  .vshr-blog .author-card { flex-direction: column; text-align: center; }
  .vshr-blog .toc { padding: 16px 14px; }
  .vshr-blog .insight-box { padding: 16px 16px; }
}
/* HubSpot meeting modal */
.vshr-meeting-overlay {
  display: none; position: fixed; inset: 0; z-index: 999999;
  background: rgba(0,0,0,0.6); align-items: center; justify-content: center;
}
.vshr-meeting-overlay.active { display: flex; }
.vshr-meeting-modal {
  background: #fff; border-radius: 16px; width: 94%; max-width: 720px;
  max-height: 90vh; overflow: hidden; position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.vshr-meeting-modal-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px; border-bottom: 1px solid #e5e7eb;
}
.vshr-meeting-modal-header h3 {
  margin: 0; font-size: 16px; font-weight: 600; color: #1a2a40;
}
.vshr-meeting-close {
  background: none; border: none; cursor: pointer;
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: #6b7280; font-size: 20px; line-height: 1;
}
.vshr-meeting-close:hover { background: #f3f4f6; color: #1a2a40; }
.vshr-meeting-modal-body {
  padding: 0; min-height: 580px;
}
.vshr-meeting-modal-body .meetings-iframe-container { min-height: 580px; }
/* Disclaimer — improved contrast */
.vshr-disclaimer {
  margin-top: 48px; padding: 16px 20px;
  background: #f9fafb; border-radius: 10px; border: 1px solid #e5e7eb;
  font-size: 11.5px !important; line-height: 1.65; color: #6b7280 !important;
}
.vshr-disclaimer p { margin: 0 !important; font-size: 11.5px !important; color: #6b7280 !important; }
.vshr-disclaimer strong { color: #4b5563 !important; }
button.cta-btn { border: none; font-family: inherit; cursor: pointer; }