﻿.bcs-online-payment-wrap { max-width: 720px; margin: 0 auto;  font-family: Arial, sans-serif; }
.bcs-online-payment-wrap label { display: block; margin-bottom: 8px; }
.bcs-online-payment-wrap input[type="text"], .bcs-online-payment-wrap input[type="date"], .bcs-online-payment-wrap select { width: 100%; max-width: 100%; margin-bottom: 16px; padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
.bcs-online-payment-wrap button { display: inline-block; background: #3a6ea5; border: none; color: #fff; padding: 12px 18px; font-size: 16px; border-radius: 4px; cursor: pointer; }
.bcs-online-payment-wrap button:hover { background: #2f5c8a; }
.bcs-online-payment-error { background: #ffd4d4; border: 1px solid #ea9999; padding: 12px; margin-bottom: 16px; border-radius: 4px; color: #900; }
.bcs-payment-summary { background: #f7f7f7; padding: 16px; border-radius: 4px; margin-bottom: 16px; }
.bcs-payment-summary div { margin-bottom: 8px; }
.bcs-card-expiration-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bcs-balance-due-other { display: none; }
h1.entry-title{text-align:center;}
.payment-form-container {
    max-width: 620px;
    margin: 0 auto;
    width: 100%;
}

.bcs-payment-container{
    max-width:620px;
    margin:40px auto;
}

.bcs-payment-container .card{
    border:1px solid #dee2e6;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,.06);
}

.bcs-payment-container .card-header{
    background:#f8f9fa;
    font-weight:600;
    padding:14px 20px;
}

.bcs-payment-container .card-body{
    padding:20px;
}

.bcs-summary-item{
    display:flex;
    justify-content:space-between;
    padding:5px 0;
    border-bottom:1px solid #eee;
}

.bcs-summary-item:last-child{
    border-bottom:0;
}

.bcs-summary-item span{
    color:#6c757d;
}

.bcs-balance strong{
    color:#198754;
    font-size:1.15rem;
}

.bcs-payment-container .form-control,
.bcs-payment-container .form-select{
    min-height:46px;
    border-radius:8px;
}

.bcs-payment-container .form-check{
    
    padding:12px 15px 12px 40px;
}

.bcs-payment-container .btn-success{
    width:100%;
    min-height:50px;
    font-size:16px;
    font-weight:600;
}

#bcs_checkin_date {
    cursor: pointer;
}