/* Cart & Shipping Enhancement Styles */

/* Cart Item Price Breakdown */
.olla-cart-price-inline {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    font-size: 14px;
    color: #333;
}

.olla-cart-price-inline .olla-quantity {
    font-weight: 400;
    color: #666;
}

.olla-cart-price-inline .olla-multiply {
    font-weight: 300;
    color: #999;
    font-size: 13px;
}

.olla-cart-price-inline .olla-unit-price {
    font-weight: 600;
    color: #d4af37;
}

@media (max-width: 768px) {
    .olla-cart-price-inline {
        font-size: 13px;
    }

    .olla-cart-price-inline .olla-multiply {
        font-size: 12px;
    }
}

/* Free Shipping Meter */
.swg-meter {
    margin-bottom: 15px;
}

.meter-shipping-text {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.meter-shipping-text span {
    font-weight: 700;
}

.swg-meter h3 {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}

.swg-meter h3 span {
    color: #d4af37;
}

.swg-meter h3.swg-freeship {
    color: #27ae60;
    font-weight: 600;
}

.swg-meter-wrapper {
    position: relative;
    height: 8px;
    background: #eee;
    border-radius: 4px;
    margin-bottom: 25px;
}

.swg-meter-wrapper span {
    position: absolute;
    height: 100%;
    background: #d4af37;
    border-radius: 4px;
    transition: width 0.5s ease;
}

.swg-meter-wrapper.active span {
    background: #27ae60;
}

.shipping-truck {
    position: absolute;
    top: -30px;
    transition: left 0.5s ease;
}

.shipping-truck svg {
    color: #d4af37;
}

.swg-meter-wrapper.active .shipping-truck svg {
    color: #27ae60;
}

/* Mini Cart Fixes */
.minicart-meta {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.minicart-meta-item {
    flex: 1;
    min-width: 80px;
}

.minicart-meta-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    text-transform: uppercase;
    color: #333;
    text-decoration: none;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.minicart-meta-item a:hover {
    border-color: #d4af37;
    color: #d4af37;
}

.minicart-meta-item svg {
    width: 20px;
    height: 20px;
}

/* Popup Dialogs */
.swe-woo-cart.cart-canvas .swe-wrap-cart-content .swe-wrap-cart-bottom .minicart-meta>li .minicart-popup-dialog {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(300px) !important;
    transition: all 0.3s ease !important;
    background: #fff;
    padding: 20px;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.1);
}

.swe-woo-cart.cart-canvas .swe-wrap-cart-content .swe-wrap-cart-bottom .minicart-meta>li {
    position: static !important;
}

.swe-woo-cart.cart-canvas .swe-wrap-cart-content .swe-wrap-cart-bottom .minicart-meta>li .minicart-popup-dialog.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    z-index: 9999 !important;
}