/*
 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
*/

/* Timber Ireland: readable WooCommerce notices */
.woocommerce-notices-wrapper {
	max-width: 1516px;
	margin: 24px auto;
	padding: 0 24px;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper ul.woocommerce-error {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 64px;
	margin: 0 0 14px;
	padding: 18px 20px;
	border: 1px solid #d9ded4;
	border-left: 4px solid #8cc63f;
	border-radius: 2px;
	background: #f3f4f2;
	box-shadow: none;
	color: #252525;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
}

.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-error::before {
	display: none;
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper ul.woocommerce-error {
	border-left-color: #b94242;
}

.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-info a,
.woocommerce-notices-wrapper .woocommerce-error a {
	color: #4d7f1f;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.woocommerce-notices-wrapper .button,
.woocommerce-notices-wrapper .button.wc-forward,
.woocommerce-notices-wrapper a.button {
	flex: 0 0 auto;
	margin-left: auto;
	padding: 12px 22px;
	border: 1px solid #8cc63f;
	border-radius: 4px;
	background: #8cc63f;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.woocommerce-notices-wrapper .button:hover,
.woocommerce-notices-wrapper .button.wc-forward:hover,
.woocommerce-notices-wrapper a.button:hover {
	border-color: #76ad31;
	background: #76ad31;
	color: #fff;
}

@media (max-width: 767px) {
	.woocommerce-notices-wrapper {
		margin: 16px auto;
		padding: 0 16px;
	}

	.woocommerce-notices-wrapper .woocommerce-message,
	.woocommerce-notices-wrapper .woocommerce-info,
	.woocommerce-notices-wrapper .woocommerce-error,
	.woocommerce-notices-wrapper ul.woocommerce-error {
		display: block;
		padding: 16px;
		font-size: 15px;
	}

	.woocommerce-notices-wrapper .button,
	.woocommerce-notices-wrapper .button.wc-forward,
	.woocommerce-notices-wrapper a.button {
		display: inline-block;
		margin: 12px 0 0;
	}
}

/* Timber Ireland: footer payment icons */
.footer-ti__payment-list {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: 4px;
	padding: 0;
	list-style: none;
}

.footer-ti__payment-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 24px;
	color: currentColor;
	opacity: .7;
}

.footer-ti__payment-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 24px;
	color: currentColor;
	fill: currentColor;
	font-size: 24px;
	line-height: 1;
}

.footer-ti__payment-icon img,
img.footer-ti__payment-icon {
	display: block;
	width: auto;
	height: 24px;
	max-width: 44px;
	object-fit: contain;
	filter: grayscale(1) brightness(0);
	opacity: .7;
}

.footer-ti__payment-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 20px;
	padding: 2px 5px;
	border: 1px solid currentColor;
	border-radius: 2px;
	color: currentColor;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	opacity: .7;
}

@media (max-width: 767px) {
	.footer-ti__payment-list {
		margin-left: 0;
		gap: 8px;
	}

	.footer-ti__payment-item,
	.footer-ti__payment-icon {
		height: 22px;
		font-size: 22px;
	}

	.footer-ti__payment-icon img,
	img.footer-ti__payment-icon {
		height: 22px;
	}
}