/*
Theme Name: Smart Building Solutions
Theme URI: https://example.com/
Description: Hello Elementor child theme with Smart Building Solutions WooCommerce shop, product, cart, checkout and account styling.
Version: 1.7.39
Template: hello-elementor
Text Domain: smart-building-solutions
*/




/* v1.7.30 — per-page layout support and WooCommerce thank-you page container */
:root {
	--sbs-page-container: var(--sbs-wc-container, 1290px);
	--sbs-page-gutter: clamp(18px, 3vw, 32px);
}

body.sbs-page-layout-container .main-wrap > main,
body.sbs-page-layout-container .main-wrap > .site-main,
body.sbs-page-layout-container .main-wrap .site-main,
body.sbs-page-layout-container .main-wrap .page-content,
body.sbs-page-layout-container .main-wrap .woocommerce {
	max-width: var(--sbs-page-container);
	width: min(100% - (var(--sbs-page-gutter) * 2), var(--sbs-page-container));
	margin-left: auto;
	margin-right: auto;
}

body.sbs-page-layout-fluid .main-wrap > main,
body.sbs-page-layout-fluid .main-wrap > .site-main,
body.sbs-page-layout-fluid .main-wrap .site-main,
body.sbs-page-layout-fluid .main-wrap .page-content,
body.sbs-page-layout-fluid .main-wrap .woocommerce {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

body.sbs-page-layout-fluid_inner .main-wrap > main,
body.sbs-page-layout-fluid_inner .main-wrap > .site-main,
body.sbs-page-layout-fluid_inner .main-wrap .site-main,
body.sbs-page-layout-fluid_inner .main-wrap .page-content {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

body.sbs-page-layout-fluid_inner .main-wrap > main > *,
body.sbs-page-layout-fluid_inner .main-wrap > .site-main > *,
body.sbs-page-layout-fluid_inner .main-wrap .page-content > * {
	max-width: var(--sbs-page-container);
	width: min(100% - (var(--sbs-page-gutter) * 2), var(--sbs-page-container));
	margin-left: auto;
	margin-right: auto;
}

body.woocommerce-order-received.sbs-order-received-container .main-wrap {
	background: #f6f7f4;
}

body.woocommerce-order-received.sbs-order-received-container .main-wrap > main,
body.woocommerce-order-received.sbs-order-received-container .main-wrap > .site-main,
body.woocommerce-order-received.sbs-order-received-container .main-wrap .site-main,
body.woocommerce-order-received.sbs-order-received-container .main-wrap .page-content,
body.woocommerce-order-received.sbs-order-received-container .main-wrap .woocommerce {
	max-width: var(--sbs-page-container);
	width: min(100% - (var(--sbs-page-gutter) * 2), var(--sbs-page-container));
	margin-left: auto;
	margin-right: auto;
}

body.woocommerce-order-received.sbs-order-received-container .main-wrap .woocommerce {
	padding-top: clamp(40px, 6vw, 80px);
	padding-bottom: clamp(48px, 7vw, 96px);
}

body.woocommerce-order-received.sbs-order-received-container .woocommerce-order {
	background: #ffffff;
	border: 1px solid rgba(16, 24, 40, 0.08);
	border-radius: 26px;
	box-shadow: 0 24px 70px rgba(16, 24, 40, 0.08);
	padding: clamp(24px, 4vw, 48px);
	max-width: 940px;
	margin: 0 auto;
}

body.woocommerce-order-received.sbs-order-received-container .woocommerce-notice--success,
body.woocommerce-order-received.sbs-order-received-container .woocommerce-thankyou-order-received {
	font-size: clamp(22px, 3vw, 34px);
	font-weight: 850;
	line-height: 1.2;
	color: #101828;
	margin-bottom: 24px;
	text-align: center;
}

body.woocommerce-order-received.sbs-order-received-container .woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	padding: 0;
	margin: 0 0 32px;
}
body.woocommerce-order-received.sbs-order-received-container p{
	text-align: center;
}
.woocommerce .woocommerce-customer-details address p{
	text-align: left;
	margin-bottom: 0;
	margin-top: 10px;
}
.woocommerce-order-details__title,
.woocommerce-column__title{
	font-size: 24px !important;
	margin-top: 0;
}
body.woocommerce-order-received.sbs-order-received-container .woocommerce-order-overview::before{
	display: none;
}
body.woocommerce-order-received.sbs-order-received-container .woocommerce-order-overview li {
	list-style: none;
	border: 1px solid rgba(16, 24, 40, 0.08);
	border-radius: 16px;
	padding: 16px;
	background: #f8faf7;
	margin-right: 0 !important;
	flex: 0 0 calc(25.3333% - 5px);
}

@media (max-width: 767px) {
	body.sbs-page-layout-container .main-wrap > main,
	body.sbs-page-layout-container .main-wrap > .site-main,
	body.sbs-page-layout-container .main-wrap .site-main,
	body.sbs-page-layout-container .main-wrap .page-content,
	body.sbs-page-layout-container .main-wrap .woocommerce,
	body.woocommerce-order-received.sbs-order-received-container .main-wrap > main,
	body.woocommerce-order-received.sbs-order-received-container .main-wrap > .site-main,
	body.woocommerce-order-received.sbs-order-received-container .main-wrap .site-main,
	body.woocommerce-order-received.sbs-order-received-container .main-wrap .page-content,
	body.woocommerce-order-received.sbs-order-received-container .main-wrap .woocommerce {
		width: min(100% - 32px, var(--sbs-page-container));
	}

	body.woocommerce-order-received.sbs-order-received-container .woocommerce-order {
		border-radius: 18px;
		padding: 22px;
	}
}


.woocommerce-order-received .woocommerce-table--order-details {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	background: #ffffff;
}

.woocommerce-order-received .woocommerce-table--order-details thead th {
	padding: 18px 32px;
	background: #f4f2ec;
	border: 0;
	color: #77736a;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.woocommerce-order-received .woocommerce-table--order-details thead th:last-child {
	text-align: right;
}

.woocommerce-order-received .woocommerce-table--order-details tbody td {
	padding: 26px 32px;
	border: 0;
	border-bottom: 1px solid #ecebe6;
	color: #111111;
	font-size: 16px;
	vertical-align: middle;
}

.woocommerce-order-received .woocommerce-table--order-details .product-name a {
	color: #111111;
	font-size: 17px;
	font-weight: 800;
	text-decoration: none;
}

.woocommerce-order-received .woocommerce-table--order-details .product-name a:hover {
	color: #c7a04a;
}

.woocommerce-order-received .woocommerce-table--order-details .product-quantity {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	padding: 6px 11px;
	background: #111111;
	border-radius: 999px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.woocommerce-order-received .woocommerce-table--order-details .product-total {
	text-align: right;
	font-size: 17px;
	font-weight: 900;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot {
	background: #faf9f6;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr th,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr td {
	padding: 16px 32px;
	border: 0;
	border-bottom: 1px solid #ecebe6;
	color: #111111;
	font-size: 15px;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr th {
	color: #77736a;
	font-weight: 700;
	text-align: left;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr td {
	text-align: right;
	font-weight: 800;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
	padding-top: 24px;
	padding-bottom: 24px;
	background: #ffffff;
	color: #111111;
	font-size: 22px;
	font-weight: 900;
}

.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
	border-bottom: 0;
}

.woocommerce-order-received .woocommerce-table--order-details .woocommerce-Price-amount {
	font-weight: 900;
	color: #111111;
}

.woocommerce-order-received .woocommerce-table--order-details .shipped_via {
	display: inline-block;
	margin-left: 8px;
	padding: 5px 9px;
	background: #ede8da;
	border-radius: 999px;
	color: #7a642d;
	font-size: 11px;
	font-weight: 800;
	vertical-align: middle;
}

/* Mobile */
@media (max-width: 767px) {
	.woocommerce-order-received .woocommerce-order-details {
		margin: 22px 14px;
		border-radius: 22px;
	}

	.woocommerce-order-received .woocommerce-order-details__title {
		padding: 22px;
		font-size: 22px;
	}

	.woocommerce-order-received .woocommerce-table--order-details thead {
		display: none;
	}

	.woocommerce-order-received .woocommerce-table--order-details tbody tr,
	.woocommerce-order-received .woocommerce-table--order-details tbody td {
		display: block;
		width: 100%;
		text-align: left;
	}

	.woocommerce-order-received .woocommerce-table--order-details tbody td {
		padding: 20px 22px;
	}

	.woocommerce-order-received .woocommerce-table--order-details tbody td.product-total {
		padding-top: 0;
		text-align: left;
	}

	.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		padding: 15px 22px;
		border-bottom: 1px solid #ecebe6;
	}

	.woocommerce-order-received .woocommerce-table--order-details tfoot th,
	.woocommerce-order-received .woocommerce-table--order-details tfoot td {
		display: block;
		width: auto;
		padding: 0;
		border: 0;
		text-align: right;
	}

	.woocommerce-order-received .woocommerce-table--order-details tfoot th {
		text-align: left;
	}

	.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2) {
		background: #ffffff;
	}

	.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
	.woocommerce-order-received .woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
		font-size: 18px;
	}
}