/* ================================================
   BRICKS МІНІ-КОШИК — СТИЛІЗАЦІЯ
   GoraFish | mini-cart.css
   ================================================ */

/* --------------------------------------------------
   PANEL (drawer)
   -------------------------------------------------- */
.cart-detail.off-canvas.right {
    width: 420px !important;
    max-width: 100vw !important;
    background: #fff !important;
    box-shadow: -4px 0 32px rgba(0, 0, 0, 0.12) !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    overflow: hidden !important;
}

@media (max-width: 480px) {
    .cart-detail.off-canvas.right {
        width: 100vw !important;
    }
}

/* --------------------------------------------------
   ЗАГОЛОВОК "Ваш кошик"
   -------------------------------------------------- */
.cart-detail.off-canvas.right::before {
    content: "Ваш кошик" !important;
    display: block !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-variation-settings: "wght" 700 !important;
    color: var(--title) !important;
    padding: 20px 56px 16px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    flex-shrink: 0 !important;
}

/* --------------------------------------------------
   КНОПКА ЗАКРИТИ
   -------------------------------------------------- */
.bricks-mini-cart-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 1px solid #e8e8e8 !important;
    background: none !important;
    cursor: pointer !important;
    transition: background 0.2s, border-color 0.2s !important;
}

.bricks-mini-cart-close:hover {
    background: #f5f5f5 !important;
    border-color: #d0d0d0 !important;
}

.bricks-mini-cart-close svg path {
    stroke: var(--title) !important;
}

/* --------------------------------------------------
   НАЗВА ТОВАРУ — тільки розмір шрифту
   -------------------------------------------------- */
.cart-detail .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
    font-size: 14px !important;
}

/* --------------------------------------------------
   ПОЛОСКА БЕЗКОШТОВНОЇ ДОСТАВКИ (JS вставляє)
   -------------------------------------------------- */
.gf-shipping-progress {
    padding: 12px 20px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    flex-shrink: 0 !important;
}

.gf-shipping-progress__text {
    font-size: 13px !important;
    color: var(--title-l-1) !important;
    margin-bottom: 8px !important;
    line-height: 1.45 !important;
}

.gf-shipping-progress__text strong {
    color: var(--primary) !important;
}

.gf-shipping-progress__track {
    height: 5px !important;
    border-radius: 99px !important;
    background: #f0f0f0 !important;
    overflow: hidden !important;
}

.gf-shipping-progress__fill {
    height: 100% !important;
    border-radius: 99px !important;
    background: var(--primary) !important;
    transition: width 0.5s ease !important;
}

/* --------------------------------------------------
   ВМІСТ КОШИКА — flex-контейнер що скролиться
   -------------------------------------------------- */
.cart-detail .widget_shopping_cart_content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

/* --------------------------------------------------
   СПИСОК ТОВАРІВ — скролиться
   -------------------------------------------------- */
.cart-detail .woocommerce-mini-cart {
    list-style: none !important;
    padding: 12px 20px !important;
    margin: 0 !important;
    flex: 1 !important;
    overflow-y: auto !important;
    min-height: 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: #e0e0e0 transparent !important;
}

.cart-detail .woocommerce-mini-cart::-webkit-scrollbar {
    width: 4px !important;
}

.cart-detail .woocommerce-mini-cart::-webkit-scrollbar-thumb {
    background: #e0e0e0 !important;
    border-radius: 99px !important;
}

/* --------------------------------------------------
   ФУТЕР — підсумок + кнопки (завжди внизу)
   -------------------------------------------------- */
.cart-detail .woocommerce-mini-cart__total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 20px 10px !important;
    border-top: 1px solid #f0f0f0 !important;
    font-size: 15px !important;
    color: var(--title) !important;
    flex-shrink: 0 !important;
}

.cart-detail .woocommerce-mini-cart__total strong {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--primary) !important;
}

/* Обгортка кнопок */
.cart-detail .woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 0 20px 24px !important;
    flex-shrink: 0 !important;
}

/* Обидві кнопки — базові скиди */
.cart-detail .woocommerce-mini-cart__buttons a,
.cart-detail .woocommerce-mini-cart__buttons .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 13px 20px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-variation-settings: "wght" 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.2s, border-color 0.2s, color 0.2s !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Кнопка "Оформлення замовлення" */
.cart-detail .woocommerce-mini-cart__buttons .checkout {
    background: var(--primary) !important;
    color: #fff !important;
    border: none !important;
    order: 1 !important;
}

.cart-detail .woocommerce-mini-cart__buttons .checkout:hover {
    background: var(--primary-l-1) !important;
    color: #fff !important;
}

/* Кнопка "Переглянути кошик" */
.cart-detail .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
    background: none !important;
    border: 1.5px solid #e8e8e8 !important;
    color: var(--title) !important;
    order: 2 !important;
}

.cart-detail .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    background: #fff8f4 !important;
}