/* [Programs] Quick Info Strip widget styles.
   Scoped under .mnny-program-info-strip so these rules win over Elementor's
   default typography/color resets, which otherwise override the values set in
   theme.css for .program-info-label and .program-info-value.

   All values are exact copies of the prototype rules in global.css —
   no visual changes, just higher specificity for the Elementor context. */

/* ── Section wrapper ───────────────────────────────────────── */
.mnny-program-info-strip {
    background: white;
    padding-block: var(--space-10);
}

/* ── Strip card ────────────────────────────────────────────── */
.mnny-program-info-strip .program-info-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-6);
    background: var(--color-secondary);           /* hsl(106,5%,52%) muted sage */
    border: 1px solid var(--color-secondary-dark); /* hsl(106,7%,38%) deep sage  */
    border-radius: var(--radius-2xl);
    padding: var(--space-8);
}

/* ── Item row ──────────────────────────────────────────────── */
.mnny-program-info-strip .program-info-item {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

/* ── Icon box ──────────────────────────────────────────────── */
.mnny-program-info-strip .program-info-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: var(--color-surface);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-accent);
}

/* ── Label ─────────────────────────────────────────────────── */
.mnny-program-info-strip .program-info-label {
    font-size: var(--text-base);
    font-weight: var(--weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-inverse); /* white */
    margin-bottom: var(--space-1);
    /* Reset any Elementor heading/paragraph overrides */
    line-height: var(--leading-normal);
}

/* ── Value ─────────────────────────────────────────────────── */
.mnny-program-info-strip .program-info-value {
    font-size: var(--text-sm);
    font-weight: var(--weight-medium);
    color: var(--color-secondary-light); /* hsl(106,8%,92%) pale sage */
    line-height: var(--leading-snug);
}

/* Strip Elementor widget container padding. */
.elementor-widget-mnny_program_info_strip > .elementor-widget-container {
    padding: 0 !important;
}