/**Styles for Satoshipay - Multiple Cryptocurrencies****/

/* Payment method icons - 更精确的选择器，只影响支付方式列表中的图标 */
#payment .payment_methods li.payment_method_satoshipay_btc > label > img,
#payment .payment_methods li.payment_method_satoshipay_eth > label > img,
#payment .payment_methods li.payment_method_satoshipay_ada > label > img {
    height: 25px !important;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}

/* Common styles */
#payment .payment_methods li .payment_method_satoshipay_btc,
#payment .payment_methods li .payment_method_satoshipay_eth,
#payment .payment_methods li .payment_method_satoshipay_ada {
    padding: 1em;
}

.satoshipay-field-box {
    padding: 1em;
    margin-top: 1em;
    color: #fff;
}

/* Bitcoin specific styles */
.satoshipay-field-box.satoshipay-btc {
    background: linear-gradient(to right, #4CD4A7, #2AAB78);
}

.satoshipay-btc .satoshipay-payment-panel {
    background: #fff;
    padding: 0.5em;
    border: 2px solid #3BC397;
    margin-bottom: 1em;
}

.satoshipay-btc .satoshipay-total-crypto {
    background: #eee;
    padding: 0.5em;
    border: 2px solid #3BC397;
    color: #000;
}

.satoshipay-btc .satoshipay-crypto-txt-tooltip a {
    background: linear-gradient(to right, #4CD4A7, #2AAB78);
    color: #fff;
}

/* Ethereum specific styles */
.satoshipay-field-box.satoshipay-eth {
    background: linear-gradient(to right, #45CC9C, #2AA57D);
}

.satoshipay-eth .satoshipay-payment-panel {
    background: #fff;
    padding: 0.5em;
    border: 2px solid #36BD8C;
    margin-bottom: 1em;
}

.satoshipay-eth .satoshipay-total-crypto {
    background: #eee;
    padding: 0.5em;
    border: 2px solid #36BD8C;
    color: #000;
}

.satoshipay-eth .satoshipay-crypto-txt-tooltip a {
    background: linear-gradient(to right, #45CC9C, #2AA57D);
    color: #fff;
}

/* Cardano specific styles */
.satoshipay-field-box.satoshipay-ada {
    background: linear-gradient(to right, #50DAB1, #30B582);
}

.satoshipay-ada .satoshipay-payment-panel {
    background: #fff;
    padding: 0.5em;
    border: 2px solid #41CCA2;
    margin-bottom: 1em;
}

.satoshipay-ada .satoshipay-total-crypto {
    background: #eee;
    padding: 0.5em;
    border: 2px solid #41CCA2;
    color: #000;
}

.satoshipay-ada .satoshipay-crypto-txt-tooltip a {
    background: linear-gradient(to right, #50DAB1, #30B582);
    color: #fff;
}

/* Common elements - keeping QR code styling exactly as original */
.satoshipay-field-box .satoshipay-payment-panel img.satoshipay-qrcode-img {
    margin: 2em auto !important;
    display: block !important;
    background: #fff !important;
    float: none !important;
    max-height: none !important;
    /* 明确覆盖高度，确保不会从其他规则继承 */
    height: auto !important;
    width: 152px !important; /* 确保宽度在CSS中也指定 */
}

.satoshipay-field-box .satoshipay-crypto-txt-address {
    background: #eee;
    border: solid 1px #ddd;
    text-align: center;
}

.satoshipay-field-box [id$="-tooltip-text"],
.satoshipay-field-box [id$="-tooltip-textamount"] {
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: arial, sans-serif;
}

.satoshipay-field-box .satoshipay-crypto-txt-tooltip {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.satoshipay-field-box .satoshipay-crypto-txt-tooltip a {
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0.5em auto 1em;
    box-shadow: 0px 5px 10px 1px rgba(18, 18, 18, 0.4);
    padding: 13px 0px 14px;
    font-family: arial, sans-serif;
    font-size: 16px;
    width: 100%;
    font-weight: bold;
}

.satoshipay-field-box [id$="_txid_field"] {
    border: 2px solid #d13535;
    width: 100%;
}

.satoshipay-field-box p {
    margin-bottom: 1em;
}

.satoshipay-field-box [id$="-address"] {
    background: #eee;
    border: none;
    font-size: 14px;
    color: #000;
    text-align: center;
    resize: none;
    padding: 20px 12px;
    box-shadow: none;
    vertical-align: middle;
    word-break: break-word;
}

.satoshipay-field-box [id$="-address-hidden"],
.satoshipay-field-box [id$="-amount-hidden"] {
    position: absolute;
    left: -10000000px;
}

.satoshipay-field-box svg {
    position: relative;
    margin: 0 auto 0em;
    display: inline-block;
    top: 4px;
    padding-left: 5px;
}

/* Order details styling */
table.bitcoin_details,
table.ethereum_details,
table.cardano_details {
    margin-bottom: 40px;
    width: 100%;
}

table.bitcoin_details th,
table.ethereum_details th,
table.cardano_details th {
    text-align: left;
    padding: 10px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .satoshipay-field-box [id$="-address"] {
        font-size: 12px;
        word-break: break-all;
    }
}