/**
 * Front-End Block Styles
 *
 * Styles for the Popety Widget block on the front-end
 */

.wp-block-popety-widget {
    margin: 20px 0;
}

.popety-widget-wrapper {
    position: relative;
    width: 100%;
}

/* Ensure iframe is responsive */
.popety-widget-wrapper iframe {
    width: 100%;
    border: none;
}

/* Loading State */
.popety-widget-wrapper::before {
    content: "";
    display: block;
    padding-top: 100px;
}

.popety-widget-wrapper.loaded::before {
    display: none;
}

/* Alignment Styles */
.wp-block-popety-widget.alignwide .popety-widget-wrapper {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-popety-widget.alignfull .popety-widget-wrapper {
    max-width: 100%;
}

/* Container Classes */
.real-estate-widget-container {
    position: relative;
}

.property-valuation-form-container {
    /* Widget-specific styles can go here */
}

.property-valuation-result-mapdashboard-container {
    /* Widget-specific styles can go here */
}

.property-valuation-result-storytelling-container {
    /* Widget-specific styles can go here */
}