/**
 * Philanthropy page fixes — match https://vorto.io/philanthropy/
 * Higher specificity than philanthropy-dynamic.css so overrides actually win.
 */

/* ---------- Meal / Tree cards: left-align content (beat dynamic center) ---------- */
.guten-section > .guten-container > .guten-Cz26TZ.guten-column > .guten-column-wrapper,
.guten-section > .guten-container > .guten-cMY6FP.guten-column > .guten-column-wrapper {
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
}

.guten-YKrk1J .guten-inner-wrap,
.guten-d7JB4w .guten-inner-wrap,
.guten-Cz26TZ .guten-inner-wrap,
.guten-cMY6FP .guten-inner-wrap {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    width: 100% !important;
    text-align: left !important;
}

.guten-YKrk1J .guten-inner-wrap > *,
.guten-d7JB4w .guten-inner-wrap > *,
.guten-Cz26TZ .guten-inner-wrap > *,
.guten-cMY6FP .guten-inner-wrap > * {
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}

/* Partner logos left */
.guten-9Fk1C0,
.guten-kAUbSO {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
}

.guten-9Fk1C0 .guten-icon-box-wrapper,
.guten-kAUbSO .guten-icon-box-wrapper {
    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.guten-9Fk1C0 .icon-box.icon-box-header,
.guten-kAUbSO .icon-box.icon-box-header {
    text-align: left !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

.guten-9Fk1C0 .icon-box.icon-box-header .icon,
.guten-kAUbSO .icon-box.icon-box-header .icon {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* ---------- How it Works lists: flush left with heading ---------- */
/* Base gutenverse sets .guten-icon-list-item { width: fit-content } which
   centers under align-items:center parents — force full-width left stack. */
.guten-8tttdS.guten-icon-list,
.guten-1aXPl9.guten-icon-list {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.guten-8tttdS .list-wrapper,
.guten-1aXPl9 .list-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

.guten-8tttdS .guten-icon-list-item,
.guten-1aXPl9 .guten-icon-list-item,
.guten-YKrk1J .guten-icon-list-item,
.guten-d7JB4w .guten-icon-list-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
}

.guten-8tttdS .guten-icon-list-item a,
.guten-1aXPl9 .guten-icon-list-item a,
.guten-YKrk1J .guten-icon-list-item a,
.guten-d7JB4w .guten-icon-list-item a {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

.guten-uaGc3Z,
.guten-yvziqw,
.guten-M0etHk,
.guten-PtS4ST {
    text-align: left !important;
    width: 100% !important;
    margin-left: 0 !important;
}

/* ---------- Values accordion: left-aligned body text ---------- */
.guten-section > .guten-container > .guten-1m6lIC.guten-column > .guten-column-wrapper {
    align-items: flex-start !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
}

.guten-1m6lIC .accordion-item,
.guten-1m6lIC .accordion-heading,
.guten-1m6lIC .accordion-body,
.guten-1m6lIC .accordion-content,
.guten-1m6lIC .accordion-content p {
    text-align: left !important;
}

.guten-1m6lIC .accordion-item .accordion-content,
.guten-zSfGPf .accordion-item .accordion-content,
.guten-3fG8nF .accordion-item .accordion-content,
.guten-OEwhUx .accordion-item .accordion-content,
.guten-gzPPgZ .accordion-item .accordion-content {
    padding: 12px 0 0 0 !important;
    text-align: left !important;
}

.guten-1m6lIC .accordion-heading {
    justify-content: flex-start !important;
}

.guten-zSfGPf,
.guten-3fG8nF,
.guten-OEwhUx,
.guten-gzPPgZ {
    width: 100% !important;
    text-align: left !important;
}

/* ---------- Device mockup position ---------- */
.guten-oFhvsv > .guten-column-wrapper {
    position: relative !important;
}

.guten-mBYmAU.guten-image {
    width: 900px !important;
    max-width: none !important;
    display: block !important;
    position: absolute !important;
    right: auto !important;
    left: -326px !important;
    top: -140px !important;
    margin-top: 75px !important;
    text-align: left !important;
    z-index: 2;
}

.guten-mBYmAU.guten-image .guten-image-wrapper {
    justify-content: flex-start !important;
    display: flex !important;
}

.guten-mBYmAU.guten-image img {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 !important;
}

@media only screen and (max-width: 1024px) {
    .guten-mBYmAU.guten-image {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        width: 100% !important;
        margin-top: 24px !important;
    }

    .guten-mBYmAU.guten-image img {
        max-width: 100% !important;
    }
}

/* ---------- Values icons (match vorto.io/philanthropy) ---------- */
.guten-1m6lIC .accordion-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Kill home-step SVG masks if any leak through; show real icon fonts */
.guten-hjGv1T .accordion-icon i {
    display: inline-block !important;
    font-style: normal !important;
    line-height: 1 !important;
}
.guten-hjGv1T .accordion-icon span.accordion-icon-open::after,
.guten-hjGv1T .accordion-icon span.accordion-icon-closed::after {
    content: none !important;
    display: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    background: none !important;
}

/* Compassion open state uses FA heart (same as live site) */
.guten-1m6lIC .accordion-icon i.far.fa-heart {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}
.guten-1m6lIC .accordion-icon i.far.fa-heart::before {
    content: "\f004" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

/* gtn line icons from live site */
.guten-1m6lIC .accordion-icon i.gtn {
    font-family: inherit;
}