/*
Theme Name: Ziston Child
Description: Child theme for the Ziston themes
Author: Gaviathemes
Template: ziston
*/

/* 🛒 Modern Cart Totals UI */
.modern-cart-totals {
    max-width: 420px;
    margin-left: auto;
    background: #ffffff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.cart-totals-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1.25rem;
    text-align: center;
    letter-spacing: -0.3px;
}

.cart-totals-card table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.75rem;
}

.cart-totals-card th {
    font-weight: 500;
    color: #4b5563;
    text-align: left;
    width: 60%;
}

.cart-totals-card td {
    text-align: right;
    color: #111827;
    font-weight: 500;
}

.cart-totals-card tr {
    background: #f9fafb;
    border-radius: 8px;
    padding: 0.75rem 1rem;
}

.cart-totals-card tr th,
.cart-totals-card tr td {
    padding: 0.75rem 1rem;
}

.cart-totals-card .order-total {
    background: #ecfdf5;
    border-left: 4px solid #16a34a;
}

.cart-totals-card .order-total th,
.cart-totals-card .order-total td {
    font-size: 1.2rem;
    font-weight: 600;
    color: #065f46;
}

/* Checkout button area */
.modern-checkout {
    margin-top: 1.5rem;
    text-align: center;
}

.modern-checkout .checkout-button {
    display: inline-block;
    width: 100%;
    padding: 0.85rem 1.25rem;
    background: #16a34a;
    color: #fff !important;
    border-radius: 8px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.2s ease;
    letter-spacing: 0.5px;
}

.modern-checkout .checkout-button:hover {
    background: #15803d;
    transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 768px) {
    .modern-cart-totals {
        padding: 1.5rem;
    }
    .cart-totals-title {
        font-size: 1.2rem;
    }
}