/* ── Overlay ──────────────────────────────────────────────────── */
.astra-cart-drawer-overlay {
    background: rgba(0,0,0,0.5) !important;
}

/* ── Cart drawer panel ────────────────────────────────────────── */
.astra-cart-drawer {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-left: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: none !important;
    transition: transform 0.55s cubic-bezier(0.87,0,0.13,1) !important;
}

/* ── Drawer header ────────────────────────────────────────────── */
.astra-cart-drawer .astra-cart-drawer-header,
.astra-cart-drawer .ast-cart-drawer-head {
    background: #080808 !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding: 1rem 1.25rem !important;
}

.astra-cart-drawer .astra-cart-drawer-header h2,
.astra-cart-drawer .astra-cart-drawer-header h3,
.astra-cart-drawer .ast-cart-drawer-head h2,
.astra-cart-drawer .ast-cart-drawer-head h3,
.astra-cart-drawer .ast-cart-drawer-head .ast-cart-drawer-title {
    color: rgba(255,255,255,0.6) !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* ── Close button – matches mobile menu close button ─────────── */
.astra-cart-drawer-close,
.astra-cart-drawer .astra-cart-drawer-close,
.astra-cart-drawer .ast-cart-drawer-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    color: rgba(255,255,255,0.5) !important;
    transition: color 0.2s ease !important;
}

.astra-cart-drawer-close:hover,
.astra-cart-drawer .astra-cart-drawer-close:hover,
.astra-cart-drawer .ast-cart-drawer-close:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}

.astra-cart-drawer-close:focus,
.astra-cart-drawer-close:focus-visible,
.astra-cart-drawer-close:active,
.astra-cart-drawer .astra-cart-drawer-close:focus,
.astra-cart-drawer .astra-cart-drawer-close:focus-visible,
.astra-cart-drawer .astra-cart-drawer-close:active {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: rgba(255,255,255,0.5) !important;
}

.astra-cart-drawer-close svg,
.astra-cart-drawer .astra-cart-drawer-close svg,
.astra-cart-drawer .ast-cart-drawer-close svg {
    stroke: currentColor !important;
    fill: none !important;
    color: inherit !important;
}

/* ── Cart items wrapper ───────────────────────────────────────── */
.astra-cart-drawer .widget_shopping_cart_content,
.astra-cart-drawer .woocommerce-mini-cart {
    background: transparent !important;
}

/* ── Individual cart item ─────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart-item,
.astra-cart-drawer li.woocommerce-mini-cart-item {
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 0.85rem 1.25rem !important;
    margin: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

/* ── Product image ────────────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart-item img {
    width: 56px !important;
    height: 56px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
}

/* ── Product name ─────────────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart-item a:not(.remove) {
    color: #ffffff !important;
    font-size: 0.88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.astra-cart-drawer .woocommerce-mini-cart-item a:not(.remove):hover {
    opacity: 0.65 !important;
}

/* ── Price ────────────────────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart-item .quantity,
.astra-cart-drawer .woocommerce-mini-cart-item .woocommerce-Price-amount {
    color: rgba(255,255,255,0.6) !important;
    font-size: 0.85rem !important;
}

/* ── Remove button ────────────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart-item a.remove,
.astra-cart-drawer .woocommerce-mini-cart-item .remove_from_cart_button {
    color: rgba(255,255,255,0.3) !important;
    font-size: 1.1rem !important;
    transition: color 0.2s ease !important;
    background: transparent !important;
    border: none !important;
}

.astra-cart-drawer .woocommerce-mini-cart-item a.remove:hover,
.astra-cart-drawer .woocommerce-mini-cart-item .remove_from_cart_button:hover {
    color: #ffffff !important;
    background: transparent !important;
}

/* ── Total row ────────────────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart__total,
.astra-cart-drawer .ast-mini-cart-total {
    background: rgba(255,255,255,0.03) !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding: 0.85rem 1.25rem !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.astra-cart-drawer .woocommerce-mini-cart__total strong,
.astra-cart-drawer .ast-mini-cart-total strong {
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
}

.astra-cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount,
.astra-cart-drawer .ast-mini-cart-total .woocommerce-Price-amount {
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
}

/* ── Empty cart message ───────────────────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart__empty-message,
.astra-cart-drawer .ast-mini-cart-empty {
    color: rgba(255,255,255,0.4) !important;
    font-size: 0.9rem !important;
    text-align: center !important;
    padding: 2rem 1.25rem !important;
}

/* ── Buttons (View cart + Checkout) ──────────────────────────── */
.astra-cart-drawer .woocommerce-mini-cart__buttons,
.astra-cart-drawer .ast-mini-cart-footer {
    padding: 1rem 1.25rem 1.5rem !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}

.astra-cart-drawer .woocommerce-mini-cart__buttons a,
.astra-cart-drawer .ast-mini-cart-footer a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0.7rem 1rem !important;
    border-radius: 5px !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
    box-sizing: border-box !important;
}

/* View cart — secondary style */
.astra-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout),
.astra-cart-drawer .ast-mini-cart-footer .cart-link {
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}

.astra-cart-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):hover,
.astra-cart-drawer .ast-mini-cart-footer .cart-link:hover {
    opacity: 0.75 !important;
}

/* Checkout button — accent color */
.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout,
.astra-cart-drawer .ast-mini-cart-footer .checkout-button {
    background: #b6e925 !important;
    color: #1a1a1a !important;
    border: none !important;
}

.astra-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover,
.astra-cart-drawer .ast-mini-cart-footer .checkout-button:hover {
    opacity: 0.85 !important;
    background: #b6e925 !important;
    color: #1a1a1a !important;
}

/* ── Cart icon focus fix ──────────────────────────────────────── */
.ast-header-woo-cart:focus,
.ast-header-woo-cart:focus-visible,
.ast-header-woo-cart button:focus,
.ast-header-woo-cart button:focus-visible,
.ast-header-woo-cart a:focus,
.ast-header-woo-cart a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* ── Close button SVG icon color ──────────────────────────────── */
.astra-cart-drawer-close svg {
    fill: currentColor !important;
    color: rgba(255,255,255,0.5) !important;
}

.astra-cart-drawer-close svg path {
    fill: rgba(255,255,255,0.5) !important;
    stroke: rgba(255,255,255,0.5) !important;
}

.astra-cart-drawer-close:hover svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
