/**
 * Pi Network Integration Styles
 */

/* Authentication button */
.pi-auth-button-wrapper {
    margin: 20px 0;
    text-align: center;
}

.pi-authenticate {
    background-color: #6f42c1 !important;
    color: white !important;
    border: none !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.pi-authenticate:hover {
    background-color: #5a32a3 !important;
}

.pi-authenticate.pi-authenticated {
    background-color: #28a745 !important;
}

/* Pi Network info in checkout */
.pi-network-info {
    margin: 15px 0;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border-left: 4px solid #6f42c1;
}

.pi-network-info p {
    margin: 5px 0;
}

.pi-username {
    font-weight: bold;
    color: #6f42c1;
}

/* Style modifications for Pi Browser */
.pi-browser .checkout-button {
    background-color: #6f42c1 !important;
}

/* Payment method styling */
#payment .payment_method_pi_coin label img {
    max-height: 24px;
    vertical-align: middle;
    margin-left: 5px;
}

.payment_method_pi_coin .payment_box {
    background-color: #f8f9fa !important;
}

.payment_method_pi_coin .payment_box:before {
    border-bottom-color: #f8f9fa !important;
}

/* Pi currency symbol styling */
.woocommerce-Price-currencySymbol {
    font-weight: bold;
}

.currency-pi .woocommerce-Price-currencySymbol {
    font-family: serif;
    padding-right: 2px;
}