/* This page intentionally does NOT use the dark booking-widget theme — it
   matches your original CF7 contract form, which sits on a normal light
   page with its own gold/blue callout boxes (those are inline-styled in
   class-contract-shortcode.php to match your exact original markup). */

.dbl-bcs-contract {
	max-width: 820px;
	width: 100%;
	margin: 24px auto;
	padding: 0 16px;
	box-sizing: border-box;
	line-height: 1.6;
}

.dbl-bcs-contract * {
	box-sizing: border-box;
}

.dbl-bcs-contract h2 {
	margin: 0 0 8px;
	font-size: 26px;
}

.dbl-bcs-contract h3 {
	margin: 26px 0 10px;
	font-size: 18px;
}

.dbl-bcs-contract h4 {
	margin: 16px 0 8px;
	font-size: 15px;
}

.dbl-bcs-contract label {
	font-weight: 600;
	display: block;
}

.dbl-bcs-summary-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 14px;
	background: #f7f4ee;
	border: 1px solid #e0d6bd;
	border-radius: 10px;
	padding: 18px 20px;
	margin: 18px 0 6px;
	/* The box has its own light background, but nothing set the text color
	   for the values inside it (only the small gray labels had one) — so
	   the value text fell back to the surrounding page's white text color
	   and nearly disappeared against this light box. */
	color: #1a1a1a;
	font-weight: 600;
	font-size: 16px;
}

.dbl-bcs-label {
	display: block;
	color: #7a7a7a;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 4px;
	font-weight: 400;
}

.dbl-bcs-empty-note {
	color: #6b6b6b;
	font-size: 13px;
	font-style: italic;
}

.dbl-bcs-input {
	width: 100%;
	max-width: 420px;
	padding: 10px 12px;
	border-radius: 6px;
	border: 1px solid #cfcfcf;
	background: #fff;
	color: #222;
	font-size: 15px;
	font-weight: normal;
	margin-top: 4px;
}

/* The site's theme was overriding these two date fields (Signature Date,
   Minor Release Date) to its own dark input style, and the browser's
   built-in calendar icon was rendering in a color that disappeared
   against whatever background actually won that fight — a color-scheme
   hint alone wasn't reliable enough. Instead, this uses the exact same
   proven approach as the booking widget's date picker: force this
   field's own look with !important so the theme can't override it, hide
   the browser's own icon completely (still fully clickable, just
   invisible), and draw a guaranteed-visible icon of our own on top. */
.dbl-bcs-date-wrap {
	position: relative;
	display: block;
	max-width: 420px;
}

.dbl-bcs-date-wrap .dbl-bcs-date-input {
	width: 100% !important;
	max-width: none !important;
	padding-right: 44px !important;
	background: #fff !important;
	color: #222 !important;
	color-scheme: light;
}

.dbl-bcs-date-wrap .dbl-bcs-date-input::-webkit-calendar-picker-indicator {
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 100%;
	cursor: pointer;
}

.dbl-bcs-date-wrap .dbl-bcs-date-icon {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	color: #6b6b6b;
	pointer-events: none;
	display: flex;
}

.dbl-bcs-input:focus {
	outline: none;
	border-color: #b8891d;
}

textarea.dbl-bcs-input {
	max-width: 100%;
	resize: vertical;
}

select.dbl-bcs-input {
	max-width: 320px;
}

.dbl-bcs-continue-btn {
	display: inline-block;
	background: #b8891d;
	color: #ffffff !important;
	text-decoration: none;
	padding: 12px 24px;
	border-radius: 6px;
	font-weight: bold;
}

.dbl-bcs-continue-btn:hover {
	opacity: .9;
}

.dbl-bcs-radio-line {
	display: block;
	margin-bottom: 8px;
	font-weight: normal;
}

.dbl-bcs-radio-line input {
	margin-right: 8px;
}

.dbl-bcs-signature-pad {
	background: #dddddd;
	border: 1px solid #999;
	border-radius: 4px;
	touch-action: none;
	cursor: crosshair;
	display: block;
	margin-top: 8px;
}

.dbl-bcs-signature-actions {
	margin: 10px 0 4px;
}

.dbl-bcs-clear-signature {
	padding: 7px 16px;
	border-radius: 6px;
	border: 1px solid #999;
	background: #fff;
	color: #333;
	cursor: pointer;
}

.dbl-bcs-clear-signature:hover {
	border-color: #b8891d;
	color: #b8891d;
}

.dbl-bcs-submit-btn {
	padding: 14px 28px;
	border-radius: 6px;
	border: none;
	background: #b8891d;
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	cursor: pointer;
}

.dbl-bcs-submit-btn:hover {
	opacity: .92;
}

.dbl-bcs-submit-btn:disabled {
	opacity: .6;
	cursor: default;
}

.dbl-bcs-confirmation {
	margin-top: 16px;
	padding: 14px 18px;
	border-radius: 8px;
	font-size: 14px;
}