/* Source: Donation — Compact Image CTA
   Editable cover background + editable floating image
================================ */
/* Outer pattern section */
.donate--image-cta {
    position: relative;
    z-index: 20;
    isolation: isolate;
    padding: 0;
    margin: 0;
    background: var(--color-white);
    overflow: visible;
    color: var(--color-white);
}
/* The native Cover block inside the outer section */
.donate--image-cta .donate-panel {
    position: relative;
    align-items: stretch;
    overflow: visible !important;
}
/* Keep the native Cover background visible */
.donate--image-cta .donate-panel .wp-block-cover__background,
.donate--image-cta .donate-panel .wp-block-cover__image-background {
    display: block !important;
    z-index: 0;
}
/* Cover inner container */
.donate--image-cta .donate-panel .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none;
    min-height: 300px;
    margin: 0;
    padding: 0;
    display: block;
    overflow: visible !important;
}
/* Main layout inside the Cover */
.donate--image-cta .donate-inner {
    position: relative;
    z-index: 3;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.58fr) minmax(280px, 0.42fr);
    align-items: center;
    gap: 48px;
    overflow: visible !important;
}
/* Text content */
.donate--image-cta .donate-content {
    position: relative;
    z-index: 5;
    max-width: 520px;
    align-self: center;
    padding: 42px 0;
}
.donate--image-cta h2 {
    margin: 0 0 12px;
    color: var(--color-white);
    font-size: clamp(2rem, 3.2vw, 3.1rem);
    line-height: 0.95;
}
.donate--image-cta p {
    max-width: 400px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.86);
}
.donate--image-cta .donate-actions {
    margin-top: 0;
}
/* Button */
.donate--image-cta .btn-primary .wp-block-button__link,
.donate--image-cta .wp-block-button.btn-primary .wp-block-button__link {
    background: var(--color-charcoal);
    color: var(--color-white);
    border-color: var(--color-charcoal);
}
.donate--image-cta .btn-primary .wp-block-button__link:hover,
.donate--image-cta .wp-block-button.btn-primary .wp-block-button__link:hover {
    background: var(--color-white);
    color: var(--color-charcoal);
    border-color: var(--color-white);
}
/* Floating portrait intentionally breaks upward into previous section */
.donate--image-cta .donate-portrait {
    position: absolute !important;
    right: clamp(40px, 10vw, 150px);
    bottom: -6.5px;
    z-index: 999 !important;
    width: clamp(250px, 25vw, 390px);
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: visible !important;
    pointer-events: auto;
}
.donate--image-cta .donate-portrait img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 -11.5px 0;
    padding: 0;
}
/* Keep following sections from accidentally covering the floating portrait */
.donate--image-cta + * {
    position: relative;
    z-index: 1;
}
@media (max-width: 900px) {
    .donate--image-cta,
    .donate--image-cta .donate-panel,
    .donate--image-cta .donate-panel .wp-block-cover__inner-container,
    .donate--image-cta .donate-inner {
        min-height: 0 !important;
    }
    .donate--image-cta .donate-inner {
        grid-template-columns: 1fr;
    }
    .donate--image-cta .donate-content {
        padding: 48px 0 20px;
    }
    .donate--image-cta .donate-portrait {
        position: relative !important;
        right: auto;
        bottom: auto;
        z-index: 5 !important;
        width: min(320px, 78vw);
        justify-self: center;
    }
}