/**
 * @file
 * Styles for the sanepar modal.
 */

 .ui-dialog {
    padding: 40px 32px !important;
    display: flex;
    flex-direction: column;
    gap: 24px;

    &.error-modal {
        .ui-dialog-titlebar {
            span.ui-dialog-title {
                color: #C30B0B;

                &::before {
                    content: url(../images/modal-error-icon.png);
                }
            }
        }
    }

    &.alert-modal {
        .ui-dialog-titlebar {
            span.ui-dialog-title {
                color: #ECA12B;

                &::before {
                    content: url(../images/modal-alert-icon.png);
                }
            }
        }
    }

    &.success-modal {
        .ui-dialog-titlebar {
            span.ui-dialog-title {
                color: #23744D;
                
                &::before {
                    content: url(../images/modal-success-icon.png);
                }
            }
        }
    }


    .ui-dialog-content {
        margin-top: 0 !important;
        overflow: hidden !important;
        height: auto !important;

        .modal-content {
            .modal-message {
                margin-bottom: 24px;

                &:has(.modal-details) {
                    overflow-y: auto;
                    max-height: 300px;
                }

                .modal-details {
                    padding: 12px;
                    margin-top: 12px;
                    border: 1px solid #e0e0e0;
                    border-radius: 4px;
                    background: #fafafa;
                    text-align: left;
                    font-size: 14px;
                    line-height: 1.5;
                }
            }

            .modal-actions {
                display: flex;
                gap: 12px;
                justify-content: center;
                flex-wrap: wrap;
                flex-shrink: 0;
                padding-top: 16px;
                border-top: 1px solid #e0e0e0;

                .button--primary {
                    font-size: 16px;
                    font-weight: 700;
                    color: white;
                    width: 170px;
                    height: 48px;
                    border-radius: 0 20px 0 20px;
                    border: 2px solid #0862AD;
                    background: #0862AD;
                }

                .coh-style-secondary-button-sanepar {
                    font-size: 16px;
                    font-weight: 700;
                    color: #0862AD;
                    width: 170px;
                    height: 48px;
                    border-radius: 0 20px 0 20px;
                    border: 2px solid #0862AD;
                    background: white;
                    cursor: pointer;
                }
            }
        }
    }
}