/*
 * Feuille de style du plugin Daily Mood‑Based Affirmations.
 * Cette feuille vise à rendre le formulaire agréable et responsive.
 */
.da-container {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #e0e0e0;
    background: #fafafa;
    max-width: 400px;
}

.da-container label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
}

.da-container select {
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0.5em;
    font-size: 1em;
}

.da-button {
    background-color: #4f5bff;
    color: #ffffff;
    border: none;
    padding: 0.5em 1em;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 0.5em;
}

.da-button:hover {
    background-color: #3d48d8;
}

.da-result {
    font-style: italic;
    color: #333;
    margin-top: 0.5em;
}