/**
 * Frontend styles for Role-Based Pricing for WooCommerce
 *
 * @package MaxtDesign_RBP
 */

/**
 * CUSTOMIZE ROLE PRICING COLORS
 * 
 * Add this to your theme's custom CSS (Appearance > Customize > Additional CSS):
 * 
 * .maxtdesign-rbp-price .maxtdesign-rbp-member {
 *     color: #your-color-here !important;
 * }
 * 
 * Examples:
 * - Green:  color: #28a745 !important;
 * - Blue:   color: #0073aa !important;
 * - Orange: color: #ff6b35 !important;
 * - Inherit from theme: color: inherit !important;
 */

/* Role-based pricing display */
.maxtdesign-rbp-price {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.maxtdesign-rbp-price .maxtdesign-rbp-original {
    text-decoration: line-through;
    color: #999;
    font-size: 0.9em;
    margin-right: 8px;
}

.maxtdesign-rbp-price .maxtdesign-rbp-member {
    color: inherit;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
}

/* Ensure proper spacing and alignment */
.maxtdesign-rbp-price del {
    margin-right: 8px;
}

.maxtdesign-rbp-price ins {
    text-decoration: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .maxtdesign-rbp-price .maxtdesign-rbp-original {
        font-size: 0.85em;
        margin-right: 6px;
    }

    .maxtdesign-rbp-price .maxtdesign-rbp-member {
        font-size: 1.05em;
    }
}

/* Integration with WooCommerce price display */
.woocommerce .maxtdesign-rbp-price,
.woocommerce-page .maxtdesign-rbp-price {
    display: inline-block;
}

/* Ensure compatibility with theme price styling */
.price .maxtdesign-rbp-price,
.woocommerce-Price-amount .maxtdesign-rbp-price {
    display: inline;
}

/* Hide original WooCommerce price when role pricing is shown */
.maxtdesign-rbp-price-active .price {
    display: none;
}

.maxtdesign-rbp-price-active .woocommerce-Price-amount {
    display: none;
}