// Authentication Link Styles - START
.checkout-index-index .checkout-container .authentication-wrapper .action-auth-toggle {
    color: #111;
    font-family: 'sen', Sen;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    &:hover {
        text-decoration: none;
    }
}


// Authentication Link Styles - END

// authentication pop-up
.authentication-dropdown {
    border: none;
    font-family: 'sen', Sen;
    font-style: normal;
    font-weight: 400;

    .modal-inner-wrap {
        padding: 15px 17px;

        .block-customer-login {

            color: #111;

            .block-title {
                font-size: 22px;
                line-height: 28px; /* 127.273% */
                letter-spacing: 0.275px;
                text-transform: capitalize;
                margin-bottom: 20px;
            }

            .block-content {
                form {
                    .fieldset {
                        .field {
                            margin-bottom: 20px;

                            label {
                                font-size: 16px;
                                line-height: 28px; /* 175% */
                                letter-spacing: 0.2px;
                                text-transform: capitalize;
                                margin-bottom: 10px;
                            }

                            input[type="email"],
                            input[type="password"] {
                                height: 56px;
                                color: #5A5A5A;
                                font-size: 14px;
                                line-height: 28px; /* 200% */
                                border-radius: 7px;
                                border: 1px solid #C0C0C0;
                            }
                        }
                    }
                }
            }
        }
    }
}


@media (min-width: 769px) {
    .checkout-index-index {
        .authentication-dropdown {
            border-bottom-right-radius: 50px;
        }

        .block-authentication {
            .actions-toolbar {
                > .primary {
                    .action {
                        margin-right: 0;
                        background: #ED6C02;
                        color: #fff;
                        border: none;
                        border-radius: 7px;
                        text-transform: capitalize;
                        padding: 10px 15px;
                    }
                }

                > .secondary {
                    .action-remind {
                        color: #111;
                        font-family: 'sen', Sen;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 28px;
                        letter-spacing: 0.2px;
                        text-transform: capitalize;
                    }
                }
            }
        }
    }
}


// authentication pop-up
@media (max-width: 769px) {
    .checkout-index-index {
        .authentication-dropdown {
            .modal-inner-wrap {
                padding: 25px;
                background-color: #ffffff;

            }
        }

        .block-authentication {
            .actions-toolbar {
                display: flex;
                justify-content: space-between;
                flex-direction: row-reverse;

                > .primary {
                    .action:last-child {
                        height: 58px;
                        padding: 10px 15px;
                        gap: 10px;
                        color: #fff;
                        font-family: 'sen', Sen;
                        font-size: 20px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 28px; /* 140% */
                        background: #ED6C02;
                    }
                }

                > .secondary {
                    padding-top: 12px;

                    .action:last-child {
                        color: #111;
                        font-family: 'sen', Sen;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                        line-height: 28px; /* 175% */
                        letter-spacing: 0.2px;
                        text-transform: capitalize;
                    }
                }
            }
        }

    }
}

@media (min-width: 768px) {
    body._has-modal-custom .modal-custom-overlay {
        background-color: rgba(51, 51, 51, 0.55) !important;
    }
}


// Common
// (for styles used in both mobile and desktop views)
& when (@media-common = true) {
    .sel-authentication-wrapper .title {
        color: #111;
        font-family: 'Sen', Sen;
        font-style: normal;
        font-weight: 400;
    }
}

// Mobile
// (for all mobile styles.)
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .sel-authentication-wrapper .title {
        font-size: 20px;
        letter-spacing: 0.25px;
    }
}

// Tablet
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .sel-authentication-wrapper .title {
        font-size: 24px;
        letter-spacing: 0.25px;
    }
}


// Desktop
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
    .sel-authentication-wrapper .title {
        font-size: 48px;
        line-height: 56px; /* 116.667% */
        letter-spacing: 0.6px;
    }
}

@media (max-width: 767px) {
    .checkout-index-index .authentication-wrapper{

        margin-top: -30px;

        .action-auth-toggle {
            color: #111;
            font-family: 'sen', Sen;
            font-size: 16px;
            font-weight: 400;

        }
    }
}

@media (min-width: 768px) {
    .checkout-index-index .authentication-wrapper{
        margin-top: -35px;
        .action-auth-toggle {
            color: #111;
            font-family: 'sen', Sen;
            font-size: 22px;
        }

    }
}
