/**
 * Frinsa Express Payments — front-end (shortcode de pago).
 * Añade aquí tus reglas CSS.
 */
.frinsa-express-payment-wrap {
    display: flex;
    gap: 64px;
    align-items: flex-start;

    .frinsa-express-order-details {
        flex: 1 1 auto;

        .woocommerce-table {
            display: flex;
            flex-direction: column;
            border-radius: 0;
            align-items: flex-end;
            margin: 0;
    
            tbody {
                display: flex;
                flex-direction: column;
                width: 100%;
                margin: 0 0 36px;
    
                tr {
                    border-top: 1px solid #0b0b0b;
                    padding: 5px 15px;
    
                    &:last-child { border-bottom: 1px solid #0b0b0b; }
                }
            }
    
            tfoot {
                width: 100%;
                background: #f2f2f2;
                border-radius: 16px;
                overflow: hidden;
                padding: 32px;
    
                tr {
                    border-bottom: 1px solid #c2c2c2;
    
                    &:last-child { border-bottom: 0; }
                }
    
                td { text-align: right; }
            }
    
            tr {
                display: flex;
                box-shadow: none;
                border: 0;
                align-items: center;
    
                td {
                    border: 0;
                    box-shadow: none;
                    flex: 0 0 200px;
                    display: block;
    
                    &.product-name {
                        flex: 1 1 auto;
                        text-align: left;
                        font-weight: 600;
    
                        a {
                            color: #0b0b0b;
                        }
    
                        .wc-item-meta li {
                            display: flex;
                            gap: 5px;
    
                            strong {
                                font-weight: 400;
                            }
    
                            p { margin: 0; }
                        }
                    }

                    &.product-total {
                        flex: 0 0 100px;
                        text-align: right;
                    }
                }
    
                th {
                    border: 0;
                    box-shadow: none;
                    flex: 1 1 auto;
                    display: block;
                    text-align: left;
                }
            }
        }
    }

    .frinsa-express-payment-form {
        flex: 0 0 40%;
        background: #f2f2f2;
        border-radius: 16px;
        overflow: hidden;
        padding: 32px;

        h2 { text-align: center; }

        #frinsa-cardholder-name { margin: 0 0 8px; }

        #frinsa-card-element {
            background: #fcfcfc;
            padding: 16px;
            margin: 0 0 8px;
            border-radius: 16px;
            border: 1px solid #a3a3a3;
            box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.02);
        }

        #frinsa-card-button {
            width: 100%;
            margin: 16px 0 0;
        }
    }

    @media (max-width: 959px) {
        flex-direction: column;
        gap: 32px;

        .frinsa-express-order-details {
            width: 100%;
        }

        .frinsa-express-payment-form {
            width: 100%;

            #frinsa-card-element { padding: 14px 16px; }
        }
    }
}

.frinsa-express-error {
    color: #b71818;
    background: #ffe6e6;
    border: 1px solid #b71818;
    padding: 16px;
    margin: 0;
    border-radius: 16px;
    font-weight: 600;
    text-align: center;
}