/**
 * MS Smart Price Engine - Front-end Styles
 *
 * @author    Web Concept 06
 * @copyright 2025 Web Concept 06
 * @license   Commercial
 */

/* ==========================================================================
   Price Adjustment Badge
   ========================================================================== */
.ms-price-adjustment {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 8px;
}

.ms-price-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ms-price-increase {
    background-color: #4CAF50;
    color: white;
}

.ms-price-decrease {
    background-color: #F44336;
    color: white;
}

.ms-simulation-badge {
    background-color: #FF9800;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

/* ==========================================================================
   Simulation Mode Indicator
   ========================================================================== */
.ms-simulation .ms-price-badge {
    opacity: 0.7;
}

/* ==========================================================================
   Product Price Display
   ========================================================================== */
.product-prices .ms-price-adjustment {
    display: block;
    margin: 5px 0 0;
}

/* ==========================================================================
   Cart Item Price
   ========================================================================== */
.cart-item .ms-price-adjustment {
    margin-left: 0;
    margin-top: 5px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 576px) {
    .ms-price-badge {
        font-size: 10px;
        padding: 2px 6px;
    }

    .ms-simulation-badge {
        font-size: 9px;
    }
}