/*
================================================

Space Vanta Theme 1.0

Module:
Cart / Empty

File:
empty.css

Responsibility:
Empty cart presentation

================================================
*/


.sv-cart-empty {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    min-height: 360px;

    text-align: center;
}


/*
------------------------------------------------
Empty Message
------------------------------------------------
*/

.sv-cart-empty__message {
    position: relative;

    padding-bottom: 10px;

    font-size: 13px;
    line-height: 1.5;

    letter-spacing: 0.055em;

    opacity: 0.58;
}


/*
------------------------------------------------
Reflective Line
------------------------------------------------
*/

.sv-cart-empty__message::after {
    content: "";

    position: absolute;

    left: 12%;
    right: 12%;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(165, 174, 184, 0.3),
            transparent);

    opacity: 0.7;
}


@media (max-width: 767px) {

    .sv-cart-empty {
        min-height: 300px;
    }

    .sv-cart-empty__message {
        font-size: 12px;
    }

}