/**
 * Theme Name:  B&G Refrigeration Child
 * Theme URI:   https://www.bgrefrigeration.com/
 * Description: Child theme of Hello Elementor for bgrefrigeration.com. All custom CSS, PHP snippets and template overrides belong here so the parent theme stays update-safe.
 * Author:      B&G Refrigeration
 * Author URI:  https://www.bgrefrigeration.com/
 * Template:    hello-elementor
 * Version:     1.0.0
 * Text Domain: hello-elementor-child
 * License:     GNU General Public License v3 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 */

/* -----------------------------------------------------------------------------
 * Custom CSS for bgrefrigeration.com
 *
 * Most of this site is styled inside Elementor (Site Settings + per-widget
 * styles). Use this file only for rules Elementor cannot express, and keep
 * each rule commented with what it is for.
 * -------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
 * Legal pages (Privacy Policy, Terms & Conditions)
 *
 * Applied through the "bg-legal" / "bg-legal-hero" CSS classes set on those
 * pages' Elementor sections. Colors come from the kit's global colors, so
 * changing a global color in Site Settings > Global Colors still drives these
 * pages. Fonts match the rest of the site: Saira for headings, Lato for body.
 *
 * Global colors in use:
 *   --e-global-color-1b8e624  brand blue   #1C6AB2
 *   --e-global-color-2c45b25  light blue   #24A1DC
 * -------------------------------------------------------------------------- */

.bg-legal {
	--bg-legal-blue: var(--e-global-color-1b8e624, #1C6AB2);
	--bg-legal-blue-light: var(--e-global-color-2c45b25, #24A1DC);
	--bg-legal-ink: #2C3238;
	--bg-legal-body: #4A4F54;
	--bg-legal-rule: #E3E9F0;
	--bg-legal-surface: #F4F8FC;
}

.bg-legal p,
.bg-legal li {
	color: var(--bg-legal-body);
}

.bg-legal p {
	margin: 0 0 1.15em;
}

.bg-legal strong {
	color: var(--bg-legal-ink);
	font-weight: 600;
}

/* Section headings: Saira, brand blue, separated by a hairline rule so a long
   document stays scannable. */
.bg-legal h2 {
	font-family: "Saira", var(--e-global-typography-primary-font-family, sans-serif), sans-serif;
	font-weight: 600;
	font-size: clamp(21px, 2.1vw, 26px);
	line-height: 1.3;
	color: var(--bg-legal-blue);
	margin: 2.6em 0 0.8em;
	padding-top: 1.1em;
	border-top: 1px solid var(--bg-legal-rule);
	/* Clear the header when a table-of-contents link jumps to a section. */
	scroll-margin-top: 110px;
}

.bg-legal h2:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.bg-legal ul,
.bg-legal ol {
	margin: 0 0 1.3em;
	padding-left: 1.3em;
}

.bg-legal li {
	margin-bottom: 0.55em;
	padding-left: 0.2em;
}

.bg-legal li::marker {
	color: var(--bg-legal-blue-light);
}

.bg-legal a {
	color: var(--bg-legal-blue);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color 0.15s ease;
}

.bg-legal a:hover,
.bg-legal a:focus {
	color: var(--bg-legal-blue-light);
}

/* Table of contents card. */
.bg-legal-toc {
	background: var(--bg-legal-surface);
	border: 1px solid var(--bg-legal-rule);
	border-left: 4px solid var(--bg-legal-blue);
	border-radius: 6px;
	padding: 24px 28px 20px;
	margin: 0 0 2.4em;
}

.bg-legal-toc__title {
	font-family: "Saira", sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--bg-legal-ink);
	margin: 0 0 0.9em;
}

.bg-legal-toc ol {
	columns: 2;
	column-gap: 36px;
	margin: 0;
	padding-left: 1.1em;
	font-size: 15px;
}

.bg-legal-toc li {
	margin-bottom: 0.45em;
	break-inside: avoid;
}

.bg-legal-toc a {
	text-decoration: none;
}

.bg-legal-toc a:hover {
	text-decoration: underline;
}

/* Contact details block at the end of each document. */
.bg-legal-contact {
	background: var(--bg-legal-surface);
	border-left: 4px solid var(--bg-legal-blue-light);
	border-radius: 0 6px 6px 0;
	padding: 22px 26px;
	margin: 0 0 1.6em;
}

.bg-legal-contact p {
	margin: 0;
	line-height: 1.9;
}

/* "See also our ..." line. */
.bg-legal-crosslink {
	border-top: 1px solid var(--bg-legal-rule);
	padding-top: 1.4em;
	margin-top: 2em;
	font-size: 15px;
}

/* Hero band above the document. */
.bg-legal-hero .bg-legal-hero__meta {
	opacity: 0.85;
}

/* Keep the effective/updated dates from wrapping to a lonely orphan line. */
.bg-legal-hero__meta .elementor-heading-title {
	text-wrap: balance;
}

@media (max-width: 767px) {
	.bg-legal h2 {
		margin-top: 2em;
		scroll-margin-top: 80px;
	}

	.bg-legal-toc {
		padding: 20px 20px 16px;
	}

	.bg-legal-toc ol {
		columns: 1;
	}

	.bg-legal-contact {
		padding: 18px 20px;
	}
}