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

/* eslint-disable Magento2.Less.ClassNaming.NotAllowedSymbol */

@media screen and (min-width: 1440px) {
    .wtai-edit-modal .page-actions-buttons .wtai-line-break {
        margin: 0;
    }
}

@media screen and (max-width: 1243px) {
    .wtai-edit-modal {
        .wtai-toolbar {
            .wtai-top {
                .wtai-col-left > .wtai-field {
                    label {
                        text-align: left;
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 1100px) {
    .wtai-edit-modal {
        .page-actions-buttons {
            .page-actions-buttons.wtai-mark-reviewed {
                label.action {
                    margin-left: 0;
                    padding-left: 0;
                }
            }

            .wtai-line-break {
                width: 100%;
            }
        }

        .wtai-accordion-block.wtai-gallery-block,
        .wtai-accordion-block.wtai-text-block {
            [data-role="content"] {
                .wtai-field {
                    width: 100%;

                    &.row {
                        margin-bottom: 0;
                    }

                    + .wtai-field {
                        margin-top: 20px;
                    }
                }

                .admin__field.row {
                    margin-left: 0;
                }
            }
        }

        .wtai-attributes-block .wtai-wtai-attributes {
            flex-direction: column;

            .wtai-attributes {
                width: 100%;

                .wtai-field {
                    display: flex;
                    flex: auto;
                    min-width: unset;
                    width: 100%;
                }

                .admin__field-label {
                    flex-shrink: 0;
                    width: 40%;
                }
            }

            .wtai-other-details {
                margin-left: 0;
                margin-top: 20px;
            }
        }
    }
}

@media screen and (max-width: 946px) {
    .wtai-edit-modal .wtai-toolbar {
        .wtai-top > .wtai-field:not(:last-child) {
            display: flex;
            width: 100%;
    
            .admin__field-label {
                margin-right: auto;
            }
    
            .admin__field-tooltip-action {
                margin-left: 3px;
            }
        }

        .wtai-right,
        .wtai-top {
            > .wtai-field:not(:last-child) {
                .wtai-custom-action-select-wrap {
                    width: ~"calc(60% - 25px)";
        
                    .wtai-custom-action-select {
                        width: 100%;
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 768px) {
    .wtai-edit-modal {
        .modal-header .page-main-actions {
            right: 76px;

            [data-role="action"] {
                &.wtai-link-preview {
                    border: 0;
                }

                &.action > span {
                    display: none;
                }
            }
        }
    }
}