/* ============================================================
   CENTERSPREAD v6.0 — HOMEPAGE + HEADER FIXES
============================================================ */

/* 3) Homepage capability bullets stay on one line.
      On narrow screens they remain one line and scroll horizontally. */
.cs-home-v11 .framer-ZdxV7 .framer-8nfpns{
  flex-flow:row nowrap !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:22px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding-bottom:3px !important;
}
.cs-home-v11 .framer-ZdxV7 .framer-8nfpns::-webkit-scrollbar{
  display:none;
}
.cs-home-v11 .framer-ZdxV7 .framer-8nfpns > *{
  flex:0 0 auto !important;
  min-width:max-content !important;
}
.cs-home-v11 .framer-ZdxV7 .framer-8nfpns p{
  white-space:nowrap !important;
}

/* 4) Match FRACTIONAL GROWTH PARTNER to the main CENTERSPREAD purple. */
.cs-global-header .header-tagline strong{
  color:var(--v41-purple,#8d1d92) !important;
}

/* 5) Homepage Strategy Call CTA — prevent the right note from clipping. */
@media(min-width:901px){
  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71{
    display:grid !important;
    grid-template-columns:
      64px
      minmax(210px,250px)
      1px
      minmax(235px,1fr)
      minmax(190px,210px)
      minmax(125px,155px) !important;
    gap:17px !important;
    align-items:center !important;
    justify-content:stretch !important;
    padding:20px 26px !important;
    overflow:hidden !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > *{
    min-width:0 !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-jasys3{
    width:64px !important;
    height:64px !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-u6ybpx,
  .cs-home-v11 .framer-ZdxV7 .framer-6oyelj,
  .cs-home-v11 .framer-ZdxV7 .framer-uh7gqj{
    width:auto !important;
    min-width:0 !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1wnha53{
    width:auto !important;
    min-width:190px !important;
    max-width:210px !important;
    padding-inline:18px !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-uh7gqj p{
    font-size:12px !important;
    line-height:1.25 !important;
  }
}

@media(max-width:900px){
  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71{
    display:grid !important;
    grid-template-columns:56px minmax(0,1fr) !important;
    gap:14px 18px !important;
    align-items:center !important;
    padding:22px !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > :nth-child(2),
  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > :nth-child(4),
  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > :nth-child(5),
  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > :nth-child(6){
    grid-column:2 !important;
    min-width:0 !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > :nth-child(3){
    display:none !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-u6ybpx,
  .cs-home-v11 .framer-ZdxV7 .framer-6oyelj,
  .cs-home-v11 .framer-ZdxV7 .framer-uh7gqj{
    width:auto !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1wnha53{
    width:max-content !important;
    max-width:100% !important;
  }
}

@media(max-width:560px){
  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1bi7m71 > *{
    grid-column:1 !important;
    justify-self:center !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-jasys3{
    display:none !important;
  }

  .cs-home-v11 .framer-ZdxV7 .framer-1wnha53{
    width:100% !important;
    max-width:320px !important;
  }
}

/* ============================================================
   BLOG SOCIAL SHARE WIDGET
============================================================ */
.cs-article-share{
  margin:48px 0 18px;
  padding:22px;
  border:1px solid rgba(142,33,146,.12);
  border-radius:20px;
  background:
    radial-gradient(circle at 96% 10%,rgba(241,92,36,.07),transparent 28%),
    linear-gradient(135deg,#fbf8fc,#fff);
  box-shadow:0 12px 32px rgba(40,21,47,.055);
}

.cs-article-share__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:15px;
}

.cs-article-share__head strong{
  font-size:18px;
  line-height:1.2;
  color:#16151c;
}

.cs-article-share__head span{
  font-size:12px;
  color:#777b85;
}

.cs-article-share__buttons{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.cs-article-share__button{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid #e8e0ea;
  border-radius:999px;
  background:#fff;
  color:#3d3d46;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none !important;
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease;
}

.cs-article-share__button svg{
  width:17px;
  height:17px;
  flex:none;
}

.cs-article-share__button:hover{
  transform:translateY(-2px);
  border-color:rgba(142,33,146,.28);
  color:#8d1d92;
  box-shadow:0 8px 18px rgba(72,28,82,.08);
}

.cs-share-status{
  min-height:18px;
  margin-top:10px;
  color:#8d1d92;
  font-size:12px;
  font-weight:700;
}

@media(max-width:620px){
  .cs-article-share{
    margin-top:36px;
    padding:18px 14px;
  }

  .cs-article-share__head{
    display:block;
  }

  .cs-article-share__head span{
    display:block;
    margin-top:5px;
  }

  .cs-article-share__buttons{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cs-article-share__button{
    width:100%;
    padding-inline:10px;
  }
}

@media(max-width:360px){
  .cs-article-share__buttons{
    grid-template-columns:1fr;
  }
}


/* ============================================================
   V6.4 — SOCIAL SHARE LOGOS + TOP/BOTTOM PLACEMENT
============================================================ */

.cs-article-share--top{
  margin-top:18px !important;
  margin-bottom:34px !important;
  padding:18px 20px !important;
}

.cs-article-share--bottom{
  margin-top:48px !important;
}

.cs-share-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  flex:0 0 20px !important;
}

.cs-share-icon svg{
  display:block !important;
  width:19px !important;
  height:19px !important;
}

/* Recognizable brand colors while preserving CENTERSPREAD's white pills. */
.cs-share-linkedin .cs-share-icon{color:#0A66C2}
.cs-share-whatsapp .cs-share-icon{color:#25D366}
.cs-share-facebook .cs-share-icon{color:#1877F2}
.cs-share-instagram .cs-share-icon{color:#C13584}
.cs-share-x .cs-share-icon{color:#111}
.cs-share-reddit .cs-share-icon{color:#FF4500}

.cs-article-share__button{
  gap:8px !important;
}

.cs-article-share__button:hover .cs-share-icon{
  transform:scale(1.08);
}

.cs-share-icon{
  transition:transform .22s ease;
}

/* Top widget is intentionally slightly more compact. */
.cs-article-share--top .cs-article-share__head{
  margin-bottom:12px !important;
}

.cs-article-share--top .cs-article-share__head strong{
  font-size:16px !important;
}

.cs-article-share--top .cs-article-share__button{
  min-height:40px !important;
  padding-inline:13px !important;
}

@media(max-width:620px){
  .cs-article-share--top{
    margin-top:14px !important;
    margin-bottom:28px !important;
    padding:16px 13px !important;
  }

  .cs-share-icon{
    width:19px !important;
    height:19px !important;
    flex-basis:19px !important;
  }

  .cs-share-icon svg{
    width:18px !important;
    height:18px !important;
  }
}


/* ============================================================
   V6.5 — SHARE BAR ABOVE FEATURED IMAGE SPACING
============================================================ */

.cs-article-share--top{
  margin-top:22px !important;
  margin-bottom:22px !important;
}

/* Featured image should follow the share box without extra awkward gap. */
.cs-article-share--top + img,
.cs-article-share--top + a img,
.cs-article-share--top + figure,
.cs-article-share--top + .post-thumbnail,
.cs-article-share--top + .featured-image{
  margin-top:0 !important;
}

@media(max-width:620px){
  .cs-article-share--top{
    margin-top:16px !important;
    margin-bottom:18px !important;
  }
}


/* ============================================================
   V6.6 — HOMEPAGE CTA NOTE TWO-LINE LOCKUP
============================================================ */
.cs-home-v11 .framer-ZdxV7 .framer-uh7gqj{
  width:150px !important;
  min-width:150px !important;
  max-width:150px !important;
}

.cs-home-v11 .framer-ZdxV7 .cs-home-cta-note{
  margin:0 !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.25 !important;
}

.cs-home-v11 .framer-ZdxV7 .cs-home-cta-note br{
  display:block !important;
  content:"" !important;
}

@media(max-width:900px){
  .cs-home-v11 .framer-ZdxV7 .framer-uh7gqj{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
}