/* Core Structural Layout */
.sc-main-container {
    display: flex;
    gap: 40px;
    box-sizing: border-box;
    width: 100%;
    direction: inherit;
    align-items: flex-start;
}

.sc-left-col { flex: 2; position: relative; }
.sc-right-col { flex: 1; min-width: 350px; position: relative; }

/* Grid System */
.sc-form-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 15px;
    width: 100%;
    margin-bottom: 20px;
}

.sc-field { display: flex; flex-direction: column; width: 100%; }
.sc-field.full { grid-column: span 4; }
.sc-field.three-quarter { grid-column: span 3; }
.sc-field.half { grid-column: span 2; }
.sc-field.quarter { grid-column: span 1; }

.sc-type-selector {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    align-items: center;
    margin-bottom: 2rem;
}

.sc-type-selector label {
    display: inline-flex !important; /* מכריח אותם להיות בשורה אחת */
    align-items: center;
    width: max-content !important; /* הקסם שכאן: תופס רק את הרוחב של התוכן הפנימי */
    flex: 0 0 auto !important; /* מונע מהם להתרחב ולתפוס את כל השורה */
    margin: 0 !important;
}

/* איפוס שוליים מיותרים שווקומרס מוסיף לפעמים לכפתורי רדיו */
.sc-type-selector label input[type="radio"] {
    margin: 0 !important;
}

/* Directional Fixes */
.sc-main-container[dir='rtl'] { text-align: right; flex-direction: row-reverse; }
.sc-main-container[dir='ltr'] { text-align: left; flex-direction: row; }

/* Step Logic */
.sc-step-content { display: block; }
.layout-accordion .sc-step-content { display: none; }
.layout-accordion .sc-step-section.active .sc-step-content { display: block; }
.layout-multistep .sc-step-section { display: none; }
.layout-multistep .sc-step-section.active { display: block; }

/* Responsiveness */
@media (max-width: 800px) {
    .sc-main-container, .sc-main-container[dir='rtl'], .sc-main-container[dir='ltr'] {
        flex-direction: column !important;
        padding: 15px;
    }
    .sc-form-grid { display: flex; flex-direction: column; }
    .sc-right-col { min-width: 100%; }
}