/* BLOCK: Subscribe */

.block-subscribe {
    background: none;
}

.block-subscribe .content-wrapper {
    box-sizing: border-box;
    background-color: var(--c-text-dark);
    padding: 3.75rem;
    display: flex;
    /* gap: 4.375rem; */
    justify-content: space-between;
    border-radius: 2.5rem;
    overflow: hidden;
    position: relative;
}

.block-subscribe .text-wrapper {
    flex-basis: 56.5%;
    font-size: var(--font-18-15);
}

.block-subscribe .text-content {
    max-width: 30rem;
}

.block-subscribe .text-content:not(:last-child) {
    margin-bottom: 3.75rem;
}

.block-subscribe .text-content > * {
    margin: 0;
}

.block-subscribe .text-content > :not(:last-child) {
    margin-bottom: 2.5rem;
}

.block-subscribe .text-content > :is(h1, h2, h3, .h1, .h2, .h3):not(:last-child) {
    margin-bottom: 3.125rem;
}

.block-subscribe .text-content .h7 {
    color: var(--c-light-purple);
}

.block-subscribe .form-wrapper {
    container-type: inline-size;
    container-name: subscribe-form;
}

.block-subscribe .gform_fields {
    display: flex !important;
    gap: 0.75rem !important;
    align-items: flex-start;
}

.block-subscribe .gform_fields .gfield:not(.gfield--type-submit) {
    flex-grow: 1;
}

@container subscribe-form (width <= 520px) {
    .block-subscribe .form-wrapper .gform_fields {
        flex-direction: column;
        align-items: flex-start;
    }
    .block-subscribe .gform_fields .gfield:not(.gfield--type-submit) {
        width: 100%;
    }
    .block-subscribe .gform_fields #field_submit {
        width: 12.5rem !important;
        max-width: 100%;
        margin-top: 1.45rem;
    }
}

:where(.block-subscribe .is-dark) form input:not(.btn):is([type=submit]) {
    color: var(--c-secondary);
    background-color: var(--c-text-light);
    border-color: var(--c-text-light);
}

.block-subscribe .media-wrapper {
    flex-basis: 32.5%;
}

.block-subscribe .media-wrapper svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(64%, -50%);
    width: auto;
    height: 190%;
    pointer-events: none;
    user-select: none;
}

@media screen and (width <= 820px) {
    .block-subscribe .content-wrapper {
        padding: 2.5rem 1.5rem;
        flex-direction: column;
        gap: 2.5rem;
    }
    .block-subscribe .text-content {
        text-align: center;
        max-width: unset;
    }
    .block-subscribe .text-content:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .block-subscribe .text-content > :not(:last-child) {
        margin-bottom: 1.5rem;
    }
    .block-subscribe .text-content > :is(h1, h2, h3, .h1, .h2, .h3):not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .block-subscribe .media-wrapper {
        flex-basis: 6.25rem;
    }
    .block-subscribe .media-wrapper svg {
        inset: unset;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, calc(100% - 8.75rem)) rotate(90deg);
        height: auto;
        width: 115%;
        max-width: unset;
    }
    @container subscribe-form (width <= 520px) {
        .block-subscribe .form-wrapper .gform_fields {
            align-items: center;
        }
    }
}