/* Base block styles */
.wp-block-amphibee-push-newsletter {
    margin: 0 !important;
    padding: 24px 32px !important;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-newsletter {
        padding: 48px 0 !important;
    }
}

@media screen and (max-width: 998px) {
    .wp-block-amphibee-push-newsletter.has-top-radius {
        padding-top: 14px !important;
    }
}

/* Background variations */
.wp-block-amphibee-push-newsletter.background-primary {
    background-color: var(--gbg-color-secondary);
}

.wp-block-amphibee-push-newsletter.background-grey {
    background-color: var(--gbg-color-grey);
}

/* Container width */
.wp-block-amphibee-push-newsletter.alignwide,
.wp-block-amphibee-push-newsletter:not(.alignwide) .push-newsletter-wrapper {
    max-width: 1200px;
    margin: auto;
}

.wp-block-amphibee-push-newsletter:not(.alignwide).wp-block {
    max-width: inherit;
}

/* Main wrapper layout */
.wp-block-amphibee-push-newsletter .push-newsletter-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-newsletter .push-newsletter-wrapper {
        flex-direction: row;
        align-items: center;
        gap: 80px;
    }
}

.wp-block-amphibee-push-newsletter .push-newsletter-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-block-amphibee-push-newsletter .push-newsletter-media img {
    width: 100%;
    height: auto;
    max-height: 340px;
    border-radius: var(--gbg-border-radius-xl);
    object-fit: cover;
    aspect-ratio: 1/1;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-newsletter .push-newsletter-media img {
        width: auto;
    }
}

/* Right column: Content area */
.wp-block-amphibee-push-newsletter .push-newsletter-right {
    flex: 1;
    display: flex;
    align-items: start !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.editor-styles-wrapper .wp-block-amphibee-push-newsletter .push-newsletter-right * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Inner blocks styling */
.wp-block-amphibee-push-newsletter.background-primary .push-newsletter-right .wp-block-heading,
.wp-block-amphibee-push-newsletter.background-primary .push-newsletter-right p {
    color: var(--gbg-color-light) !important;
}

.wp-block-amphibee-push-newsletter.background-grey .push-newsletter-right .wp-block-heading,
.wp-block-amphibee-push-newsletter.background-grey .push-newsletter-right p {
    color: var(--gbg-color-primary) !important;
}

.wp-block-amphibee-push-newsletter .push-newsletter-right .wp-block-heading {
    text-wrap: pretty;
    font-size: clamp(32px, 4vw, 48px) !important;
    font-weight: 500;
    line-height: 1 !important;
    margin: 0 0 clamp(16px, 4vw, 32px) 0 !important;
}

@media screen and (min-width: 998px) {
    body:not(.block-editor-page) .wp-block-amphibee-push-newsletter .push-newsletter-right .wp-block-heading {
        max-width: 65%;
    }
}

.wp-block-amphibee-push-newsletter .push-newsletter-right .wp-block-heading a,
.wp-block-amphibee-push-newsletter .push-newsletter-right .wp-block-heading a:hover {
    color: var(--gbg-color-primary);
    border: none !important;
    font-size: inherit !important;
    font-weight: 500;
}

.wp-block-amphibee-push-newsletter.background-primary .push-newsletter-right .wp-block-heading a {
    color: var(--gbg-color-light-citron);
}

.wp-block-amphibee-push-newsletter.background-grey .push-newsletter-right .wp-block-heading a {
    text-decoration: underline;
}

.wp-block-amphibee-push-newsletter .push-newsletter-right p {
    font-size: clamp(16px, 3vw, 18px);
    line-height: 1.4;
    margin-bottom: clamp(16px, 4vw, 32px);
}

/* Shortcode and HTML blocks styling */
.wp-block-amphibee-push-newsletter .push-newsletter-right .wp-block-shortcode,
.wp-block-amphibee-push-newsletter .push-newsletter-right .wp-block-html {
    margin-top: 16px;
}

/* Hide image on mobile option */
@media screen and (max-width: 997px) {
    .wp-block-amphibee-push-newsletter.hide-image-mobile .push-newsletter-left {
        display: none;
    }
}