/* Marbera Pro Accounts — formulaire d'inscription pro */

.mpa-form-wrap { max-width: 900px; margin: 0 auto; }

.mpa-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 16px;
    width: 100%;
}

.mpa-form .mpa-field { display: flex; flex-direction: column; }
.mpa-form .mpa-field-full { grid-column: 1 / -1; }

.mpa-form label {
    font-size: 14px;
    margin-bottom: 6px;
    color: #1a1a1a;
    font-weight: 400;
}

.mpa-form .mpa-required { color: #c62828; margin-left: 2px; }

.mpa-form input[type="text"],
.mpa-form input[type="email"],
.mpa-form input[type="tel"],
.mpa-form input[type="url"],
.mpa-form input[type="number"],
.mpa-form select,
.mpa-form textarea {
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    color: #1a1a1a;
    font-family: inherit;
    line-height: 1.4;
}

.mpa-form input::placeholder,
.mpa-form textarea::placeholder { color: #b0b0b0; }

.mpa-form input:focus,
.mpa-form select:focus,
.mpa-form textarea:focus {
    border-color: #1a1a1a;
    outline: none;
}

.mpa-form textarea { min-height: 90px; resize: vertical; }

.mpa-form .mpa-helper {
    font-size: 13px;
    color: #555;
    margin: 0;
}

.mpa-form .mpa-submit-row { margin-top: 4px; }

.mpa-form button[type="submit"] {
    background: #1a1a1a;
    color: #ffffff;
    border: none;
    border-radius: 999px;
    padding: 11px 32px;
    font-size: 14px;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease;
}
.mpa-form button[type="submit"]:hover { background: #333333; }

.mpa-success,
.mpa-errors {
    grid-column: 1 / -1;
    padding: 14px 18px;
    border-radius: 4px;
    margin-bottom: 4px;
    font-size: 14px;
}
.mpa-success { background: #f1f8f4; border-left: 3px solid #2e7d32; color: #1c4a23; }
.mpa-errors  { background: #fdecec; border-left: 3px solid #c62828; color: #6a1414; }
.mpa-errors ul { margin: 6px 0 0; padding-left: 18px; }

@media (max-width: 640px) {
    .mpa-form { grid-template-columns: 1fr; gap: 18px; }
    .mpa-form .mpa-field-full { grid-column: 1; }
}