/**
 * Campos Preisrechner - Form Controller CSS
 * 
 * FOUC Prevention (Flash of Unstyled Content)
 * 
 * Versteckt alle conditional fields initial per CSS.
 * JavaScript fügt die Klasse 'campos-form-ready' hinzu und 
 * blendet dann nur die relevanten Felder ein.
 * 
 * @author Atelier 26
 * @version 1.0.0
 */

/* ==========================================================================
   FOUC Prevention - Initial Hidden State
   ========================================================================== */

/**
 * Verstecke alle conditional fields SOFORT beim Laden.
 * Dies verhindert das "Blitzen" bevor JavaScript geladen ist.
 */

/* Product Selection Fields (price_product controls these) */
.powermail_fieldwrap_title_campos,
.powermail_fieldwrap_price_properties,
.powermail_fieldwrap_price_area,
.powermail_fieldwrap_title_campos_plans,
.powermail_fieldwrap_price_properties_plans,
.powermail_fieldwrap_price_area_plans {
    display: none;
}

/* Business/Administration Fields (price_business/price_administration controls these) */
.powermail_fieldwrap_price_administration,
.powermail_fieldwrap_price_resident {
    display: none;
}

/* ==========================================================================
   JavaScript-Controlled Visibility
   ========================================================================== */

/**
 * Wenn JavaScript geladen ist, fügt es 'campos-form-ready' zum Formular hinzu.
 * Das JavaScript übernimmt dann die Steuerung über inline-styles (display: '' oder 'none').
 * Diese Klasse signalisiert, dass CSS nicht mehr die Kontrolle hat.
 */

/* Optional: Utility class for JS-controlled hiding */
.campos-hidden {
    display: none !important;
}

/* ==========================================================================
   Visual Feedback (Optional)
   ========================================================================== */

/**
 * Smooth transition when fields appear/disappear
 * Disabled by default - uncomment if desired
 */
/*
.campos-form-ready .powermail_fieldwrap {
    transition: opacity 0.2s ease-in-out;
}

.campos-form-ready .campos-hidden {
    opacity: 0;
}
*/