/**
 * Mageplaza
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Mageplaza.com license that is
 * available through the world-wide-web at this URL:
 * https://www.mageplaza.com/LICENSE.txt
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Mageplaza
 * @package     Mageplaza_ShareCart
 * @copyright   Copyright (c) Mageplaza (https://www.mageplaza.com/)
 * @license     https://www.mageplaza.com/LICENSE.txt
 */

.actions .primary.sharecart {
    margin: 0 10px 15px;
}

button.action.primary.sharecart {
    display: block;
    width: 100%;
    line-height: 2.2rem;
    padding: 14px 17px;
    font-size: 1.8rem;
    margin: unset;
}

.mp-sharecart-popup .modal-title {
    border: none;
    padding-bottom: 25px;
}

.mp-sharecart-popup .modal-inner-wrap {
    width: 600px;
}

.mp-popup-cart {
    display: none;
}

#mp_show_download_share {
    display: inline-block;
}

.mp-tooltipped {
    position: relative;
}

.mp-tooltipped:before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: rgba(0, 0, 0, .8);
    pointer-events: none;
    content: "";
    border: 5px solid transparent;
    top: auto;
    right: 50%;
    bottom: -5px;
    margin-right: -5px;
    border-bottom-color: rgba(0, 0, 0, .8)
}

.mp-tooltipped:after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 5px 8px;
    font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: rgba(0, 0, 0, .8);
    border-radius: 3px;
    -webkit-font-smoothing: subpixel-antialiased;
    top: 100%;
    right: 50%;
    margin-top: 5px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.mp-tooltipped:hover:before,
.mp-tooltipped:active:before,
.mp-tooltipped:focus:before,
.mp-tooltipped:hover:after,
.mp-tooltipped:active:after,
.mp-tooltipped:focus:after {
    display: inline-block;
    text-decoration: none
}

.cart.main.actions a.action.primary.continue,
.cart.main.actions .action.primary.update,
.cart.main.actions .action.primary.clear,
.cart.main.actions>button:first-child {
    background: linear-gradient(#565652 30%, #242423);
    border-radius: 2px;
    color: #e4dcc5;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    line-height: 1.6rem !important;
}

.cart.main.actions a.action.primary.continue:hover,
.cart.main.actions .action.primary.update:hover,
.cart.main.actions .action.primary.clear:hover,
.cart.main.actions>button:first-child:hover {
    opacity: 0.8;
    color: #e4dcc5 !important;
    box-shadow: none;
}

.cart.main.actions .action_sharecart_link {
    margin-right: 3px;
}

.cart.main.actions .action_sharecart_notlogin_link {
    margin-right: 3px;
}

@media only screen and (max-width: 426px) {
    .cart.main.actions .action_sharecart_notlogin_link {
        margin: 0 0 5px 5px;
    }
}

#share-cart-popup .actions-toolbar button {
    padding-top: 5px;
    margin-top: 10px;
}

#share-cart-popup .field-header {
    margin-top: -30px;
    position: absolute;
    font-size: 1.5rem;
    font-weight: 600;
}

#share-cart-popup .actions-toolbar .btn-primary {
    background: linear-gradient(#565652 30%, #242423);
    border-radius: 2px;
    color: #e4dcc5;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    line-height: 1.6rem !important;
}

#share-cart-popup .actions-toolbar .btn-primary:hover {
    opacity: 0.8;
}

body[data-mode="dark"] #share-cart-popup .actions-toolbar button {
    background: linear-gradient(#d3d3d3 20%, #545454) !important;
    border-radius: 2px;
    color: #303030 !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 15px;
    font-size: 1.4rem;
    box-sizing: border-box;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    line-height: 1.6rem !important;
}