/* =========================================
   FOMO COINS PREMIUM UI
   ========================================= */

/* 1. Single Product Container (Minimalist) */
.fomo-points-purchase.style-premium {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 15px 0 !important;
    margin: 20px 0 !important;
    text-align: left !important;
    /* Align with standard buttons usually */
    position: relative;
    overflow: visible;
}

/* 2. Premium Button (Minimalist - #556AA5) */
.btn-fomo-premium {
    background: #556AA5 !important;
    color: white !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 15px 35px !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: none !important;
    width: 100%;
    transition: opacity 0.3s ease !important;
    letter-spacing: 0.5px;
}

/* Apply ONLY color to standard buttons (Keep original size) */
.single_add_to_cart_button,
button.single_add_to_cart_button,
.woocommerce button.button.alt {
    background: #556AA5 !important;
    color: white !important;
    border: none !important;
}

/* 6. HIDE METADATA */
.woocommerce-product-rating,
.product_meta .posted_in {
    display: none !important;
}

.btn-fomo-premium:hover,
.single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
    background: #556AA5 !important;
    transform: none !important;
    opacity: 0.9 !important;
    filter: none !important;
    box-shadow: none !important;
}

/* 3. Insufficient Points Message */
.fomo-insufficient-points {
    color: #ff6b6b;
    font-weight: 700;
    font-size: 1rem;
    margin: 0;
    background: rgba(255, 255, 255, 0.05);
    padding: 10px;
    border-radius: 10px;
}

/* 4. Loop Button (Shop Grid) */
.btn-fomo-loop {
    background: transparent !important;
    border: 2px solid #00D1FF !important;
    color: #00D1FF !important;
    font-weight: 800 !important;
    font-size: 0.8rem !important;
    padding: 10px 20px !important;
    border-radius: 30px !important;
    margin-top: 10px !important;
    transition: all 0.3s !important;
    width: 100%;
}

.btn-fomo-loop:hover {
    background: #00D1FF !important;
    color: white !important;
    box-shadow: 0 5px 15px rgba(0, 209, 255, 0.3) !important;
}

/* 5. Loop Insufficient Message */
.fomo-loop-msg {
    display: block;
    margin-top: 10px;
    color: #556AA5 !important;
    /* User Requested Color */
    font-size: 0.8rem;
    font-weight: 600;
}

/* 7. PRICE TEXT COLOR */
.fomo-price-row.coins-price .price-amount {
    color: #556AA5 !important;
    font-weight: 800;
}