/* dgs Donate CTA Styles */

/* Base block styles */
.donate-cta-block {
    width: 100%;
}

/* Alignment variations - Now handled by global extension styles */
/* Block-specific alignment adjustments can be added here if needed */

/* Editor-specific styles */
.editor-styles-wrapper .donate-cta-block {
    transition: all 0.3s ease;
}

/* Editor alignment styles are now handled by global extension styles */

/* Visual indicator in editor for alignment */
.editor-styles-wrapper .donate-cta-block.alignfull .section__donate {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

.editor-styles-wrapper .donate-cta-block.alignfull .section__donate-container {
    max-width: 100% !important;
}

/* Preview-only padding adjustment */
.editor-styles-wrapper .brxe-container.section__donate-container {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
}

/* Section styles */
.section__donate {
    position: relative;
    padding: var(--space-m) 0;
    background-color: transparent;
    overflow: hidden;
}

/* Divider styles */
.divider--dotted-img {
    background-image: url(https://cdn.rancholoscerritos.org/wp-content/uploads/2023/10/hr-bg.png);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: center center;
    margin-top: var(--space-m);
    margin-right: auto;
    margin-left: auto;
    max-width: var(--width-l);
    padding-top: var(--space-l);
    padding-bottom: var(--space-l);
}

/* Full width divider when parent is alignfull */
.donate-cta-block.alignfull .divider--dotted-img {
    max-width: var(--width-l);
}

.divider--dotted-img .line {
    display: none; /* Hide the line since we're using background image */
}

/* Container styles */
.section__donate-container,
.brxe-container.section__donate-container {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 5;
    background-size: cover;
    background-position: center;
}

/* Full width container when parent is alignfull */
.donate-cta-block.alignfull .section__donate-container,
.donate-cta-block.alignfull .brxe-container.section__donate-container {
    max-width: none;
}

/* Block styles - white card */
.section__donate-block,
.brxe-block.section__donate-block {
    position: relative;
    border-radius: 0;
    background-color: var(--white);
    padding: var(--space-l);
    margin: var(--space-m);
    margin-top: var(--space-m);
    margin-bottom: var(--space-m);
    z-index: 10;
}

/* Maintain constrained width for content even in full width */
.donate-cta-block.alignfull .section__donate-block {
    max-width: var(--content-width);
    margin-right: auto;
}

/* Centering classes */
.center--all-m {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (min-width: 768px) {
    .center--all-m {
        text-align: left;
        align-items: flex-start;
    }
}

.section__donate-block,
.brxe-block.section__donate-block {
    background: var(--action-ultra-light);
    padding: var(--space-s);
}
@media (min-width: 768px) {
    .section__donate-block,
    .brxe-block.section__donate-block {
        margin-left: var(--space-m);
        width: var(--width-m);
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 767px) {
    .section__donate-block,
    .brxe-block.section__donate-block {
        width: 100%;
    }
}
/* Content block styles */
.section-donate-block__content-block {
    position: relative;
    z-index: 5;
}

/* Heading styles */
.section-cta-donate__heading {
    margin-bottom: var(--space-xs);
    font-weight: var(--heading-font-weight);
}

/* Description styles */
.section-cta-donate__subheading {
    margin-bottom: var(--space-m);
    color: var(--text);
}

/* CTA wrap styles */
.section-cta-donate__cta-wrap {
    margin-top: var(--space-s);
}

/* CTA block styles */
.section__donate-cta-block,
.section-cta-donate__cta-block {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 768px) {
    .section__donate-cta-block,
    .section-cta-donate__cta-block {
        flex-direction: row;
        justify-content: flex-start;
    }
}

/* Primary Button styles */
.button-action,
.section-cta-donate__cta-button {
    display: inline-block;
    padding: 0.75em var(--space-s);
    background-color: var(--action);
    color: var(--white);
    border-radius: var(--btn-border-radius);
    font-weight: var(--btn-font-weight);
    text-decoration: none;
    transition: var(--transition);
    white-space: nowrap;
}

.button-action:hover,
.button-action:focus,
.section-cta-donate__cta-button:hover,
.section-cta-donate__cta-button:focus {
    background-color: var(--action-hover);
}

/* Bricks specific styles */
.bricks-button {
    cursor: pointer;
}

.bricks-background-dark {
    background-color: var(--action);
    color: var(--white);
}

/* Secondary Button styles */
.button--action-light {
    display: inline-block;
    padding: 0.75em var(--space-s);
    background-color: var(--action-ultra-light);
    color: var(--action);
    border-radius: var(--btn-border-radius);
    font-weight: var(--btn-font-weight);
    text-decoration: none;
    transition: var(--transition);
    white-space: nowrap;
}

.button--action-light:hover,
.button--action-light:focus {
    background-color: var(--action-light-trans-70);
}

/* Divider text styles */
.section-cta-donate__text-basic {
    font-size: var(--text-xs);
}

/* Background image styles */
.bg-image--bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 30%;
    height: auto;
    z-index: 1;
    opacity: 0.9;
}

/* Used to add filters to images */
.css-filter {
    transition: all 0.3s ease;
}

/* Editor Specific Styles */
.blockstudio-element__placeholder {
    padding: 2rem;
    background-color: #f0f0f0;
    text-align: center;
    border: 2px dashed #ccc;
    color: #666;
}

.blockstudio-preview {
    padding: 1rem;
    background-color: #f0f0f0;
    text-align: center;
}
.section-donate-block__content-block {
    background: var(--white);
    padding: var(--space-s);
}
/* Responsive styles */
@media (max-width: 767px) {
    .section__donate-container,
    .brxe-container.section__donate-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0;
    }

    .section__donate-block,
    .brxe-block.section__donate-block {
        width: 100%;
        max-width: 100%;
        padding: var(--space-m);
        margin: 0;
        box-sizing: border-box;
        text-align: center;
    }

    .section-cta-donate__heading,
    .section-cta-donate__subheading {
        text-align: center;
    }

    .section-donate-block__content-block {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .section-cta-donate__cta-button,
    .button-action,
    .button--action-light {
        width: 100%;
        text-align: center;
    }

    .bg-image--bottom-right {
        max-width: 50%;
        opacity: 0.7;
    }
}

/* Additional div for vertical spacing */
.brxe-wlwigm {
    margin-top: var(--space-m);
}