/* Trinity Forms Pro: form style presets that need more than CSS variables (2.10.0). */

/* Minimal: underlined fields, no box. */
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="text"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="email"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="number"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="url"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="tel"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="date"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="time"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field input[type="password"],
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field select,
.trinity-forms-form.trinity-forms-style-minimal .trinity-forms-field textarea {
    border-width: 0 0 var(--trinity-forms-stroke, 1px);
    background-color: var(--trinity-forms-field-bg, transparent);
    box-shadow: none;
    padding-left: 0;
}

/* Boxed: filled fields, no shadow. */
.trinity-forms-form.trinity-forms-style-boxed .trinity-forms-field input,
.trinity-forms-form.trinity-forms-style-boxed .trinity-forms-field select,
.trinity-forms-form.trinity-forms-style-boxed .trinity-forms-field textarea { box-shadow: none; }

/* Bold: heavier labels. */
.trinity-forms-form.trinity-forms-style-bold .trinity-forms-field > label { font-weight: 700; }

/* Dark: the form sits on its own dark card, so it reads on a light theme too. */
.trinity-forms-form.trinity-forms-style-dark {
    background: #101828;
    padding: 1.5rem;
    border-radius: 14px;
}
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-help,
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-sub-label,
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-optional { color: #98a2b3; }
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-field input,
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-field select,
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-field textarea { color: var(--trinity-forms-text, #f2f4f7); box-shadow: none; }
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-messages.trinity-forms-success { color: #6ce9a6; }
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-field-error,
.trinity-forms-form.trinity-forms-style-dark .trinity-forms-messages.trinity-forms-error { color: #fda29b; }

/* Fine-tuning controls in the form editor's Layout tab. */
.tf-style-controls { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 18px; max-width: 720px; }
.tf-style-control { display: flex; align-items: center; gap: 8px; }
.tf-style-control span { flex: 1; }