/**
 * Pages PHP — formulaire de mot de passe de WordPress, affiché à la place du
 * gabarit quand la page est « Protégée par mot de passe » (_moteur/page.php).
 * Champs et bouton au design A des formulaires (css/style-formulaires.css).
 */

.page-php__mot-de-passe {
    max-width: 560px;
    margin: 0 auto;
    padding: 80px 20px 120px;
    color: #0F2E2A;
    font-family: "DM Sans", Arial, sans-serif;
}

.page-php__mot-de-passe .post-password-form p {
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.6;
}

.page-php__mot-de-passe .post-password-form label {
    display: block;
    font: 600 14px/1.35 "DM Sans", Arial, sans-serif;
}

.page-php__mot-de-passe .post-password-form input[type="password"] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 7px;
    padding: 12px 14px;
    border: 1px solid #DCE6E4;
    border-radius: 3px;
    background: #fff;
    font: 400 16px/1.4 "DM Sans", Arial, sans-serif;
    color: #0F2E2A;
}

.page-php__mot-de-passe .post-password-form input[type="password"]:focus {
    outline: none;
    border-color: #3A9C92;
    box-shadow: 0 0 0 3px rgba(58, 156, 146, 0.2);
}

.page-php__mot-de-passe .post-password-form input[type="submit"] {
    margin-top: 12px;
    min-width: 220px;
    padding: 13px 28px;
    border: 0;
    border-radius: 3px;
    background: #1F5C56;
    color: #fff;
    font: 600 15px/1.2 "DM Sans", Arial, sans-serif;
    cursor: pointer;
    transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.page-php__mot-de-passe .post-password-form input[type="submit"]:hover {
    background: #2D7A72;
}

.page-php__mot-de-passe .post-password-form input[type="submit"]:focus-visible {
    outline: 2px solid #3A9C92;
    outline-offset: 2px;
}