/* Modal overlay */
.cb-modal-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(5px);
    z-index: 9998;
}

/* Modal container */
.cb-modal {
    display: none;
    position: fixed;
    top:50%; left:50%;
    transform: translate(-50%, -50%);
    z-index:9999;
    width:100%; max-width:500px;
    padding:20px; box-sizing:border-box;
}

.cb-modal-content {
    background:#fff;
    border-radius:8px;
    box-shadow:0 4px 16px rgba(0,0,0,0.2);
    padding:30px;
    position:relative;
}

.cb-modal-close {
    position:absolute; top:15px; right:20px;
    font-size:24px; color:#333; cursor:pointer;
}

.cb-form-title {
    text-align:center; font-size:24px; margin-bottom:20px; color:#333;
}

.cb-form-field { margin-bottom:18px; }
.cb-form-field label { display:block; margin-bottom:6px; font-weight:bold; color:#555; }

.cb-form-field input[type="text"], .cb-form-field select {
    width:100%; padding:10px 12px; border:1px solid #ccc; border-radius:5px; font-size:15px; box-sizing:border-box;
    transition: border-color 0.2s ease;
}

.cb-form-field input[type="text"]:focus, .cb-form-field select:focus {
    border-color:#8C0BEF; outline:none;
}

#cb_phone_error, #cb_captcha_error { display:none; color:#d63638; font-size:13px; margin-top:4px; }

.cb-captcha-wrapper {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.cb-captcha-wrapper input[type="text"] {
    width: 180px;
    padding: 8px;
    font-size: 15px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0;
    margin-right: 15px;
}

.cb-captcha-wrapper img {
    border: 1px solid #8C0BEF;
    border-radius: 8px;
    width: 180px;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    background: #f9f9f9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

#cb_submit_button {
    display:block; width:100%; padding:12px;
    background:transparent; background-image:linear-gradient(45deg, #8C0BEF 0%, #1C0043 100%);
    color:#fff; border:none; border-radius:5px; font-size:16px; font-weight:bold; cursor:pointer; margin-top:10px;
}
#cb_submit_button:disabled { opacity:0.6; cursor:not-allowed; }

.cb-form-result { margin-bottom:15px; font-size:14px; min-height:1.2em; text-align:center; }
.cb-form-result.error { color:#d63638; }

.cb-success-content { text-align:center; }
.cb-success-content svg { display:block; margin:0 auto 20px; }
.cb-success-text { font-size:18px; color:#333; margin:10px 0; }
.cb-success-close-button {
    margin-top:20px; padding:10px 20px; background:transparent; background-image:linear-gradient(45deg, #8C0BEF 0%, #1C0043 100%);
    color:#fff; border:none; border-radius:5px; font-size:16px; cursor:pointer;
}
.cb-success-close-button:hover { background:#7a0bcf; }

/* Reservation button style */
.reservation-button {
    padding: 10px 20px;
    background: #8C0BEF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}