/* ----------------------------
   Mensagens de sucesso, info e erro
----------------------------- */
.wpsub-message {
    font-family: inherit;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px 12px;
    border-radius: 4px;
}

.wpsub-message.success {
    color: green;
    background: #e6f9e6;
    border: 1px solid #b2e0b2;
}

.wpsub-message.info {
    color: #0c5460;
    background: #d1ecf1;
    border: 1px solid #bee5eb;
}

.wpsub-message.error {
    color: red;
    font-weight: bold;
    background: #fdeaea;
    border: 1px solid #f5c6cb;
}

/* ------------------------
   Formulário de Subscrição
--------------------------*/
.wpsub-form p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #D8613C;
    font-family: inherit;
}

.wpsub-form label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #D8613C;
}

.wpsub-form label span {
    color: red; /* asterisco obrigatório */
}

.wpsub-form input[type="text"],
.wpsub-form input[type="email"] {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.wpsub-form input[type="text"]:focus,
.wpsub-form input[type="email"]:focus {
    border-color: #D8613C;
    box-shadow: 0 0 5px rgba(216, 97, 60, 0.5);
    outline: none;
}

.wpsub-form button {
    background-color: #D8613C;
    color: #fff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.wpsub-form button:hover {
    background-color: #c75531;
}

/* ----------------------------
   Formulário de opt-out (cancelar subscrição)
-----------------------------*/
.wpsub-unsubscribe-form {
    margin: 20px 0;
    font-family: inherit;
    font-size: 14px;
    color: #D8613C;
}

.wpsub-unsubscribe-form input[type="email"] {
    width: 100%;
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 10px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.wpsub-unsubscribe-form input[type="email"]:focus {
    border-color: #D8613C;
    box-shadow: 0 0 5px rgba(216, 97, 60, 0.5);
    outline: none;
}

.wpsub-unsubscribe-form .wpsub-button.cancel {
    background-color: #D8613C;
    color: #fff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.wpsub-unsubscribe-form .wpsub-button.cancel:hover {
    background-color: #c75531;
}

/* ----------------------------
   Página de confirmação de cancelamento
-----------------------------*/
.wpsub-confirm-cancel {
    margin: 20px 0;
    font-family: inherit;
    font-size: 14px;
    color: #333;
}

.wpsub-confirm-cancel p {
    margin-bottom: 15px;
    color: #D8613C;
}

.wpsub-confirm-cancel .wpsub-button {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 10px;
    transition: background-color 0.3s ease;
}

.wpsub-confirm-cancel .wpsub-button.confirm {
    background-color: #D8613C;
    color: #fff;
}

.wpsub-confirm-cancel .wpsub-button.confirm:hover {
    background-color: #c75531;
}

.wpsub-confirm-cancel .wpsub-button.cancel {
    background-color: #ccc;
    color: #333;
}

.wpsub-confirm-cancel .wpsub-button.cancel:hover {
    background-color: #999;
    color: #fff;
}