/**
 * @author 1902 Software
 * @copyright Copyright © 2023 1902 Software (https://1902software.com/magento/)
 * @package WriteTextAI_WriteTextAI
 */

.wtai-welcome-new-version-popup-overlay,
.wtai-welcome-pro-popup-overlay,
.wtai-welcome-enterprise-popup-overlay,
.wtai-welcome-starter-popup-overlay,
.wtai-start-trial-popup-overlay,
.wtai-end-trial-popup-overlay,
.wtai-no-more-trial-credits-popup-overlay {
    background: rgba(0, 0, 0, 0.35);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}

.wtai-end-trial-popup-overlay,
.wtai-end-trial-popup-modal {
    left: 88px;
}

.wtai-welcome-new-version-popup-modal,
.wtai-welcome-pro-popup-modal,
.wtai-welcome-enterprise-popup-modal,
.wtai-welcome-starter-popup-modal,
.wtai-start-trial-popup-modal,
.wtai-end-trial-popup-modal,
.wtai-no-more-trial-credits-popup-modal {
    .modal-inner-wrap {
        width: 720px;
        border-radius: 5px;
    }

    .modal-header {
        padding: 0;
    }

    .modal-content {
        padding: 0;

        .wtai-popup-content {
            display: flex;

            .wtai-popup-image {
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                min-height: 300px;
                min-width: 240px;
            }

            .wtai-popup-text {
                padding: 40px 20px 20px;
                color: #303030;
                display: flex;
                flex-direction: column;
                width: 100%;

                .wtai-popup-title {
                    font-size: 23px;
                    font-weight: 600;
                    line-height: 28px;
                    margin-bottom: 20px;
                }

                .wtai-mb-twenty{
                    margin-bottom: 20px;
                }

                p {
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 18px;
                }

                .wtai-popup-buttons {
                    display: flex;
                    justify-content: flex-end;
                    margin-top: auto;

                    .action-primary {
                        border-color: #2271B1;
                        background: #2271B1;
                        color: #ffffff;
                        margin-left: 5px;
                    }
                }
            }
        }
    }
}

.wtai-start-trial-popup-modal {
    .modal-content {
        .wtai-popup-content {
            .wtai-popup-image {
                background-image: url("../WriteTextAI_WriteTextAI/images/welcome_banner.png");
            }
        }
    }
}

.wtai-end-trial-popup-modal {
   .modal-content {
        .wtai-popup-content {
            .wtai-popup-image {
                background-image: url("../WriteTextAI_WriteTextAI/images/end_trial.png");
            }
        }
    }
}

.wtai-no-more-trial-credits-popup-modal {
    .modal-content {
        .wtai-popup-content {
            .wtai-popup-image {
                background-image: url("../WriteTextAI_WriteTextAI/images/no_more_trial_credits.png");
            }
        }
    }
}

.wtai-welcome-new-version-popup-modal,
.wtai-welcome-pro-popup-modal,
.wtai-welcome-enterprise-popup-modal,
.wtai-welcome-starter-popup-modal {
    .modal-content {
        .wtai-popup-content {
            .wtai-popup-text {
                p {
                    margin-bottom: 13px;
                }

                .wtai-popup-title {
                    font-size: 20px;
                    margin-bottom: 20px;
                }

                .wtai-popup-subtitle {
                    font-size: 16px;
                    margin-bottom: 20px;
                }

                .wtai-popup-text-description {
                    margin-bottom: 20px;
                }

                .wtai-check-item {
                    display: flex;
                    gap: 10px;

                    .wtai-check-icon {
                        background-image: url("../WriteTextAI_WriteTextAI/images/icon-park-solid_check-one.svg");
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: contain;
                        min-height: 20px;
                        width: 20px;
                        display: inline-block;
                        flex-shrink: 0;

                        &.wtai-check-icon-top {
                            background-position-y: top;
                        }
                    }
 
                }
                
            }

            .wtai-popup-image {
                background: linear-gradient(137.86deg, #00376D 23.75%, #0066CC 76.25%);
                min-width: 215px;
                border-radius: 4px 0 0 4px;
                img {
                    display: block;
                    margin: auto;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
    }
}

.wtai-welcome-new-version-popup-modal,
.wtai-welcome-starter-popup-modal,
.wtai-welcome-pro-popup-modal {
    .modal-content {
        .wtai-popup-content {
            .wtai-popup-text {
                .wtai-popup-title {
                    font-size: 23px;
                }
            }
        }
    }
}

.wtai-welcome-starter-popup-modal {
    .modal-content {
        .wtai-popup-content {
            .wtai-popup-text {
                p {
                    margin-bottom: 20px;
                }
            }
        }
    }
}
