/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/**
 * Divi 4.27+ waypoint modules stay at opacity:0 when the scroll
 * animation never fires (common on product archive grids).
 * Force them visible so the product grid is not blank.
 */
.et-db #et-boc .et-l .et-waypoint:not(.et_pb_counters) {
	opacity: 1 !important;
}

/**
 * Footer YouTube icon: child theme adds .et-social-youtube, but Divi 4.27
 * dynamic CSS only ships the glyph with Social Media Follow assets (not
 * loaded on pages that only use classic footer social icons).
 */
.et-social-youtube a.icon:before {
	content: "\E0A3";
	font-family: "ETmodules" !important;
}

/**
 * Product archive grid titles: Divi 5 applies global link color (#9acaed)
 * to heading links. Live (Divi 4) kept header brown (#4f362a) via inherit.
 */
.et-db #et-boc .et-l .et_pb_post h2.entry-title a,
.et-db #et-boc .et-l .et_pb_post h2 a,
.et_pb_blog_grid .et_pb_post h2.entry-title a,
.et_pb_post h2.entry-title a {
	color: #4f362a !important;
}

.et-db #et-boc .et-l .et_pb_post h2.entry-title a:hover,
.et-db #et-boc .et-l .et_pb_post h2 a:hover,
.et_pb_blog_grid .et_pb_post h2.entry-title a:hover,
.et_pb_post h2.entry-title a:hover {
	color: #4f362a !important;
}

/**
 * Product category filter buttons: Divi 5 dropped the Theme Builder
 * mobile margin-bottom on button wrappers. Live keeps 30px gaps.
 */
@media only screen and (max-width: 980px) {
	.et-db #et-boc .et-l .et_pb_button_module_wrapper[class*="_tb_body_wrapper"]:not(:last-child),
	.et_pb_button_module_wrapper[class*="_tb_body_wrapper"]:not(:last-child) {
		margin-bottom: 30px !important;
	}
}

/**
 * Recipes page (4290) eps-super-search: Divi custom CSS zeros the
 * submit border, so the magnifying-glass sits outside the input box.
 * Wrap input + icon in one continuous #bbb border.
 */
.page-id-4290 #super_searchform .input-group {
	display: inline-flex !important;
	align-items: stretch !important;
	max-width: 100%;
	background: #fff;
	border: 1px solid #bbb;
	box-sizing: border-box;
}

.page-id-4290 #super_searchform .input-group #s.form-control {
	border: 0 !important;
	margin: 0 !important;
	flex: 1 1 auto;
	min-width: 0;
	height: auto !important;
	box-shadow: none !important;
	background: transparent;
}

.page-id-4290 #super_searchform .input-group-btn {
	display: flex !important;
	align-items: stretch;
	margin: 0;
	padding: 0;
}

.page-id-4290 #super_searchform #searchsubmit {
	border: 0 !important;
	margin: 0 !important;
	height: auto !important;
	align-self: stretch;
	width: 66px;
	box-shadow: none !important;
}

/**
 * Foodservice page (6182): live content uses darker palette blue
 * (#0c71c3) on body text links. Local still has light global link
 * color (#9acaed) / inline styles from the Divi 5 migration.
 */
.page-id-6182 .et_pb_text.et_pb_bg_layout_light a,
.page-id-6182 .et_pb_text.et_pb_bg_layout_light a span,
.page-id-6182 .et_pb_blurb.et_pb_bg_layout_light a,
.page-id-6182 .et_pb_blurb.et_pb_bg_layout_light a span {
	color: #0c71c3 !important;
}

/**
 * Blog / post meta: Divi 5 keeps .post-meta at 14px. Live (Divi 4)
 * customizer output bumps blog post paragraphs (including meta) to
 * the body font size (18px).
 */
body .et_pb_bg_layout_light .et_pb_post p,
body .et_pb_bg_layout_dark .et_pb_post p,
.et_pb_post .post-meta,
#left-area .post-meta {
	font-size: 18px !important;
}