/**
 * Styles for Instagram Reel Widget for Elementor
 */

.elementor-instagram-reel-container {
    width: 100%;
    display: flex;
    box-sizing: border-box;
}

/* Ensure the Instagram blockquote behaves cleanly with responsive controls */
.elementor-instagram-reel-container .instagram-media {
    margin: 0 !important;
    width: 100% !important;
    min-width: 326px !important; /* Instagram's minimum layout width */
    max-width: 100%;
    transition: all 0.3s ease;
}

/* Ensure the dynamically generated iframe is responsive and matches alignment */
.elementor-instagram-reel-container iframe {
    margin: 0 !important;
    width: 100% !important;
    min-width: 326px !important;
    max-width: 100% !important;
    display: block;
}