/* ============================================================
   GrowingSmart Brand Graphics
   Logopil (7-form + droppe, exakt ur logoskissen) + penseldrag
   Läses in EFTER inline <style> för att säkra överskrivning
   ============================================================ */

/* --- Logopilen: exakt form extraherad ur logoskissen (PNG-alfamask) --- */
:root {
  --gs-arrow: url("data:image/png;base64,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");
}

/* ── Knappar och länkpilar ───────────────────────────────── */
.btn-primary::after,
.path-card .path-link::after,
.resource-card .resource-link::after,
.nav-cta::after,
.partner-link::after,
.path-link::after,
.cep-feature-cta::after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: var(--gs-arrow) center / contain no-repeat;
  mask: var(--gs-arrow) center / contain no-repeat;
  flex-shrink: 0;
  transition: transform 0.25s;
}

/* Hover: diagonal rörelse matchar pilens riktning */
.btn-primary:hover::after,
.path-card .path-link:hover::after,
.resource-card .resource-link:hover::after,
.nav-cta:hover::after,
.partner-link:hover::after,
.path-link:hover::after,
.cep-feature-cta:hover::after {
  transform: translate(3px, -3px) !important;
}

/* Externa länkar (öppnas i nytt fönster) — samma logopil */
.shorts-cta a::after,
.award-podcast::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask: var(--gs-arrow) center / contain no-repeat;
  mask: var(--gs-arrow) center / contain no-repeat;
  flex-shrink: 0;
  transition: transform 0.2s;
}
.shorts-cta a:hover::after,
.award-podcast:hover::after {
  transform: translate(3px, -3px) !important;
}

/* ── Listpunkter: logopilen som checkmarkering ───────────── */
.path-card ul li::before,
.path-card.featured ul li::before,
.cep-feature-card li::before,
.format-card ul li::before,
.phase-card ul li::before,
.offer-card ul li::before,
.trainer-facts li::before,
.course-list li::before {
  clip-path: none !important;
  -webkit-mask: var(--gs-arrow) center / contain no-repeat;
  mask: var(--gs-arrow) center / contain no-repeat;
  border-radius: 0;
}

/* ── Logomärket i nav/footer ─────────────────────────────── */
.logo-mark {
  clip-path: none;
  -webkit-mask: var(--gs-arrow) center / contain no-repeat;
  mask: var(--gs-arrow) center / contain no-repeat;
  border-radius: 0;
}

/* ── Penseldrags-SVG: bakgrundslager bakom allt innehåll ── */
section:has(> .gs-brush) { isolation: isolate; }
.gs-brush {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

/* ── Mobil: håll knapptext centrerad och på en rad ───────── */
@media (max-width: 560px) {
  .resource-card .resource-link,
  .path-card .path-link {
    font-size: 13px;
    letter-spacing: 1px;
    text-align: center;
  }
}
