//
//  Amasty Affiliate
//  ____________________________________________

//
//  Variables
//  --------------------------------------------

@amaffiliate-button__copied__border-color: #30b661;
@amaffiliate-button__copied__color: #1ba84e;

@amaffiliate-copy-button__background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzcuODY3IDQ3Ny44NjciPjxwYXRoIGQ9Ik0zNDEuMzMzIDg1LjMzM0g1MS4yYy0yOC4yNzcgMC01MS4yIDIyLjkyMy01MS4yIDUxLjJ2MjkwLjEzM2MwIDI4LjI3NyAyMi45MjMgNTEuMiA1MS4yIDUxLjJoMjkwLjEzM2MyOC4yNzcgMCA1MS4yLTIyLjkyMyA1MS4yLTUxLjJWMTM2LjUzM2MwLTI4LjI3Ny0yMi45MjMtNTEuMi01MS4yLTUxLjJ6TTM1OC40IDQyNi42NjdjMCA5LjQyNi03LjY0MSAxNy4wNjctMTcuMDY3IDE3LjA2N0g1MS4yYy05LjQyNiAwLTE3LjA2Ny03LjY0MS0xNy4wNjctMTcuMDY3VjEzNi41MzNjMC05LjQyNiA3LjY0MS0xNy4wNjcgMTcuMDY3LTE3LjA2N2gyOTAuMTMzYzkuNDI2IDAgMTcuMDY3IDcuNjQxIDE3LjA2NyAxNy4wNjd2MjkwLjEzNHoiLz48cGF0aCBkPSJNNDI2LjY2NyAwaC0zMDcuMmMtMjguMjc3IDAtNTEuMiAyMi45MjMtNTEuMiA1MS4yIDAgOS40MjYgNy42NDEgMTcuMDY3IDE3LjA2NyAxNy4wNjdTMTAyLjQgNjAuNjI2IDEwMi40IDUxLjJzNy42NDEtMTcuMDY3IDE3LjA2Ny0xNy4wNjdoMzA3LjJjOS40MjYgMCAxNy4wNjcgNy42NDEgMTcuMDY3IDE3LjA2N3YzMDcuMmMwIDkuNDI2LTcuNjQxIDE3LjA2Ny0xNy4wNjcgMTcuMDY3cy0xNy4wNjcgNy42NDEtMTcuMDY3IDE3LjA2NyA3LjY0MSAxNy4wNjcgMTcuMDY3IDE3LjA2N2MyOC4yNzcgMCA1MS4yLTIyLjkyMyA1MS4yLTUxLjJWNTEuMmMwLTI4LjI3Ny0yMi45MjMtNTEuMi01MS4yLTUxLjJ6Ii8+PC9zdmc+) no-repeat center;
@amaffiliate-copy-button__success__background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjcuODA1IDM2Ny44MDUiPjxwYXRoIGQ9Ik0xODMuOTAzLjAwMWMxMDEuNTY2IDAgMTgzLjkwMiA4Mi4zMzYgMTgzLjkwMiAxODMuOTAycy04Mi4zMzYgMTgzLjkwMi0xODMuOTAyIDE4My45MDJTLjAwMSAyODUuNDY5LjAwMSAxODMuOTAzQy0uMjg4IDgyLjYyNSA4MS41NzkuMjkgMTgyLjg1Ni4wMDFoMS4wNDd6IiBmaWxsPSIjM2JiNTRhIi8+PHBhdGggZmlsbD0iI2Q0ZTFmNCIgZD0iTTI4NS43OCAxMzMuMjI1TDE1NS4xNjggMjYzLjgzN2wtNzMuMTQzLTcyLjYyIDI5Ljc4LTI5LjI1NyA0My4zNjMgNDIuODQxIDEwMC44MzMtMTAwLjgzM3oiLz48L3N2Zz4=) no-repeat center;

//
//  Common
//  --------------------------------------------

& when (@media-common = true) {
    .amaffiliate-sr-only,
    .amaffiliate-sr-live {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }

    .amaffiliate-copy-button {
        & {
            .lib-button-reset();

            box-shadow: none;
            height: 15px;
            margin-left: @indent__s;
            width: 15px;
        }

        &,
        &:focus,
        &:active,
        &:hover {
            background: @amaffiliate-copy-button__background;
        }

        &:not(.primary) {
            box-shadow: none;
        }

        &.-copied {
            background: @amaffiliate-copy-button__success__background;
        }

        &:focus-visible {
            border-radius: 2px;
            outline: 2px solid @focus__color;
            outline-offset: 2px;
        }
    }

    .amasty-affiliate-page {
        fieldset.affiliate-widget {
            padding: 2rem;
        }

        .amaffiliate-chartdiv {
            height: 450px;
            width: 100%;
        }

        .amaffiliate-coupon-code {
            .amaffiliate-wrapper {
                margin-bottom: 15px;
            }
        }

        .amaffiliate-copy-button,
        .affiliate_button,
        .action.save.primary,
        .action.primary,
        .action.save,
        .action.previous,
        .action.next,
        .amaffiliate-wrapper .amaffiliate-copy-button {
            &:focus-visible {
                outline: 2px solid @focus__color;
                outline-offset: 2px;
            }
        }

        .affiliate_button {
            &.am-copied,
            &.am-copied:hover,
            &.am-copied:focus,
            &.am-copied:active {
                background-color: @color-white;
                border-color: @amaffiliate-button__copied__border-color;
                color: @amaffiliate-button__copied__color;
            }
        }

        .amaffiliate-coupon-code,
        .field.referring_code,
        .field.referring_website,
        .field.paypal_email,
        .field.choice {
            input.input-text,
            input.checkbox {
                &:focus-visible {
                    outline: 2px solid @focus__color;
                    outline-offset: 2px;
                }
            }
        }

        .affiliate-widget input.input-text,
        /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
        #form-validate input.input-text {
            &:focus-visible {
                outline: 2px solid @focus__color;
                outline-offset: 2px;
            }
        }

        .affiliate-widget input[type='radio'],
        .affiliate-widget input[type='checkbox'],
        /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
        #form-validate input[type='radio'],
        /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
        #form-validate input[type='checkbox'] {
            margin: 7px;

            &:focus {
                box-shadow: none;
            }
        }

        .affiliate-widget input[type='checkbox'],
        /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
        #form-validate input[type='checkbox'] {
            &:focus-visible {
                box-shadow: none;
                outline: 2px solid @focus__color;
                outline-offset: 1px;
            }
        }

        .affiliate-widget input[type='radio'],
        /* phpcs:ignore Magento2.Less.AvoidId.IdSelectorUsage */
        #form-validate input[type='radio'] {
            &:focus-visible {
                border-radius: 50%;
                box-shadow: none;
                outline: 2px solid @focus__color;
                outline-offset: 1px;
            }
        }

        .amasty-affiliate-collapsible .title.block-collapsible-nav-title {
            &:focus-visible {
                outline: 2px solid @focus__color;
                outline-offset: 2px;
            }
        }

        .affiliate_social_buttons,
        .a2a_kit {
            a {
                &:focus-visible {
                    border-radius: 2px;
                    outline: 2px solid @focus__color;
                    outline-offset: 2px;
                }
            }
        }

        .orders-history,
        .table-wrapper {
            a.action {
                &:focus-visible {
                    outline: 2px solid @focus__color;
                    outline-offset: 2px;
                }
            }
        }

        .field.referring_code .field-tooltip-action {
            .lib-button-reset();

            background: none;
            border: none;
            cursor: pointer;
            padding: 0;

            &:focus-visible {
                border-radius: 50%;
                outline: 2px solid @focus__color;
                outline-offset: 2px;
            }
        }
        .field.choice label a {
            &:focus-visible {
                outline: 2px solid @focus__color;
                outline-offset: 1px;
            }
        }

        .table-wrapper a {
            display: block;
        }

        .am5-focus-container [role='checkbox'] {
            &:focus-visible {
                top: 10px;
            }
        }
    }

    .am-widget-product-img {
        display: block;
        margin: 2px;
        padding: 10px;
    }
}