/* WW Stomp & Play Tools — 4C+2™ Badge Row
   ------------------------------------------------------------------ */

.snp-4c-block {
    margin: 28px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid rgba(122,82,48,0.2);
}

/* ── Badge row ── */
.snp-4c-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 16px;
    align-items: flex-end;
}

.snp-4c-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 60px;
    text-align: center;
}

/* ── Icon wrapper ── */
.snp-4c-badge__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
}

.snp-4c-badge__icon .snp-icon {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
}

/* ── Per-skill icon colors ── */
.snp-4c-badge--ct .snp-4c-badge__icon { color: #4a7c3f; }  /* Critical Thinking — leaf green  */
.snp-4c-badge--cm .snp-4c-badge__icon { color: #3a6a9e; }  /* Communication     — calm blue   */
.snp-4c-badge--cb .snp-4c-badge__icon { color: #a06830; }  /* Collaboration     — warm amber  */
.snp-4c-badge--cr .snp-4c-badge__icon { color: #9b4060; }  /* Creativity        — berry pink  */
.snp-4c-badge--cn .snp-4c-badge__icon { color: #2e8a8a; }  /* Concentration     — teal        */
.snp-4c-badge--co .snp-4c-badge__icon { color: #6a40a0; }  /* Coordination      — purple      */

/* Code fallback (when SVG missing) */
.snp-4c-badge__code-fallback {
    font-family: 'Fredoka', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: currentColor;
    line-height: 1;
}

/* ── Label under icon ── */
.snp-4c-badge__label {
    font-family: 'Fredoka', sans-serif;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.3px;
    color: #7a5230;
    line-height: 1.2;
    white-space: nowrap;
}

/* ── Caption paragraph ── */
.snp-4c-caption {
    font-size: 14px;
    line-height: 1.65;
    color: #5a3d1e;
    margin: 0;
    font-style: italic;
}

.snp-4c-caption strong {
    font-style: normal;
    font-weight: 700;
    color: #3a1e0a;
}

/* Left-align inside activity tiles */
.ww-woodland-activity .snp-section-label,
.ww-woodland-activity .snp-4c-caption,
.ww-woodland-activity .snp-4c-block,
.ww-woodland-activity .snp-4c-row {
    text-align: left;
}