/* admin/css/global-button-style.css - Viimeksi muokattu: 6.7.2025 klo 15:28 EEST, v1.0.2 */
/* Globaali painiketyyli kaikille painikkeille sivustolla */
/* Muutokset:
   - Alkuperäinen tiedosto (4.7.2025 klo 06:47 EEST, v1.0.0) määritteli tyylit button, #submit-button, .save-button, .yes-button, .no-button, .delete-button -luokille.
   - Lisätty eksplisiittinen .modern-button-määrittely (6.7.2025) yhtenäistämään painikkeiden ulkoasu ja vastaamaan muutoslokien (manage-users.php, create-user.php) oletuksia.
   - Säilytetty kaikki alkuperäiset tyylit ennallaan, lisätty .modern-button vastaamaan button-tyylejä.
*/
button,
#submit-button,
.save-button,
.yes-button,
.no-button,
.delete-button,
.modern-button {
    background-color: #d0e7ff !important;
    color: #003366 !important;
    border: none !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 24px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    transition: background-color 0.3s ease, box-shadow 0.2s ease !important;
    display: block !important;
    margin: 0 auto !important;
    font-family: Arial, sans-serif !important;
}

button:hover,
#submit-button:hover,
.save-button:hover,
.yes-button:hover,
.no-button:hover,
.delete-button:hover,
.modern-button:hover {
    background-color: #b3d9ff !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
}

button:active,
#submit-button:active,
.save-button:active,
.yes-button:active,
.no-button:active,
.delete-button:active,
.modern-button:active {
    background-color: #99ccff !important;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.15) !important;
}

button:disabled,
#submit-button:disabled,
.save-button:disabled,
.yes-button:disabled,
.no-button:disabled,
.delete-button:disabled,
.modern-button:disabled {
    background-color: #e0e0e0 !important;
    color: #888 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    button,
    #submit-button,
    .save-button,
    .yes-button,
    .no-button,
    .delete-button,
    .modern-button {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
    #confirmation-form .form-group.confirmation-card-actions .save-button,
    #confirmation-form .form-group.confirmation-card-actions .modern-button {
        min-width: 140px !important;
    }
}

@media (max-width: 576px) {
    button,
    #submit-button,
    .save-button,
    .yes-button,
    .no-button,
    .delete-button,
    .modern-button {
        padding: 8px 16px !important;
        font-size: 12px !important;
    }
    #confirmation-form .form-group.confirmation-card-actions .save-button,
    #confirmation-form .form-group.confirmation-card-actions .modern-button {
        min-width: 120px !important;
    }
}