/**
 * Mult Customer Types - Public CSS
 *
 * @package Mult_Customer_Types
 */

/* Status page */
.mct-status-page,
.mct-benefits-page,
.mct-acceptance-page,
.mct-rewards-summary-page {
    max-width: 800px;
}

/* Atacado badge */
.mct-atacado-badge {
    display: inline-block;
    background-color: #22c55e;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 5px;
}

/* Tier badge */
.mct-tier-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 5px;
}

/* Free item badge */
.mct-free-badge {
    display: inline-block;
    background-color: #22c55e;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 8px;
}

/* Tier banner */
.mct-tier-banner {
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
}

.mct-tier-banner strong {
    color: inherit;
}

/* Acceptance notice */
.mct-acceptance-notice {
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
}

/* Price display */
.mct-price-original {
    text-decoration: line-through;
    color: #999;
    font-size: 0.9em;
}

.mct-price-discounted {
    color: #22c55e;
    font-weight: bold;
}

/* Cart item styling */
.woocommerce-cart-form .mct-free-badge,
.woocommerce-checkout .mct-free-badge {
    display: inline-block;
    background-color: #22c55e;
    color: #fff !important;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 8px;
}

/* Progress bar */
.mct-progress-bar {
    height: 12px;
    background: #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.mct-progress-bar-fill {
    height: 100%;
    transition: width 0.3s ease;
    border-radius: 6px;
}

/* My Account menu item highlight */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mct-status a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mct-benefits a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mct-rewards-summary a {
    position: relative;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mct-status.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mct-benefits.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--mct-rewards-summary.is-active a {
    font-weight: bold;
}

/* Responsive */
@media (max-width: 768px) {
    .mct-status-page,
    .mct-benefits-page,
    .mct-acceptance-page,
    .mct-rewards-summary-page {
        padding: 0 10px;
    }

    .mct-tier-banner {
        flex-direction: column;
        text-align: center;
    }

    .mct-tier-banner > div {
        text-align: center !important;
    }
}

/* Animation for free item */
@keyframes mct-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.mct-free-badge {
    animation: mct-pulse 2s ease-in-out infinite;
}

/* Dark mode support (if theme supports) */
@media (prefers-color-scheme: dark) {
    .mct-price-original {
        color: #888;
    }
}