/* ==========================================================================
   GM CORE — Connect module CSS.
   Cards sit on a DARK (navy) section — set that background on your Elementor
   container. Translucent white cards, white icons/counts, gold labels.
   Self-contained with brand fallbacks via var(--x, LITERAL).
   ========================================================================== */

.gm-connect-widget .socs{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
@media(max-width:900px){.gm-connect-widget .socs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.gm-connect-widget .socs{grid-template-columns:repeat(2,1fr)}}

/* Heading (dark section — light text) */
.gm-connect-widget .shead{text-align:center;max-width:660px;margin:0 auto 56px}
.gm-connect-widget .shead h2{color:#fff}
.gm-connect-widget .shead h2::after{
  content:"";display:block;width:88px;height:4px;border-radius:4px;
  background:var(--growth,linear-gradient(90deg,#1F4FBF,#0E7CC4 34%,#0AA9AC 68%,#0FA37A));
  margin:16px auto 0;
}
.gm-connect-widget .shead p{color:rgba(255,255,255,.66);font-size:1.0625rem;line-height:1.75}
.gm-connect-widget .eyebrow{
  display:inline-block;background:rgba(232,179,60,.18);color:var(--gold-lt,#E8B33C);
  font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:7px 16px;border-radius:var(--r-pill,100px);margin-bottom:18px;
}

/* Social cards */
.gm-connect-widget .soc{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r,14px);padding:24px 14px;text-align:center;text-decoration:none;
  display:block;transition:transform .26s cubic-bezier(.4,0,.2,1),background .26s,border-color .26s;
}
.gm-connect-widget .soc:hover{
  background:rgba(217,160,43,.14);border-color:var(--gold,#D9A02B);transform:translateY(-5px);
}
.gm-connect-widget .soc svg{width:25px;height:25px;color:#fff;margin:0 auto 11px;display:block}
.gm-connect-widget .soc b{display:block;color:#fff;font-size:1.0625rem;font-weight:800}
.gm-connect-widget .soc span{
  font-size:.625rem;color:var(--gold-lt,#E8B33C);font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
}

.gm-connect-widget .socs__foot{
  text-align:center;margin-top:26px;font-size:.8125rem;color:rgba(255,255,255,.45);
}