/* Honeydoo Cutters — child theme overrides.
   Kept minimal by design: layout/spacing/typography/colour live in Divi's own
   settings wherever possible. Each rule here documents why Divi can't do it. */

/* <body> sits outside Divi's builder scope. Without this, a window taller than
   the page shows Divi's default white below the last section instead of the
   warm-paper page base (brand token #F5EFE4). */
body {
	background-color: #F5EFE4;
}

/* Visible keyboard focus on every interactive element (CLAUDE.md
   accessibility rule). Divi has no global focus-state control. Brass token. */
:focus-visible {
	outline: 3px solid #C9A227;
	outline-offset: 3px;
}

/* Mobile menu dropdown spans the full header width. Divi sizes its dropdown to
   the Menu module's own width, which in this header is just the hamburger icon
   (~40px) — items wrapped one word per line. No native control for this.
   Everything between the menu and the header section is made position:static
   so the dropdown positions against the header section itself. `body` prefix
   per vintagetandl quirk #8 (Divi's own rules can carry equal specificity). */
@media (max-width: 980px) {
	body .hdc-header .et_pb_row,
	body .hdc-header .et_pb_column,
	body .hdc-header .et_pb_group,
	body .hdc-header .et_pb_menu,
	body .hdc-header .et_pb_menu_inner_container,
	body .hdc-header .et_pb_menu__wrap,
	body .hdc-header .et_pb_menu__menu,
	body .hdc-header .et_mobile_nav_menu,
	body .hdc-header .mobile_nav {
		position: static;
	}
	body .hdc-header.et_pb_section {
		position: relative;
	}
	body .hdc-header .et_mobile_menu {
		left: 0;
		right: 0;
		width: auto;
		top: 100%;
		border-top: 0;
		box-shadow: 0 8px 16px rgba(26, 24, 21, 0.12);
	}
}

/* Contact form (Formidable Pro), scoped to .hdc-form (the Text module that
   embeds it). Matches the static design's form. Formidable hardcodes its
   submit-button base state instead of reading its own --submit-* variables
   (vintagetandl quirk #10), so the button needs direct, !important rules. */
body .hdc-form .with_frm_style {
	--form-width: 100%;
	--label-color: #1A1815;
	--text-color: #1A1815;
	--border-color: rgba(26, 24, 21, 0.14);
	--bg-color: #F5EFE4;
	--border-radius: 4px;
	--border-color-active: #1B4F63;
	--description-color: #4A443C;
}
body .hdc-form .frm_primary_label {
	font-family: "Inter", sans-serif;
	font-size: 14.5px;
	font-weight: 600;
	color: #1A1815;
}
body .hdc-form .frm_description {
	color: #4A443C;
}
body .hdc-form input[type="text"],
body .hdc-form input[type="email"],
body .hdc-form input[type="tel"],
body .hdc-form select,
body .hdc-form textarea {
	font-family: "Inter", sans-serif;
	font-size: 16px;
	color: #1A1815;
	background: #F5EFE4;
	border: 1px solid rgba(26, 24, 21, 0.14);
	border-radius: 4px;
	padding: 12px 14px;
	height: auto;
}
body .hdc-form input:focus,
body .hdc-form select:focus,
body .hdc-form textarea:focus {
	border-color: #1B4F63;
	box-shadow: 0 0 0 3px rgba(27, 79, 99, 0.13);
}
body .hdc-form .frm_radio label,
body .hdc-form .frm_checkbox label {
	font-size: 15.5px;
	color: #1A1815;
}
body .hdc-form .frm_radio input[type="radio"],
body .hdc-form .frm_checkbox input[type="checkbox"] {
	accent-color: #1B4F63;
}
/* Checkbox options in columns (field class .hdc-cols — the cartridge sizes).
   Formidable's own column layouts are CSS grid outside Divi, which this
   build doesn't use (CLAUDE.md), so: flex-wrap, 3 per row, 2 on phones. */
body .hdc-form .hdc-cols .frm_opt_container {
	display: flex;
	flex-wrap: wrap;
}
body .hdc-form .hdc-cols .frm_checkbox {
	flex: 0 0 33.333%;
}
@media (max-width: 767px) {
	body .hdc-form .hdc-cols .frm_checkbox {
		flex-basis: 50%;
	}
}
body .hdc-form .frm_submit button.frm_button_submit {
	font-family: "Inter", sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: #FFFFFF !important;
	background: #D4451F !important;
	border: 2px solid #D4451F !important;
	border-radius: 4px !important;
	padding: 15px 34px !important;
	box-shadow: none !important;
}
body .hdc-form .frm_submit button.frm_button_submit:hover,
body .hdc-form .frm_submit button.frm_button_submit:focus-visible {
	background: #1B4F63 !important;
	border-color: #1B4F63 !important;
}