/* Custom styles for Laravel app - using template CSS instead of Tailwind */

/* Vue3-Toastify Global Overrides for Customer Theme */
.Toastify__toast {
    min-width: 300px !important;
    padding: 12px 16px !important;
    font-family: inherit !important;
}

.Toastify__toast-body {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 12px !important;
}

.Toastify__toast-icon {
    width: 22px !important;
    height: 22px !important;
    margin-right: 0 !important;
}

.Toastify__toast-body > div:last-child {
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #333 !important;
    word-break: break-word !important;
    text-align: left !important;
}