/* ═══════════════════════════════════════════════════════════════════
   inscription.css — Port'Ability
   Styles uniquement pour le formulaire d'inscription.
   Ne touche pas au design global du thème WordPress.
   À placer dans : wp-content/themes/portability/css/inscription.css
   ═══════════════════════════════════════════════════════════════════ */

/* ── Titre de section ────────────────────────────────────────────── */
.pa-section-title {
    margin: 2rem 0 1rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid #1E3A5F;
    font-size: 1.2rem;
    color: #1E3A5F;
}

/* ── Grilles de champs ───────────────────────────────────────────── */
.pa-row {
    display: grid;
    gap: 1rem;
    margin-bottom: 1rem;
}
.pa-row--2 { grid-template-columns: repeat(2, 1fr); }
.pa-row--3 { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 640px) {
    .pa-row--2,
    .pa-row--3 {
        grid-template-columns: 1fr;
    }
}

/* ── Groupe label + input ────────────────────────────────────────── */
.pa-group {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    margin-bottom: .75rem;
}

.pa-group label {
    font-size: .9rem;
    font-weight: 600;
}

.pa-group input[type="text"],
.pa-group input[type="email"],
.pa-group input[type="tel"],
.pa-group input[type="date"],
.pa-group input[type="number"],
.pa-group select,
.pa-group textarea {
    width: 100%;
    padding: .5rem .75rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: .95rem;
    font-family: inherit;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s;
}

.pa-group input:focus,
.pa-group select:focus,
.pa-group textarea:focus {
    outline: none;
    border-color: #1E3A5F;
    box-shadow: 0 0 0 2px rgba(30,58,95,.12);
}

.pa-group textarea {
    resize: vertical;
    min-height: 90px;
}

/* ── Champ en erreur ─────────────────────────────────────────────── */
.pa-group--error input,
.pa-group--error select,
.pa-group--error textarea {
    border-color: #c0392b;
    background: #fff8f8;
}

.pa-err {
    font-size: .8rem;
    color: #c0392b;
    font-weight: 500;
}

/* ── Radios alignés ──────────────────────────────────────────────── */
.pa-radios {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    padding: .4rem 0;
}

.pa-radios label {
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
}

/* ── Checkbox RGPD ───────────────────────────────────────────────── */
.pa-group--checkbox label {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5;
    cursor: pointer;
}

.pa-group--checkbox input[type="checkbox"] {
    flex-shrink: 0;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    accent-color: #1E3A5F;
}

/* ── Indication ──────────────────────────────────────────────────── */
.pa-hint {
    color: #666;
    font-size: .875rem;
    margin-bottom: 1rem;
}

/* ── Bouton submit ───────────────────────────────────────────────── */
.pa-submit-wrap {
    margin-top: 1.5rem;
}

.pa-btn-submit {
    background: #1E3A5F;
    color: #fff;
    border: none;
    padding: .75rem 2rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s;
}

.pa-btn-submit:hover {
    background: #152B46;
}

/* ── Alertes (succès / erreur / avertissement) ───────────────────── */
.pa-alert {
    padding: 1rem 1.25rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    font-size: .95rem;
    line-height: 1.6;
    border-left: 4px solid transparent;
}

.pa-alert--success {
    background: #eaf7ef;
    border-color: #3CAB6E;
    color: #1a5c36;
}

.pa-alert--error {
    background: #fdecea;
    border-color: #c0392b;
    color: #c0392b;
}

.pa-alert--warning {
    background: #fff8e6;
    border-color: #E8811A;
    color: #7a4a00;
}

/* ── Liens PDF après succès ──────────────────────────────────────── */
.pa-pdf-links {
    margin: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.pa-pdf-links a {
    font-weight: 600;
    text-decoration: underline;
}