/* FuturePay iDEAL Bridge — Frontend Styles */

/* ========================================
 * iDEAL | Wero official payment icon
 * Responsive for desktop, tablet, and mobile
 * ======================================== */

img.fp-ideal-icon {
    display: inline-block !important;
    max-height: 28px !important;
    width: auto !important;
    height: auto !important;
    max-width: 130px;
    vertical-align: middle;
    margin: 0 4px;
    border-radius: 3px;
    object-fit: contain;
}

/* WooCommerce block checkout compatibility */
.wc-block-components-radio-control__option .fp-ideal-icon,
.wp-block-woocommerce-checkout-payment-method .fp-ideal-icon {
    max-height: 24px !important;
    max-width: 110px;
}

/* Tablet devices (portrait) */
@media screen and (max-width: 768px) {
    img.fp-ideal-icon {
        max-height: 24px !important;
        max-width: 110px;
        margin: 0 3px;
    }
}

/* Mobile phones */
@media screen and (max-width: 480px) {
    img.fp-ideal-icon {
        max-height: 20px !important;
        max-width: 90px;
        margin: 0 2px;
    }
}

/* Very small screens (iPhone SE, etc.) */
@media screen and (max-width: 360px) {
    img.fp-ideal-icon {
        max-height: 18px !important;
        max-width: 80px;
        margin: 0 2px;
    }
}

/* Ensure icon doesn't break checkout layout on any screen */
.payment_method_fp_ideal_bridge img.fp-ideal-icon,
.wc_payment_method.payment_method_fp_ideal_bridge img.fp-ideal-icon {
    flex-shrink: 0;
}

/* ========================================
 * Polling status display on order-received page
 * ======================================== */
.fp-polling-status {
    text-align: center;
    padding: 20px;
    margin: 15px 0;
    border-radius: 4px;
    background: #f6f7f7;
    border: 1px solid #dcdcde;
}

.fp-polling-status p {
    font-size: 16px;
    margin: 0;
}

.fp-polling-success {
    background: #edfaef;
    border-color: #00a32a;
}

.fp-polling-success p {
    color: #00a32a;
    font-weight: 600;
}

.fp-polling-failed {
    background: #fcf0f1;
    border-color: #d63638;
}

.fp-polling-failed p {
    color: #d63638;
    font-weight: 600;
}

.fp-polling-timeout {
    background: #fff8e5;
    border-color: #dba617;
}

.fp-polling-timeout p {
    color: #dba617;
}