/* ==========================================================
   LIVANDA — CHECKOUTWC SIDE CART
   Modern Cosmic Glass UI
========================================================== */


/* ==========================================================
   1. ОСНОВА КОРЗИНЫ
========================================================== */

#cfw-side-cart {
    --lv-cart-text: #f7f4ff;
    --lv-cart-muted: #aaa3be;
    --lv-cart-line: rgba(205, 190, 255, 0.12);
    --lv-cart-accent: #a78fff;
    --lv-cart-accent-2: #7b6ce4;

    --cfw-body-background-color: transparent;
    --cfw-body-text-color: var(--lv-cart-text);
    --cfw-body-link-color: #cbbdff;

    --cfw-buttons-primary-background-color: #8d76ec;
    --cfw-buttons-primary-text-color: #ffffff;
    --cfw-buttons-primary-hover-background-color: #9c87f2;
    --cfw-buttons-primary-hover-text-color: #ffffff;

    --cfw-buttons-secondary-background-color: rgba(255,255,255,0.06);
    --cfw-buttons-secondary-text-color: #eeeaff;
    --cfw-buttons-secondary-hover-background-color: rgba(255,255,255,0.11);
    --cfw-buttons-secondary-hover-text-color: #ffffff;

    background:
        radial-gradient(
            circle at 16% 0%,
            rgba(166, 137, 255, 0.20),
            transparent 32%
        ),
        radial-gradient(
            circle at 100% 42%,
            rgba(111, 93, 213, 0.12),
            transparent 36%
        ),
        linear-gradient(
            160deg,
            #181233 0%,
            #100c27 52%,
            #0a081b 100%
        ) !important;

    color: var(--lv-cart-text) !important;

    font-family: "Montserrat", sans-serif !important;

    border-left:
        1px solid rgba(199, 180, 255, 0.20);

    box-shadow:
        -24px 0 70px rgba(5, 3, 22, 0.38);
}


/* ==========================================================
   2. ЗАТЕМНЕНИЕ САЙТА
========================================================== */

#cfw-side-cart-overlay {
    background:
        rgba(5, 3, 18, 0.72) !important;

    -webkit-backdrop-filter:
        blur(3px);

    backdrop-filter:
        blur(3px);
}


/* ==========================================================
   3. ВНУТРЕННЯЯ СТРУКТУРА
========================================================== */

#cfw-side-cart #cfw-side-cart-form {
    padding:
        18px 0 16px !important;
}


/* ==========================================================
   4. ВЕРХНЯЯ ПАНЕЛЬ
========================================================== */

#cfw-side-cart
.cfw-side-cart-contents-header {
    min-height: 62px;

    margin:
        0 22px !important;

    display: flex;
    align-items: center;
    justify-content: center;

    border-bottom:
        1px solid var(--lv-cart-line);
}


/* Кнопка закрытия */

[dir=ltr]
#cfw-side-cart
.cfw-side-cart-contents-header
.cfw-side-cart-close-btn {
    left: 22px !important;
}

#cfw-side-cart
.cfw-side-cart-contents-header
.cfw-side-cart-close-btn {
    top: 17px !important;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ddd4ff;

    border:
        1px solid rgba(201, 183, 255, 0.17);

    border-radius: 12px;

    background:
        rgba(255,255,255,0.055);

    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}


#cfw-side-cart
.cfw-side-cart-contents-header
.cfw-side-cart-close-btn:hover {
    background:
        rgba(181, 155, 255, 0.13);

    border-color:
        rgba(203, 184, 255, 0.34);

    transform:
        translateX(-2px);
}


#cfw-side-cart
.cfw-side-cart-contents-header
.cfw-side-cart-close-btn svg {
    width: 29px !important;

    margin-left:
        0 !important;

    color:
        #ddd4ff;
}


[dir=ltr]
#cfw-side-cart
.cfw-side-cart-contents-header
.cfw-side-cart-close-btn:hover svg {
    margin-left:
        0 !important;
}


/* Иконка корзины + количество */

#cfw-side-cart
.cfw-side-cart-quantity-wrap {
    gap: 4px;

    padding:
        8px 13px;

    border:
        1px solid rgba(200, 181, 255, 0.15);

    border-radius:
        999px;

    background:
        rgba(255,255,255,0.05);

    color:
        #ffffff;
}


#cfw-side-cart
.cfw-side-cart-quantity-wrap svg {
    width:
        29px !important;

    color:
        #ae95ff !important;
}


#cfw-side-cart
.cfw-side-cart-quantity-wrap
.cfw-side-cart-quantity {
    color:
        #ffffff !important;

    font-family:
        "Montserrat", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;
}


/* ==========================================================
   5. ОБЛАСТЬ ТОВАРОВ
========================================================== */

#cfw-side-cart
.cfw-side-cart-contents {
    padding:
        18px 22px 24px !important;
}


/* Заголовок */

#cfw-side-cart
.cfw-side-cart-contents::before {
    content:
        "ВАША КОРЗИНА";

    display:
        block;

    margin:
        2px 0 14px;

    color:
        #ffffff;

    font-family:
        "Montserrat", sans-serif;

    font-size:
        18px;

    font-weight:
        700;

    letter-spacing:
        0.02em;
}


/* ==========================================================
   6. КАРТОЧКИ ТОВАРОВ
========================================================== */

#cfw-side-cart
#cfw-cart
.cart-item-row {
    border-bottom:
         1px solid rgba(205, 190, 255, 0.30) !important;
}

#cfw-side-cart
#cfw-cart
.cart-item-row > * {
    padding:
        17px 0 !important;

    border-bottom:
        0 !important;
}


/* Изображение */

#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-image {
    width:
        64px !important;
}


#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-image img {
    width:
        64px !important;

    border:
        0 !important;

    border-radius:
        11px;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.25);
}


/* Название */

[dir=ltr]
#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-description {
    padding-left:
        15px !important;
}


#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-description
.cfw-cart-item-title {
    font-size:
        14px !important;

    line-height:
        1.42;

    font-weight:
        600 !important;
}


#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-description
.cfw-cart-item-title a {
    color:
        #f5f1ff !important;

    text-decoration:
        none !important;

    transition:
        color .2s ease;
}


#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-description
.cfw-cart-item-title a:hover {
    color:
        #c9b9ff !important;
}


/* Цена */

[dir=ltr]
#cfw-side-cart
#cfw-cart
.cart-item-row
.cfw-cart-item-subtotal {
    padding-left:
        12px !important;

    padding-right:
        28px !important;

    color:
        #ffffff;

    font-size:
        14px;

    font-weight:
        600;
}


#cfw-side-cart
.woocommerce-Price-amount {
    color:
        #ffffff;

    font-weight:
        600;
}


/* Старая цена */

#cfw-side-cart del {
    color:
        rgba(222, 214, 241, 0.52) !important;

    opacity:
        1;
}


/* Новая цена */

#cfw-side-cart ins {
    color:
        #ffffff !important;

    text-decoration:
        none !important;
}


/* ==========================================================
   7. КРЕСТИК УДАЛЕНИЯ
========================================================== */

[dir=ltr]
#cfw-side-cart
.cfw-remove-item-button {
    right:
        0 !important;
}


#cfw-side-cart
.cfw-remove-item-button {
    top:
        13px !important;

    width:
        27px;

    height:
        27px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 !important;

    opacity:
        1 !important;

    color:
        #c9bfff !important;

    font-family:
        "Montserrat", sans-serif !important;

    border:
        1px solid rgba(210, 194, 255, 0.13);

    border-radius:
        50%;

    background:
        rgba(255,255,255,0.045);

    z-index:
        1001;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease;
}


#cfw-side-cart
.cfw-remove-item-button:hover {
    color:
        #ffc0d7 !important;

    background:
        rgba(255, 119, 167, 0.09);

    border-color:
        rgba(255, 154, 191, 0.21);
}


/* Для цифровых продуктов количество не показываем */

#cfw-side-cart
.cfw-edit-item-quantity-control-wrap,
#cfw-side-cart
.cfw-items-summary-item-discount {
    display:
        none !important;
}


/* ==========================================================
   8. FOOTER / ИТОГО
========================================================== */

#cfw-side-cart
.cfw-side-cart-contents-footer {
    margin:
        0 22px 4px !important;

    padding:
        17px;

    border:
        1px solid rgba(203, 185, 255, 0.14);

    border-radius:
        18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.075),
            rgba(152, 124, 231, 0.045)
        );

    box-shadow:
        0 14px 34px rgba(0,0,0,0.18);
}


#cfw-side-cart
.cfw-side-cart-contents-footer
.cfw-side-cart-contents-footer-border-shim {
    padding-top:
        0 !important;

    border-top:
        0 !important;
}


/* Таблица итогов */

#cfw-side-cart
.cfw-side-cart-totals table {
    width:
        100%;

    color:
        #ffffff;
}


#cfw-side-cart
.cfw-side-cart-totals
table tr td,
#cfw-side-cart
.cfw-side-cart-totals
table tr th {
    color:
        #d9d3e8;

    font-family:
        "Montserrat", sans-serif;

    font-size:
        13px;
}


#cfw-side-cart
.cfw-side-cart-totals
table tr.order-total {
    border-top:
        1px solid rgba(205, 190, 255, 0.16) !important;
}


#cfw-side-cart
.cfw-side-cart-totals
table tr.order-total td,
#cfw-side-cart
.cfw-side-cart-totals
table tr.order-total th {
    padding-top:
        15px !important;

    color:
        #ffffff !important;

    font-size:
        15px;

    font-weight:
        700;
}


/* ==========================================================
   9. ОСНОВНАЯ КНОПКА
========================================================== */

#cfw-side-cart
.cfw-side-cart-contents-footer
.cfw-primary-btn {
    min-height:
        54px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0 20px !important;

    border:
        0 !important;

    border-radius:
        14px !important;

    background:
        linear-gradient(
            135deg,
            #7c68e7 0%,
            #9c7df2 55%,
            #b187f7 100%
        ) !important;

    color:
        #ffffff !important;

    font-family:
        "Montserrat", sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    text-transform:
        none !important;

    box-shadow:
        0 10px 28px rgba(119, 89, 220, 0.28);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}


#cfw-side-cart
.cfw-side-cart-contents-footer
.cfw-primary-btn:hover {
    transform:
        translateY(-1px);

    filter:
        brightness(1.07);

    box-shadow:
        0 13px 32px rgba(119, 89, 220, 0.36);
}


/* ==========================================================
   10. ПРОДОЛЖИТЬ ПОКУПКИ
========================================================== */

#cfw-side-cart
.cfw-side-cart-contents-footer
.cfw-secondary-btn {
    min-height:
        44px;

    margin-top:
        8px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(205, 190, 255, 0.16) !important;

    border-radius:
        12px !important;

    background:
        rgba(255,255,255,0.055) !important;

    color:
        #dcd5ef !important;

    font-family:
        "Montserrat", sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease;
}


#cfw-side-cart
.cfw-side-cart-contents-footer
.cfw-secondary-btn:hover {
    background:
        rgba(255,255,255,0.09) !important;

    border-color:
        rgba(207, 191, 255, 0.28) !important;

    color:
        #ffffff !important;
}


/* ==========================================================
   11. SCROLLBAR
========================================================== */

#cfw-side-cart
.cfw-side-cart-contents::-webkit-scrollbar {
    width:
        6px;
}


#cfw-side-cart
.cfw-side-cart-contents::-webkit-scrollbar-track {
    background:
        transparent;
}


#cfw-side-cart
.cfw-side-cart-contents::-webkit-scrollbar-thumb {
    background:
        rgba(188, 169, 244, 0.25);

    border-radius:
        999px;
}


/* ==========================================================
   12. MOBILE
========================================================== */

@media (max-width: 600px) {

    #cfw-side-cart
    .cfw-side-cart-contents {
        padding:
            16px 16px 20px !important;
    }


    #cfw-side-cart
    .cfw-side-cart-contents-header {
        margin:
            0 16px !important;
    }


    #cfw-side-cart
    .cfw-side-cart-contents-footer {
        margin:
            0 16px 4px !important;
    }


    #cfw-side-cart
    .cfw-side-cart-contents::before {
        font-size:
            17px;
    }


    #cfw-side-cart
    #cfw-cart
    .cart-item-row
    .cfw-cart-item-image,

    #cfw-side-cart
    #cfw-cart
    .cart-item-row
    .cfw-cart-item-image img {
        width:
            56px !important;
    }
}



/* ==========================================================
   LIVANDA — SIDE CART HOTFIX
   Стрелка назад + отступы у цен
========================================================== */

/* 1) Делаем стрелку назад белой и более заметной */
#cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-close-btn {
    color: #ffffff !important;
}

#cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-close-btn svg {
    color: #ffffff !important;
}

#cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-close-btn svg path,
#cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-close-btn svg line,
#cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-close-btn svg polyline {
    stroke: #ffffff !important;
}

#cfw-side-cart .cfw-side-cart-contents-header .cfw-side-cart-close-btn:hover {
    color: #ffffff !important;
    background: rgba(181, 155, 255, 0.16) !important;
    border-color: rgba(203, 184, 255, 0.36) !important;
}


/* 2) Делаем блоку с ценами больше воздуха справа */
[dir=ltr] #cfw-side-cart #cfw-cart .cart-item-row .cfw-cart-item-subtotal {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    padding-left: 12px !important;
    padding-right: 56px !important;
    text-align: right !important;
    white-space: nowrap;
}


/* 3) Добавляем расстояние между старой и новой ценой */
#cfw-side-cart #cfw-cart .cart-item-row .cfw-cart-item-subtotal del,
#cfw-side-cart #cfw-cart .cart-item-row .cfw-cart-item-subtotal ins {
    display: block;
    margin: 0 !important;
    line-height: 1.2 !important;
}


/* 4) Чуть сдвигаем крестик правее/аккуратнее */
[dir=ltr] #cfw-side-cart .cfw-remove-item-button {
    right: 6px !important;
    top: 13px !important;
}