/* SpOki shared discovery-support templates. Calm SpOki tokens only. Mobile-first. Gutenberg-friendly.
   Components: .spoki-helper-cards (helper/hub cards) + .spoki-featured-brands.
   Trust strip (.spoki-trust-strip), related links (.spoki-related-links) and guide/FAQ (.spoki-belowgrid)
   live in their own files and are CONFIRMED, not duplicated here. NEVER bright orange CTAs. */

/* ===== HELPER / HUB CARDS ===== */
.spoki-helper-cards{max-width:var(--spoki-content-w,73.75rem);margin-left:auto;margin-right:auto}
.spoki-helper-cards__grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:768px){.spoki-helper-cards__grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}
.spoki-helper-card{display:flex;flex-direction:column;background:var(--spoki-white,#fff);
  border:1px solid #E7DED3;border-radius:16px;
  box-shadow:var(--spoki-shadow-card,0 .45rem 1.4rem rgba(46,58,103,.06));padding:1.25rem 1.25rem 1.4rem}
.spoki-helper-card__eyebrow{color:var(--spoki-teal,#19B0B6);font-size:.74rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;margin:0 0 .35rem}
.spoki-helper-card__title{font-family:var(--spoki-font-heading,"Comfortaa","Nunito",sans-serif);
  color:var(--spoki-color-heading,#2E3A67);font-weight:700;font-size:clamp(1.05rem,2vw,1.2rem);
  line-height:1.3;margin:0 0 .45rem}
.spoki-helper-card__text{color:var(--spoki-muted,#54656B);font-size:.97rem;line-height:1.6;margin:0 0 1rem}
.spoki-helper-card__text:last-child{margin-bottom:0}
/* calm CTA pill (teal) — used as plain link OR overrides a core wp:button so it is never orange */
.spoki-helper-card__cta,
body .wp-block-button.spoki-helper-card__cta .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;
  margin-top:auto;align-self:flex-start;text-decoration:none;cursor:pointer;
  background:#19B0B6 !important;color:#fff !important;font-weight:700;font-size:.95rem;
  padding:.6rem 1.15rem;border-radius:999px;border:0;line-height:1.2;
  transition:background .18s ease}
.spoki-helper-card__cta:hover,
body .wp-block-button.spoki-helper-card__cta .wp-block-button__link:hover{background:#00838A !important;color:#fff !important}
.spoki-helper-card__cta--ghost,
.wp-block-button.spoki-helper-card__cta--ghost .wp-block-button__link{background:transparent;
  color:var(--spoki-teal-deep,#00838A);border:1.5px solid var(--spoki-teal,#19B0B6)}
.spoki-helper-card__cta--ghost:hover{background:var(--spoki-mint,#EAF6F4);color:var(--spoki-teal-deep,#00838A)}

/* ===== FEATURED BRANDS (optional section) ===== */
.spoki-featured-brands{max-width:var(--spoki-content-w,73.75rem);margin-left:auto;margin-right:auto}
.spoki-featured-brands__eyebrow{color:var(--spoki-teal,#19B0B6);font-size:.74rem;font-weight:800;
  text-transform:uppercase;letter-spacing:.05em;margin:0 0 .3rem;text-align:center}
.spoki-featured-brands__title{font-family:var(--spoki-font-heading,"Comfortaa","Nunito",sans-serif);
  color:var(--spoki-color-heading,#2E3A67);font-weight:700;font-size:clamp(1.15rem,2.4vw,1.4rem);
  text-align:center;margin:0 0 1rem}
.spoki-featured-brands__rail{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
@media(min-width:560px){.spoki-featured-brands__rail{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.spoki-featured-brands__rail{grid-template-columns:repeat(5,1fr);gap:.9rem}}
.spoki-brand-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;
  background:var(--spoki-white,#fff);border:1px solid #E7DED3;
  border-radius:16px;padding:1rem .6rem;text-decoration:none;
  min-height:88px;transition:box-shadow .18s ease,transform .18s ease}
.spoki-brand-chip:hover{box-shadow:var(--spoki-shadow-card,0 .45rem 1.4rem rgba(46,58,103,.06));transform:translateY(-2px)}
.spoki-brand-chip img{max-height:38px;width:auto;object-fit:contain}
.spoki-brand-chip__name{color:var(--spoki-color-heading,#2E3A67);font-weight:700;font-size:.9rem;text-align:center}
/* specificity guards: beat theme .entry-content .wp-block-group + button orange */
body .spoki-helper-cards .spoki-helper-card{border:1px solid #E7DED3 !important;border-radius:16px !important}
body .spoki-featured-brands .spoki-brand-chip{border:1px solid #E7DED3 !important;border-radius:16px !important}
body a.spoki-helper-card__cta{background:#19B0B6 !important;color:#fff !important;border-radius:999px !important}
body a.spoki-helper-card__cta:hover{background:#00838A !important}

/* ===== GLOBAL SpOki card typography lock (2026-06-25) =====
   Single source of truth for ALL helper/hub/after-filter card text.
   Beats theme .entry-content p (body + wrapper = specificity >= 0,2,1) + !important on CTA.
   Eyebrow = readable deep teal #00838A; #19B0B6 stays for icons/accents/large decorative only. */
body .spoki-helper-cards .spoki-helper-card__eyebrow,
body .spoki-after-filter .spoki-helper-card__eyebrow,
body .spoki-hub-cards .spoki-helper-card__eyebrow{color:var(--spoki-teal-deep,#00838A);text-transform:uppercase;letter-spacing:.05em}
body .spoki-helper-cards .spoki-helper-card__title,
body .spoki-after-filter .spoki-helper-card__title,
body .spoki-hub-cards .spoki-helper-card__title{color:var(--spoki-color-heading,#2E3A67)}
body .spoki-helper-cards .spoki-helper-card__text,
body .spoki-after-filter .spoki-helper-card__text,
body .spoki-hub-cards .spoki-helper-card__text{color:var(--spoki-muted,#54656B)}
body .spoki-helper-cards a.spoki-helper-card__cta,
body .spoki-after-filter a.spoki-helper-card__cta,
body .spoki-hub-cards a.spoki-helper-card__cta{background:var(--spoki-orange,#FF8A00) !important;color:var(--spoki-white,#fff) !important}
body .spoki-helper-cards a.spoki-helper-card__cta:hover,
body .spoki-after-filter a.spoki-helper-card__cta:hover,
body .spoki-hub-cards a.spoki-helper-card__cta:hover{background:var(--spoki-orange-hover,#E67E00) !important}