/**
 * Enhanced Course Cart Popup
 */


/* --------------------------------------------------
   MAIN POPUP
-------------------------------------------------- */

#ecc-cart-popup {

    display: none;

    position: fixed;

    top: 30px;

    right: 30px;

    width: 350px;

    max-width: calc(100% - 40px);

    padding: 18px 50px 18px 20px;

    background: #ffffff;

    border-radius: 6px;

    box-shadow:
        0 5px 25px
        rgba(0, 0, 0, 0.20);

    z-index: 999999;

    font-size: 15px;

    line-height: 1.5;

}


/* --------------------------------------------------
   SHOW POPUP
-------------------------------------------------- */

#ecc-cart-popup.ecc-show {

    display: block;

}


/* --------------------------------------------------
   SUCCESS
-------------------------------------------------- */

#ecc-cart-popup.ecc-success {

    border-left:
        4px solid #28a745;

}


/* --------------------------------------------------
   ERROR
-------------------------------------------------- */

#ecc-cart-popup.ecc-error {

    border-left:
        4px solid #dc3545;

}


/* --------------------------------------------------
   MESSAGE
-------------------------------------------------- */

#ecc-cart-popup
.ecc-popup-message {

    display: block;

}


/* --------------------------------------------------
   CLOSE BUTTON
-------------------------------------------------- */

#ecc-cart-popup
.ecc-popup-close {

    position: absolute;

    top: 8px;

    right: 12px;

    width: 25px;

    height: 25px;

    padding: 0;

    border: none;

    background: transparent;

    cursor: pointer;

    font-size: 22px;

    line-height: 1;

    font-weight: bold;

}


/* --------------------------------------------------
   DISABLED CHECKOUT
-------------------------------------------------- */

.ecc-checkout-disabled {

    opacity:
        0.5 !important;

    cursor:
        not-allowed !important;

    pointer-events:
        none !important;

}


/* --------------------------------------------------
   MOBILE
-------------------------------------------------- */

@media (
    max-width: 600px
) {

    #ecc-cart-popup {

        top: 20px;

        right: 20px;

        left: 20px;

        width: auto;

        max-width: none;

    }

}