.bookkit-form {
    max-width: 100%;
}

.bookkit-form .form-input,
.bookkit-form .form-field {
	margin-bottom: 10px;
}

.bookkit-form input {
	font-size: 16px;
}

.bookkit-form input:not([type="radio"]),
.bookkit-form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #bbb;
    border-radius: 15px;
	box-shadow: none;
    background: transparent !important;
}

.bookkit-form input:not([type="radio"]):hover,
.bookkit-form select:hover,
.bookkit-form input:not([type="radio"]):active,
.bookkit-form select:active {
	border-color: #777;
}

.bookkit-form button {
    width: 100%;
    background: #242424;
    cursor: pointer;
    border-radius: 20px;
    color: #FFFFFF !important;
    padding: 12px 20px;
	margin-top: 10px;
}

.bookkit-form button:disabled {
    opacity: 0.6;
}

.service-price-display {
    font-size:32px;
    font-weight: 700;
}

.service-cost {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #d8d8d8;
    max-height: 100px !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

/* Gateway logo sizing */
.bookkit-gateway-logo {
    width: 40px;
    height: auto;
    vertical-align: middle;
    margin-left: 8px;
}

/* Multi-step form styles */
.bk-progress { margin-bottom: 12px; }
.bk-progress-bar { background:#eee; height:8px; border-radius:8px; overflow:hidden; }
.bk-progress-fill { background: linear-gradient(90deg,#4caf50,#1e88e5); height:8px; width:0%; transition: width 400ms ease; }
.bk-step { display:none; opacity:0; }
.bk-step-active { display:block; opacity:1; transition: opacity 300ms ease; }
.bk-nav { display:flex; gap:10px; margin-top:12px; }
.bk-prev, .bk-next, .bk-submit { padding:10px 18px; border-radius:12px; border:0; cursor:pointer; }
.bk-prev { background:#f3f3f3; }
.bk-next { background:#242424; color:#fff; }
.bk-submit { background: #1e88e5; color:#fff; }

/* Small animation for card-like fields */
.bookkit-form { background: #fff; padding: 18px; border-radius: 14px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); }
.bookkit-form input, .bookkit-form select, .bookkit-form textarea { transition: box-shadow 200ms ease, transform 120ms ease; }
.bookkit-form input:focus, .bookkit-form select:focus, .bookkit-form textarea:focus { box-shadow: 0 6px 20px rgba(30,136,229,0.12); transform: translateY(-2px); }