/**
 * Standalone P4 self-registration form (/register-account).
 *
 * Groups the form into clearly-separated sections so it reads as a few short
 * steps rather than one long wall of inputs. Colours are custom properties so a
 * customer theme can recolour at :root without touching selectors.
 *
 * Loaded by themes/default/views/p4registration/register.php via theme_style().
 */

[x-cloak] { display: none !important; }

.p4r-form {
    --p4r-section-bg: #f8f9fb;
    --p4r-section-border: #e3e7ee;
    --p4r-legend-color: #2f3b4c;
    --p4r-muted: #6c757d;
}

.p4r-form .p4r-fieldset {
    background: var(--p4r-section-bg);
    border: 1px solid var(--p4r-section-border);
    border-radius: 6px;
    padding: 14px 20px 12px;
    margin: 0 0 22px;
}

.p4r-form .p4r-legend {
    width: auto;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--p4r-legend-color);
    border: 0;
    padding: 0;
    margin: 0 0 14px;
}

/* Even breathing room below the last field to match the top of the card. */
.p4r-form .p4r-fieldset .form-group:last-child { margin-bottom: 12px; }

.p4r-form .p4r-marketing-intro { color: var(--p4r-muted); margin: 0 0 12px; }
.p4r-form .p4r-marketing-option { margin-bottom: 2px; }
.p4r-form .p4r-submit { margin-top: 4px; }