/* Pledge Categories Page (24908) — /pledge/
   Shared overrides (buttons, flex, text) handled by gb-base.css */

/* Hero section */
.pledge-hero {
    background: linear-gradient(rgba(0,0,0,0.26), rgba(0,0,0,0.26)),
        url('/wp-content/uploads/2025/09/la_skyline_cad.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 20px 40px;
    box-shadow: 0 11px 8px -6px rgba(0,0,0,0.3) inset,
                0 -11px 8px -6px rgba(0,0,0,0.3) inset;
}

.pledge-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* Title */
.pledge-title {
    text-transform: uppercase;
    font-weight: 900;
    text-shadow: 4px 4px 10px rgba(0,0,0,0.7);
    text-align: center;
    font-size: 3em;
    margin-bottom: 0.5em;
}
@media (min-width: 1200px) { .pledge-title { font-size: 4em; } }
@media (max-width: 700px)  { .pledge-title { font-size: 2em; } }

/* Grid — three equal columns */
.pledge-grid {
    gap: 20px;
}

/* Cards */
.pledge-card {
    flex: 1 1 0 !important;
    max-width: 33.333%;
}

/* Icon images */
.pledge-card .wp-block-image {
    width: 66%;
    margin-bottom: 15px;
}
.pledge-card .wp-block-image img {
    width: 100%;
    height: auto;
}

/* Card heading */
.pledge-card__heading {
    font-size: 34px !important;
    margin: 0 0 15px !important;
}
@media (max-width: 600px) {
    .pledge-card__heading { font-size: 22px !important; }
}

/* Small phones — stack */
@media (max-width: 480px) {
    .pledge-grid {
        flex-direction: column !important;
        align-items: center !important;
    }
    .pledge-card {
        max-width: 220px;
    }
}

/* ─── Editor ─── */
.editor-styles-wrapper .pledge-hero {
    background: linear-gradient(rgba(0,0,0,0.26), rgba(0,0,0,0.26)),
        url('/wp-content/uploads/2025/09/la_skyline_cad.jpg');
    background-size: cover;
    background-position: center;
    padding: 50px 20px 40px;
}
.editor-styles-wrapper .pledge-card {
    flex: 1 1 0 !important;
}
.editor-styles-wrapper .pledge-card .wp-block-image {
    width: 66%;
}
.editor-styles-wrapper .pledge-card__heading {
    font-size: 34px !important;
}
.editor-styles-wrapper .pledge-title {
    text-transform: uppercase;
    font-weight: 900;
    text-shadow: 4px 4px 10px rgba(0,0,0,0.7);
}