/**
 * Reset & Isolation Styles - Roseo Form
 * Minimal reset to ensure form displays properly
 * 
 * @package Roseo_Form
 * @version 2.1.0 - Simplified
 */

/* ============================================
   WRAPPER BASE STYLES
   ============================================ */
#roseo-form-wrapper,
.roseo-form-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    box-sizing: border-box;
    overflow-x: hidden;
    background: var(--mfm-bg, #ffffff);
}

/* Box sizing for all children */
#roseo-form-wrapper *,
#roseo-form-wrapper *::before,
#roseo-form-wrapper *::after {
    box-sizing: border-box;
}

/* Admin bar adjustment */
body.admin-bar #roseo-form-wrapper {
    min-height: calc(100vh - 32px);
}

/* ============================================
   ENSURE VISIBILITY OF ALL FORM ELEMENTS
   ============================================ */
#roseo-form-wrapper .roseo-home-screen,
#roseo-form-wrapper #roseo-unified-form,
#roseo-form-wrapper .roseo-header-navigation,
#roseo-form-wrapper .roseo-footer-navigation,
#roseo-form-wrapper .roseo-step-content,
#roseo-form-wrapper [id*="step-"],
#roseo-form-wrapper [class*="component-"],
#roseo-form-wrapper .item-tab,
#roseo-form-wrapper .item-card {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   OVERRIDE BOOTSTRAP (if loaded by theme)
   ============================================ */
#roseo-form-wrapper .row {
    --bs-gutter-x: 0;
    margin-left: 0;
    margin-right: 0;
}

#roseo-form-wrapper [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    #roseo-form-wrapper {
        padding: 0 !important;
    }
}