/* Product pages (boats and motors, woocommerce/ templates): WordPress additions to the design's boat-single.css.
   Loaded on product pages only, after the design CSS and the boats block's block.css (which styles the Gravity Forms
   fields like the design's icon forms, .mm-gf--price). */

/* ---------- Gallery: one photo needs no thumbnails or arrows ---------- */
.mm-gallery--single .cs-gallery-stack__thumbs {
	display: none;
}

/* ---------- Buy box ---------- */
/* "Call for price" in the price card */
.cs-bsingle .cs-buybox__price strong.mm-buybox__call {
	font-size: 26px;
	color: var(--primary);
}
.mm-product-about > p:last-child {
	margin-bottom: 0;
}

/* ---------- Buy box quote form: the design's compact icon form (.cs-quote-box.cs-form--icons) ----------
   42px fields, 14px text, the icon 16px in with a hairline divider at 44px, a two line message box, 12px rhythm,
   the button at its own width (full width in the popup and on small phones). Also in #quoteModal on phones. */
.cs-quote-box .mm-gf--quote .gform_wrapper .gform_fields {
	row-gap: 12px;
	column-gap: 16px;
}
.cs-quote-box .mm-gf--quote .gfield input:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="url"]) {
	height: 42px;
	padding: 0 16px 0 56px;
	font-size: 14px;
	border-color: var(--border);
}
.cs-quote-box .mm-gf.mm-gf--quote .gform-theme--foundation .gfield textarea.textarea,
.cs-quote-box .mm-gf--quote .gfield textarea {
	height: 66px;
	min-height: 66px;
	min-block-size: 66px;
	padding: 10px 16px 10px 56px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--body);
	border-color: var(--border);
}
.cs-quote-box .mm-gf--quote .ginput_container > .mm-gf-icon {
	left: 16px;
	font-size: 15px;
}
.cs-quote-box .mm-gf--quote .ginput_container:has(> .mm-gf-icon)::before {
	top: 11px;
	left: 44px;
}
.cs-quote-box .mm-gf--quote .ginput_container_textarea > .mm-gf-icon {
	top: 12px;
}
.cs-quote-box .mm-gf--quote .ginput_container_textarea:has(> .mm-gf-icon)::before {
	top: 10px;
}
.cs-quote-box .mm-gf--quote .ginput_container:has(> .mm-gf-icon) :is(input, textarea) {
	padding-left: 56px;
}
.cs-quote-box .mm-gf--quote .gform_wrapper .gform_footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin: 12px 0 0;
}
.cs-quote-box .mm-gf--quote .gform_footer .cs-btn,
.cs-quote-box .mm-gf--quote .gform_footer :is(button, input)[type="submit"] {
	display: inline-flex;
	width: auto;
}
.cs-modal .cs-quote-box .mm-gf--quote .gform_footer .cs-btn,
.cs-modal .cs-quote-box .mm-gf--quote .gform_footer :is(button, input)[type="submit"] {
	flex: 1 1 0;
	width: 100%;
	min-width: 0;
}
@media (max-width: 585px) {
	.cs-quote-box .mm-gf--quote .gform_footer .cs-btn,
	.cs-quote-box .mm-gf--quote .gform_footer :is(button, input)[type="submit"] {
		width: 100%;
	}
}