/**
 * Stili Pulsanti Varianti WooCommerce
 */

.ma-variation-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 20px 0;
}

.ma-variation-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f4f1f1;
    padding: 12px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    border: 2px solid rgb(229, 231, 235);
    font-family: inherit;
}

.ma-variation-btn:hover:not(:disabled) {
    background: #ff6b350d;
    border-color: #00A19A;
}

.ma-variation-btn.active {
    border: 2px solid #FF5821;
}

.ma-variation-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.ma-variation-btn.out-of-stock {
    border-color: #ccc;
    background: #f5f5f5;
}

.ma-variation-btn.already-purchased {
    border-color: #50b83c;
    background: #f0f9f0;
    opacity: 0.7;
}

.ma-variation-btn.already-purchased .ma-variation-label {
    color: #666;
}

.ma-variation-left {
    display: flex;
    flex-direction: column;
}

.ma-variation-label {
    font-weight: bold;
    color: var(--bricks-color-khxnth, #333);
    font-size: 1.2em;
}

.ma-variation-desc {
    font-size: 1em;
    color: #666;
    margin-top: 4px;
}

.ma-variation-price {
    font-weight: bold;
}

.ma-variation-price .woocommerce-Price-amount.amount,
.ma-variation-price bdi {
    color: #00A19A;
    font-size: 1.2em;
}

.ma-variation-stock {
    font-size: 0.9em;
    color: #999;
    font-style: italic;
}

/* Campo quantità disabilitato per varianti digitali */
.quantity input[readonly] {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Nascondi pulsanti +/- per varianti digitali */
.quantity input[readonly] + .quantity-nav,
.quantity input[readonly] ~ button {
    display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .ma-variation-btn {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .ma-variation-price {
        align-self: flex-end;
    }
}
