/**
 * Crypto Payments WooCommerce Styles
 * Minimal CSS for WooCommerce checkout integration
 */

/* WooCommerce Checkout Icons */
.crypto-multi-icons {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    vertical-align: middle;
}

.crypto-mini-icon {
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
    display: inline-block;
}

.crypto-mini-icon:hover {
    transform: scale(1.1);
}

/* Ensure icons look good in different checkout themes */
.woocommerce-checkout .payment_methods .crypto-multi-icons,
.wc_payment_methods .crypto-multi-icons {
    margin-left: 8px;
}

.woocommerce-checkout .payment_methods .crypto-mini-icon,
.wc_payment_methods .crypto-mini-icon {
    margin: 0 1px;
}

/* Block themes compatibility */
.wp-block-woocommerce-checkout .crypto-multi-icons {
    margin-left: 8px;
}

/* Responsive design */
@media (max-width: 768px) {
    .crypto-multi-icons {
        gap: 2px;
        margin-left: 4px;
    }
    
    .crypto-mini-icon {
        margin: 0;
    }
}