﻿/* Base toast container
   - Auto width based on content
   - Capped with max-width
*/
.notyf .notyf__toast {
    width: auto;
    max-width: 600px;
    border-radius: 8px;
    font-size: 10pt;
}

.notyf .notyf__wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Info toast */
.notyf .notyf__toast--info {
    color: #374151;
}
/* Message text behavior
   - Allow wrapping
   - Prevent overflow on long words / URLs
*/
.notyf .notyf__message {
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
}

/* Icon container */
.notyf .notyf__icon {
    font-size: 20px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}

/* Icon success */
.notyf__toast--success .notyf__custom-icon {
    content: url('/Asset/Image/Icon/Toast/Success.png');
    width: 20px;
}

/* Icon success */
.notyf__toast--info .notyf__custom-icon {
    content: url('/Asset/Image/Icon/Toast/Info.png');
    width: 20px;
}

/* Optional: improve readability on mobile */
@media (max-width: 480px) {
    .notyf .notyf__toast {
        max-width: calc(100vw - 32px);
    }
}
