/* Perth Delivery Fees — product-page Click & Collect / Request a Delivery Quote UI */

.pdf-cc-field {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 12px;
	padding: 10px 12px;
	background: #f5f9f6;
	border: 1px solid #d8e8db;
	border-radius: 4px;
}
.pdf-cc-checkbox-label {
	display: flex;
	gap: 8px;
	font-weight: 600;
	cursor: pointer;
}
.pdf-cc-checkbox-label input[type="checkbox"] {
	margin-top: 3px;
	accent-color: #2e8b57;
}

/* Native Add to Cart button, disabled until the checkbox above is ticked. */
.single_add_to_cart_button.pdf-cc-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Add to Cart + Request a Delivery Quote, each full width, stacked (Add to
   Cart on top). Wrapping the native button here also takes it out from
   being a DIRECT child of form.cart, which is what the active theme's own
   `form.cart > .single_add_to_cart_button { width: 100% !important }` rule
   (rental.css) targets — once it's no longer a direct child, that rule no
   longer matches; align-items: stretch (the flex default, left
   unoverridden) is what actually fills the width back in for both
   buttons instead. */
.pdf-atc-button-row {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

/* "Request a Delivery Quote" — secondary button below Add to Cart. */
.pdf-atc-button-row .pdf-request-quote-inline-btn.button {
	margin: 0;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	background: #6fbf73;
	border-color: #6fbf73;
	color: #fff;
}
.pdf-atc-button-row .pdf-request-quote-inline-btn.button:hover {
	background: #5aa85e;
	border-color: #5aa85e;
	color: #fff;
}