/**
 * MeetLet card-to-card panel — classic + Blocks checkout
 * Loaded as a dedicated stylesheet so theme/cache cannot keep stale frontend.css.
 */

.wc-block-checkout .mfsc-bank-box,
.wc-block-checkout .mfsc-card-accounts-list,
.woocommerce-checkout .mfsc-bank-box,
.woocommerce-checkout .mfsc-card-accounts-list,
.woocommerce-order .mfsc-bank-box,
.mfsc-bank-box.mfsc-bank-box--checkout {
    display: grid !important;
    gap: 12px !important;
    margin: 12px 0 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.wc-block-checkout .mfsc-card-account-card,
.woocommerce-checkout .mfsc-card-account-card,
.woocommerce-order .mfsc-card-account-card,
.mfsc-bank-box--checkout .mfsc-card-account-card {
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #dbe3ef !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    display: grid !important;
    gap: 12px !important;
    color: #0f172a !important;
    direction: rtl !important;
    text-align: right !important;
    font-family: var(--MFSC-font-family, inherit) !important;
}

.wc-block-checkout .mfsc-card-account-card,
.wc-block-checkout .mfsc-card-account-card *,
.mfsc-bank-box--checkout .mfsc-card-account-card,
.mfsc-bank-box--checkout .mfsc-card-account-card * {
    font-family: var(--MFSC-font-family, inherit) !important;
}

.wc-block-checkout .mfsc-card-account-head,
.mfsc-bank-box--checkout .mfsc-card-account-head {
    display: grid !important;
    gap: 8px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e8eef6 !important;
}

.wc-block-checkout .mfsc-card-account-bankline,
.wc-block-checkout .mfsc-card-account-holderline,
.mfsc-bank-box--checkout .mfsc-card-account-bankline,
.mfsc-bank-box--checkout .mfsc-card-account-holderline {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

.wc-block-checkout .mfsc-card-account-kicker,
.wc-block-checkout .mfsc-card-copy-label,
.mfsc-bank-box--checkout .mfsc-card-account-kicker,
.mfsc-bank-box--checkout .mfsc-card-copy-label {
    flex: 0 0 auto !important;
    margin: 0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

.wc-block-checkout .mfsc-card-account-bank,
.wc-block-checkout .mfsc-card-account-holder,
.mfsc-bank-box--checkout .mfsc-card-account-bank,
.mfsc-bank-box--checkout .mfsc-card-account-holder {
    flex: 0 1 auto !important;
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-align: right !important;
}

.wc-block-checkout .mfsc-card-copy-field,
.mfsc-bank-box--checkout .mfsc-card-copy-field {
    display: grid !important;
    gap: 6px !important;
}

.wc-block-checkout .mfsc-card-copy-control,
.wc-block-checkout .mfsc-copy-wrap,
.mfsc-bank-box--checkout .mfsc-card-copy-control,
.mfsc-bank-box--checkout .mfsc-copy-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid #d7e0ec !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    direction: ltr !important;
}

.wc-block-checkout .mfsc-card-number-display,
.wc-block-checkout .mfsc-sheba-display,
.wc-block-checkout .mfsc-card-copy-control code,
.wc-block-checkout .mfsc-copy-wrap code,
.mfsc-bank-box--checkout .mfsc-card-number-display,
.mfsc-bank-box--checkout .mfsc-sheba-display,
.mfsc-bank-box--checkout .mfsc-card-copy-control code,
.mfsc-bank-box--checkout .mfsc-copy-wrap code {
    flex: 1 1 auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-family: var(--MFSC-font-family, inherit) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0.08em !important;
    line-height: 1.4 !important;
    direction: ltr !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    text-decoration: none !important;
}

.wc-block-checkout button.mfsc-copy-value,
.wc-block-checkout button.mfsc-copy-icon,
.wc-block-checkout .mfsc-copy-value,
.wc-block-checkout .mfsc-copy-icon,
.mfsc-bank-box--checkout button.mfsc-copy-value,
.mfsc-bank-box--checkout .mfsc-copy-value,
.mfsc-bank-box--checkout .mfsc-copy-icon {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-inline-start: 1px solid #e2e8f0 !important;
    border-radius: 0 !important;
    background: #eef4ff !important;
    color: #1d4ed8 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.wc-block-checkout button.mfsc-copy-value:hover,
.wc-block-checkout .mfsc-copy-value:hover,
.mfsc-bank-box--checkout button.mfsc-copy-value:hover,
.mfsc-bank-box--checkout .mfsc-copy-value:hover {
    background: #dbe7ff !important;
    color: #1e40af !important;
}

.wc-block-checkout .mfsc-copy-value svg,
.mfsc-bank-box--checkout .mfsc-copy-value svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    pointer-events: none !important;
}

.wc-block-components-radio-control-accordion-content .mfsc-bank-box,
.wc-block-checkout__payment-method .mfsc-bank-box {
    margin-top: 10px !important;
}

.mfsc-blocks-receipt-upload {
    margin-top: 14px !important;
    padding: 12px !important;
    border: 1px dashed #93c5fd !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    display: grid !important;
    gap: 8px !important;
    direction: rtl !important;
    text-align: right !important;
    font-family: var(--MFSC-font-family, inherit) !important;
}

.mfsc-blocks-receipt-label {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.mfsc-blocks-receipt-hint {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    color: #64748b !important;
}

.mfsc-blocks-receipt-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}

.mfsc-blocks-receipt-trigger,
.mfsc-blocks-receipt-remove {
    border: 0 !important;
    border-radius: 12px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    font-family: var(--MFSC-font-family, inherit) !important;
}

.mfsc-blocks-receipt-trigger {
    background: #1d4ed8 !important;
    color: #fff !important;
}

.mfsc-blocks-receipt-trigger:disabled {
    opacity: 0.7 !important;
    cursor: wait !important;
}

.mfsc-blocks-receipt-remove {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.mfsc-blocks-receipt-status {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #64748b !important;
}

.mfsc-blocks-receipt-status.is-ready {
    color: #15803d !important;
}

.mfsc-blocks-receipt-status.is-error {
    color: #b91c1c !important;
}

.wc-block-components-checkout-place-order-button.mfsc-place-order-locked {
    opacity: 0.55 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}
