/**
 * Gledesgaver storefront compatibility styles.
 *
 * These rules bridge the existing Sober child-theme presentation with newer
 * WooCommerce, checkout and WPBakery asset behaviour.
 */

/*
 * WPBakery's Font Awesome compatibility shim can remap these old FA4 classes
 * without loading the corresponding FA6 brand font on checkout. Keep the two
 * footer icons on the Font Awesome font already supplied by Sober.
 */
.site-footer .footer-contact .info-value .fa-facebook,
.site-footer .footer-contact .info-value .fa-instagram {
	font-family: FontAwesome !important;
	font-style: normal !important;
	font-weight: normal !important;
}

.site-footer .footer-contact .info-value .fa-facebook::before {
	content: "\f09a" !important;
}

.site-footer .footer-contact .info-value .fa-instagram::before {
	content: "\f16d" !important;
}

/*
 * WooCommerce 11 added table cell borders which conflict with Sober's old
 * flex-based mobile checkout table. Present each total as a clean label/value
 * row and remove the unused middle heading cell generated by the checkout.
 */
@media only screen and (max-width: 767px) {
	body.woocommerce-one-page #kco-order-review table.shop_table {
		border: 0 !important;
		border-collapse: collapse !important;
		border-spacing: 0 !important;
		table-layout: auto !important;
	}

	body.woocommerce-one-page #kco-order-review table.shop_table tfoot tr {
		align-items: start !important;
		border: 0 !important;
		display: grid !important;
		gap: 12px !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		padding: 12px 0 !important;
	}

	body.woocommerce-one-page #kco-order-review table.shop_table tfoot tr > th,
	body.woocommerce-one-page #kco-order-review table.shop_table tfoot tr > td {
		border: 0 !important;
		display: block !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
	}

	body.woocommerce-one-page #kco-order-review table.shop_table tfoot tr > th:nth-child(2) {
		display: none !important;
	}

	body.woocommerce-one-page #kco-order-review table.shop_table tfoot tr > td {
		text-align: right !important;
	}

	body.woocommerce-one-page #kco-order-review table.shop_table tfoot ul#shipping_method {
		margin: 0 !important;
		padding: 0 !important;
	}
}