.elementor-widget-map-blog-featured-article {

    .blog-featured-article-widget {
        max-width: 1440px;
        margin: 0 auto;

        /* Text Column */
        .text-column {
            max-width: 421px;

            .map-vertical-text {
                height: auto;
                min-height: 200px;
                text-align: right;
            }

            .content-block {
                max-width: 310px;
            }

            /* Heading Orientation: Vertical Above */
            &.vertical-above {
                flex-direction: column;
            }

            /* Heading Orientation: Vertical Side */
            &.vertical-side {
                flex-direction: row;
                width: 100%;
                max-width: unset;
                column-gap: 20%;

                .content-block {
                    margin-top: unset;
                    width: 310px;
                }
            }

            /* Heading Orientation: Horizontal Above */
            &.horizontal-above {
                flex-direction: column;

                .content-block {
                    margin-top: unset;
                }
            }
        }

        /* Article Column */
        .article-column {
            flex: 1;
            max-width: 100%;

            .article-card {
                max-width: 100%;

                .article-info {
                    .map-wrapper {
                        max-width: 420px;
                    }
                }

                .article-image-wrapper {
                    position: relative;
                    overflow: hidden;
                    aspect-ratio: 757 / 481;
                    background-color: var(--Neutral-80);
                    text-decoration: none;

                    .article-image {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center;
                    }

                    .arrow-icon {
                        position: relative;
                        z-index: 2;
                        width: 80px;
                        height: 80px;
                        flex-shrink: 0;
                    }

                }

                .article-title {
                    transition: color 0.3s ease;

                    &:hover {
                        color: var(--Neutral-8) !important;
                    }
                }
            }
        }
    }
}

/* Desktop Layout */
@media (min-width: 992px) {
    .elementor-widget-map-blog-featured-article {
        .blog-featured-article-widget {
            display: grid;
            grid-template-columns: 421px 1fr;
            gap: 100px;

            .text-column {
                display: flex;
                flex-direction: column;
            }
        }
    }
}

/* Mobile Layout */
@media (max-width: 991px) {
    .elementor-widget-map-blog-featured-article {

        .blog-featured-article-widget {

            .text-column {
                max-width: 100%;

                .map-vertical-text {
                    display: flex;
                    align-items: flex-end;
                    justify-content: flex-end;
                    min-height: auto;
                }

                .content-block {
                    max-width: 100%;
                }
            }

            .article-column {
                .article-card {
                    .article-image-wrapper {
                        aspect-ratio: 374 / 672;
                    }
                }
            }
        }
    }
}