/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ==========================================================================
   TOP Gas & Plumbing - site-wide custom CSS (DesignHog)
   Kept here centrally; layout and styling otherwise lives in Bricks theme
   styles and global classes.
   ========================================================================== */

/* Check-mark lists: add class "tgp-checklist" to a <ul> inside a Text element */
.tgp-checklist {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.tgp-checklist li {
	position: relative;
	padding-left: 30px;
	font-weight: 600;
	color: #1a1d21;
	line-height: 1.5;
}
.tgp-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	width: 20px;
	height: 20px;
	background-color: #b12a30;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") no-repeat center / contain;
}
/* Light version for dark backgrounds */
.tgp-checklist--light li { color: #ffffff; }
.tgp-checklist--light li::before { background-color: #f0767b; }
/* Inline (horizontal, wrapping) version */
.tgp-checklist--inline {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px 28px;
}

/* White version of the logo on dark backgrounds (footer) */
.tgp-logo-white,
.tgp-logo-white img { filter: brightness(0) invert(1); }

/* Breadcrumb links in the dark page hero */
.tgp-page-hero a { color: #cfd2d6; }
.tgp-page-hero a:hover { color: #ffffff; }

/* Small print under the contact form */
.tgp-form-note { margin: 0; font-size: 14px; color: #555b63; }

/* Policy pages (Privacy / Cookie Policy) - tame heading sizes inside the content */
.brxe-post-content h2 { font-size: 24px; margin: 36px 0 12px; }
.brxe-post-content h3 { font-size: 19px; margin: 28px 0 10px; }
.brxe-post-content p,
.brxe-post-content ul { margin-bottom: 16px; }

/* Complianz consent banner - brand colours */
body .cmplz-cookiebanner {
	--cmplz_button_accept_background_color: #b12a30;
	--cmplz_button_accept_border_color: #b12a30;
	--cmplz_button_accept_text_color: #ffffff;
	--cmplz_hyperlink_color: #b12a30;
	--cmplz_slider_active_color: #b12a30;
	--cmplz_button_border_radius: 6px;
}

/* Paragraph spacing is handled by the parent's row gap */
p.brxe-text-basic { margin: 0; }

/* Light outline buttons (e.g. WhatsApp Us on dark/red backgrounds):
   white background on hover - text/icon colour is set in the Bricks theme style */
.bricks-button.outline.bricks-color-light:hover {
	background-color: #ffffff;
}

/* Trusted-client logos (About page): full colour, greyscale on hover */
.tgp-client-logo {
	transition: filter 0.3s ease, opacity 0.3s ease;
}
.tgp-client-logo:hover {
	filter: grayscale(1);
	opacity: 0.7;
}

/* Keep long words/emails from overflowing on small screens */
.brxe-text-basic,
.brxe-text,
.brxe-heading { overflow-wrap: break-word; }

/* Respect reduced-motion preferences for Bricks entrance animations */
@media (prefers-reduced-motion: reduce) {
	.brx-animated { animation: none !important; }
}