/**
 * Wholesale application page (notes §4 "Wholesale — intro copy + form").
 * Scoped to the wholesale Elementor page (.elementor-19047) and the Forminator
 * wholesale form (#forminator-module-19058) so nothing here leaks elsewhere.
 *
 * Layout follows the Wix reference (/about-2): the form sits in a clean white
 * card on a light-grey ground, with section headings that carry a hairline
 * rule. Colours/fonts stay on the Adriatic brand (navy #242c3f + Oswald
 * headings + Avenir body) rather than Wix's default indigo, so the page matches
 * the rest of the site.
 */

/* --- Page banner heading ("WHOLESALE") ------------------------------------ */
/* Astra page title. Wix's banner heading is 41px; ours was 32px and read small. */
body.page-id-19047 .entry-title,
.post-19047 .entry-title {
	font-size: 41px !important;
	line-height: 1.15 !important;
}

/* --- Ground: light grey behind the form card ------------------------------ */
.elementor-19047 .elementor-element.elementor-element-fb8a9c4 {
	background: #f8f9fa;
	padding: 48px 20px !important;
	margin-bottom: 100px !important;   /* gap under the form container */
}

/* --- The form itself becomes a centred white card ------------------------- */
.elementor-19047 #forminator-module-19058 {
	max-width: 820px;
	margin: 0 auto 48px;   /* space after the form container (Wix leaves ~40-60px) */
	background: #ffffff;
	border: 1px solid #e6e4e3;
	border-radius: 12px;
	padding: 44px 48px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
	box-sizing: border-box;
}

/* --- Section headings (repeater labels: "Business Information" etc.) ------- */
.elementor-19047 #forminator-module-19058 .forminator-label.forminator-repeater-label {
	font-family: "Oswald", sans-serif !important;
	font-size: 22px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #242c3f !important;
	margin: 34px 0 18px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e4e3;
}

/* First section heading needs no big top gap inside the card */
.elementor-19047 #forminator-module-19058 .forminator-row:first-child .forminator-label.forminator-repeater-label {
	margin-top: 0 !important;
}

/* --- Field labels --------------------------------------------------------- */
.elementor-19047 #forminator-module-19058 .forminator-label:not(.forminator-repeater-label) {
	font-family: "Avenir", sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #5b616f !important;
	margin-bottom: 7px !important;
}

/* --- Inputs, selects, textareas ------------------------------------------- */
.elementor-19047 #forminator-module-19058 .forminator-input,
.elementor-19047 #forminator-module-19058 select,
.elementor-19047 #forminator-module-19058 textarea {
	font-family: "Avenir", sans-serif !important;
	font-size: 15px !important;
	color: #242c3f !important;
	border: 1px solid #d9d7d5 !important;
	border-radius: 6px !important;
	background: #ffffff !important;
	padding: 11px 14px !important;
	height: auto !important;          /* was a fixed 40px that clipped the text */
	min-height: 46px !important;
	line-height: 1.4 !important;      /* so the placeholder isn't cut in half */
	box-shadow: none !important;
	transition: border-color 0.15s ease;
}

.elementor-19047 #forminator-module-19058 .forminator-input:focus,
.elementor-19047 #forminator-module-19058 select:focus,
.elementor-19047 #forminator-module-19058 textarea:focus {
	border-color: #242c3f !important;
	outline: none !important;
}

/* --- Checkbox / radio option rows (product interest) ---------------------- */
.elementor-19047 #forminator-module-19058 .forminator-checkbox-label,
.elementor-19047 #forminator-module-19058 .forminator-radio-label {
	font-family: "Avenir", sans-serif !important;
	font-size: 15px !important;
	color: #242c3f !important;
}

/* Product-interest categories are 4 single-option checkbox fields
   (Online Store / Reseller / Restaurant / Deli). Forminator lays each row out
   as a 2-column grid with col-6 halves, so they sit side-by-side and read as
   misaligned. Force any row that holds a checkbox field to a single column so
   the categories stack in one aligned list. */
.elementor-19047 #forminator-module-19058 .forminator-row:has(.forminator-field-checkbox) {
	grid-template-columns: 1fr !important;
}
.elementor-19047 #forminator-module-19058 .forminator-field-checkbox.forminator-col {
	grid-column: 1 / -1 !important;
	max-width: 100% !important;
	width: 100% !important;
}
.elementor-19047 #forminator-module-19058 .forminator-checkbox {
	display: flex !important;
	align-items: center;
	margin: 4px 0 !important;
}

/* --- Required marker: a red star on mandatory fields --------------------- */
.elementor-19047 #forminator-module-19058 .forminator-required,
.elementor-19047 #forminator-module-19058 .forminator-label .forminator-required,
.elementor-19047 #forminator-module-19058 label .forminator-required {
	color: #d21f1f !important;
}
/* Fallback: if Forminator does not print its own marker, add one after the
   label of a required field. */
.elementor-19047 #forminator-module-19058 .forminator-field.forminator-has-error--merge .forminator-label::after,
.elementor-19047 #forminator-module-19058 [data-required="true"] > .forminator-label::after {
	content: " *";
	color: #d21f1f;
	font-weight: 700;
}

/* --- Submit button: Wix indigo, Wix-sized ------------------------------- */
.elementor-19047 #forminator-module-19058 .forminator-button.forminator-button-submit {
	font-family: "Oswald", sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	background: #4361ee !important;   /* Wix reference colour (#4361EE) */
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;    /* Wix radius */
	padding: 16px 40px !important;
	min-height: 57px;                 /* Wix height */
	transition: background 0.15s ease;
}

.elementor-19047 #forminator-module-19058 .forminator-button.forminator-button-submit:hover {
	background: #3350d8 !important;
}

/* Centre the submit row */
.elementor-19047 #forminator-module-19058 .forminator-row.forminator-row-last,
.elementor-19047 #forminator-module-19058 .forminator-button-wrapper {
	text-align: center;
	justify-content: center;
}

/* --- Responsive: card fills the phone, keeps breathing room --------------- */
@media (max-width: 600px) {
	.elementor-19047 #forminator-module-19058 {
		padding: 28px 20px;
		border-radius: 8px;
	}
	.elementor-19047 .elementor-element.elementor-element-fb8a9c4 {
		padding: 28px 12px !important;
	}
}