/**
 * VIEZ Tier Discount - Side Cart Display Styles
 * Matches the live site's WooCommerce mini-cart structure
 */

/* Main discount container */

.nova-offcanvas.minicart-canvas .widget_shopping_cart_content{
    display: flex !important;
    height: 100%;
    flex-direction: column;
}

.woocommerce-mini-cart__total.total.viez-total-row.viez-final-total-row {
	padding: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	display: flex !important;
	text-transform: uppercase;
}

.woocommerce-mini-cart__discount.viez-discount-widget-display,
.woocommerce-mini-cart__discount.viez-discount-display {
    padding: 15px 0;
    border-top: 1px solid #eee;
    margin-top: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

#MiniCartCanvas .viez-discount-display, #MiniCartCanvas .viez-discount-widget-display, .widget_shopping_cart .viez-discount-widget-display {
	padding: 12px;
	margin: 10px 0;
	border-radius: 4px;
	border: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0;
	padding: 0 !important;
	background: none !important;
}

/* Discount rows */
.viez-discount-widget-display .discount-row,
.viez-discount-widget-display .savings-row,
.viez-discount-widget-display .total-row,
.viez-discount-display .discount-row,
.viez-discount-display .savings-row,
.viez-discount-display .total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
}

/* Final total row specific styling */
.viez-discount-widget-display .total-row,
.viez-discount-display .total-row {
    font-size: 15px;
    font-weight: bold;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* Labels */
.viez-discount-widget-display strong,
.viez-discount-display strong {
    color: #333;
    font-weight: 600;
}

/* Price amounts */
.viez-discount-widget-display .woocommerce-Price-amount,
.viez-discount-display .woocommerce-Price-amount {
    font-weight: bold;
}

/* Discount and savings amounts (green) */
.viez-discount-widget-display .discount-row .woocommerce-Price-amount,
.viez-discount-widget-display .savings-row .woocommerce-Price-amount,
.viez-discount-display .discount-row .woocommerce-Price-amount,
.viez-discount-display .savings-row .woocommerce-Price-amount {
    color: #333;
}

/* Final total amount */
.viez-discount-widget-display .total-row .woocommerce-Price-amount,
.viez-discount-display .total-row .woocommerce-Price-amount {
    color: #333;
}

/* Currency symbol */
.viez-discount-widget-display .woocommerce-Price-currencySymbol,
.viez-discount-display .woocommerce-Price-currencySymbol {
    font-weight: normal;
}

/* Tier progress message */
.viez-discount-widget-display .tier-progress,
.viez-discount-display .tier-progress {
    background: none;
    padding: 10px;
    border-bottom: 2px solid black;
    border-radius: 0;
    box-shadow: none;
    border-top: 0;
    margin-top: auto;
}

.viez-discount-widget-display .tier-progress p,
.viez-discount-display .tier-progress p {
    margin: 0;
    font-size: 13px;
    color: #666;
    text-align: center;
    line-height: 1.5;
}

/* Emoji icon in tier progress */
.viez-discount-widget-display .tier-progress span:first-child,
.viez-discount-display .tier-progress span:first-child {
    display: inline-block;
    margin-right: 5px;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .viez-discount-widget-display,
    .viez-discount-display {
        padding: 12px 0;
    }
    
    .viez-discount-widget-display .discount-row,
    .viez-discount-widget-display .savings-row,
    .viez-discount-widget-display .total-row,
    .viez-discount-display .discount-row,
    .viez-discount-display .savings-row,
    .viez-discount-display .total-row {
        font-size: 13px;
    }
    
    .viez-discount-widget-display .total-row,
    .viez-discount-display .total-row {
        font-size: 14px;
    }
    
    .viez-discount-widget-display .tier-progress p,
    .viez-discount-display .tier-progress p {
        font-size: 12px;
    }
}

/* Animation for when discount updates */
.viez-discount-widget-display,
.viez-discount-display {
    transition: opacity 0.3s ease;
}

.viez-discount-widget-display.updating,
.viez-discount-display.updating {
    opacity: 0.5;
}

/* Hide duplicate displays */
.widget_shopping_cart_content .viez-discount-display:not(:first-child),
.widget_shopping_cart_content .viez-discount-widget-display ~ .viez-discount-display {
    display: none !important;
}