/*
Theme Name: OG Customs
Version: 1.0.0
Template: astra
*/


/* Astra Header Builder */

.ast-header-break-point .main-header-bar {
	line-height: 1.6;
}

.ast-header-break-point .main-navigation ul .menu-item .menu-link {
	border: 0;
}

@media (max-width: 1298px) {
	.ast-builder-menu-2 .menu-item > .menu-link {
		font-size: 11px;
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* End Astra Header Builder */

/* WooCommerce */

/* Card scope: shop/archive pages + related/upsell/cross-sell sections on any page */
:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .ast-article-single.product,
:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .ast-article-post.product {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #F4F4F4;
	border-radius: 0;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	text-align: center;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .ast-article-single.product:hover,
:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .ast-article-post.product:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .product .ast-loop-product__link {
	text-decoration: none;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .product .ast-loop-product__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .product .add_to_cart_button,
:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .product .ajax_add_to_cart {
	position: relative;
	z-index: 2;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .astra-shop-thumbnail-wrap {
	overflow: hidden;
	background: #F4F4F4;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .astra-shop-thumbnail-wrap img {
	transition: transform 0.35s ease;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #FFFFFF;
	display: block;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .product:hover .astra-shop-thumbnail-wrap img {
	transform: scale(1.06);
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .astra-shop-summary-wrap {
	padding: 18px 16px 22px;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .ast-woo-product-category {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #FC0200;
	margin-bottom: 6px;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .woocommerce-loop-product__title {
	font-size: 16px;
	font-weight: 700;
	color: #1A1A1A;
	margin: 4px 0 10px;
	text-transform: uppercase;
}

:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .astra-shop-summary-wrap .price,
:is(body:not(.single-product), .related.products, .upsells.products, .cross-sells) .astra-shop-summary-wrap .price .woocommerce-Price-currencySymbol {
	font-size: 17px;
	font-weight: 700;
	color: #C40100;
}

/* Single product layout */
@media (min-width: 769px) {
	.woocommerce div.product div.images {
		width: 20% !important;
		float: left !important;
	}
	.woocommerce div.product div.summary {
		width: 75% !important;
		float: right !important;
	}
}

@media (max-width: 768px) {
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary {
		width: 100% !important;
		float: none !important;
	}
}

/* Related products sit below the floated gallery/summary – make sure they clear it */
.single-product .related.products,
.single-product .upsells.products {
	clear: both;
}

h1.woocommerce-products-header__title.page-title {
	font-size: 2.5rem;
}

h2.widget-title {
	font-weight: bold;
}

/* End WooCommerce */

/* Dual Colour Swatch */

.cfvsw-swatches-option[data-slug="black-charcoal"] .cfvsw-swatch-inner         { background: linear-gradient(135deg, #000000 50%, #414b56 50%) !important; }
.cfvsw-swatches-option[data-slug="black-red"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #000000 50%, #c10435 50%) !important; }
.cfvsw-swatches-option[data-slug="black-yellow"] .cfvsw-swatch-inner		   { background: linear-gradient(135deg, #000000 50%, #ffce00 50%) !important; }
.cfvsw-swatches-option[data-slug="charcoal-black"] .cfvsw-swatch-inner		   { background: linear-gradient(135deg, #414b56 50%, #000000 50%) !important; }
.cfvsw-swatches-option[data-slug="navy-red"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #041c2c 50%, #c10435 50%) !important; }
.cfvsw-swatches-option[data-slug="black-heather-grey"] .cfvsw-swatch-inner	   { background: linear-gradient(135deg, #000000 50%, #a7a9ac 50%) !important; }
.cfvsw-swatches-option[data-slug="charcoal-heather-grey"] .cfvsw-swatch-inner  { background: linear-gradient(135deg, #414b56 50%, #a7a9ac 50%) !important; }
.cfvsw-swatches-option[data-slug="charcoal-orange"] .cfvsw-swatch-inner		   { background: linear-gradient(135deg, #414b56 50%, #f26522 50%) !important; }
.cfvsw-swatches-option[data-slug="fuchsia-heather-grey"] .cfvsw-swatch-inner   { background: linear-gradient(135deg, #a8135a 50%, #a7a9ac 50%) !important; }
.cfvsw-swatches-option[data-slug="heather-grey-navy"] .cfvsw-swatch-inner	   { background: linear-gradient(135deg, #a7a9ac 50%, #041c2c 50%) !important; }
.cfvsw-swatches-option[data-slug="lime-purple"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #cfe2a0 50%, #1f0a5e 50%) !important; }
.cfvsw-swatches-option[data-slug="navy-heather-grey"] .cfvsw-swatch-inner	   { background: linear-gradient(135deg, #041c2c 50%, #a7a9ac 50%) !important; }
.cfvsw-swatches-option[data-slug="navy-royal"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #041c2c 50%, #003a8c 50%) !important; }
.cfvsw-swatches-option[data-slug="navy-sky"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #041c2c 50%, #8ec5e8 50%) !important; }
.cfvsw-swatches-option[data-slug="purple-yellow"] .cfvsw-swatch-inner		   { background: linear-gradient(135deg, #1f0a5e 50%, #ffce00 50%) !important; }
.cfvsw-swatches-option[data-slug="red-black"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #c10435 50%, #000000 50%) !important; }
.cfvsw-swatches-option[data-slug="royal-navy"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #003a8c 50%, #041c2c 50%) !important; }
.cfvsw-swatches-option[data-slug="sapphire-heather-grey"] .cfvsw-swatch-inner  { background: linear-gradient(135deg, #1a9cc4 50%, #a7a9ac 50%) !important; }
.cfvsw-swatches-option[data-slug="white-fuchsia"] .cfvsw-swatch-inner		   { background: linear-gradient(135deg, #ffffff 50%, #a8135a 50%) !important; }
.cfvsw-swatches-option[data-slug="black-graphite-grey"] .cfvsw-swatch-inner	   { background: linear-gradient(135deg, #000000 50%, #55585c 50%) !important; }
.cfvsw-swatches-option[data-slug="bottle-green-off-white"] .cfvsw-swatch-inner { background: linear-gradient(135deg, #0f3a2b 50%, #f2efe6 50%) !important; }
.cfvsw-swatches-option[data-slug="heather-grey-black"] .cfvsw-swatch-inner	   { background: linear-gradient(135deg, #a7a9ac 50%, #000000 50%) !important; }
.cfvsw-swatches-option[data-slug="navy-light-grey"] .cfvsw-swatch-inner		   { background: linear-gradient(135deg, #041c2c 50%, #b9bcc0 50%) !important; }
.cfvsw-swatches-option[data-slug="white-black"] .cfvsw-swatch-inner			   { background: linear-gradient(135deg, #ffffff 50%, #000000 50%) !important; }

/* End Dual Colour Swatch */

/* Size Guide */

.woocommerce-Tabs-panel table.table.table-bordered.table-responsive {
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
	font-size: 14px;
}

.woocommerce-Tabs-panel table.table thead.size-chart-header th.size-chart-cell,
.woocommerce-Tabs-panel table.table thead.size-chart-header th.size-chart-items {
	color: #FFFFFF;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 12px 10px;
	text-align: center;
	background-color: #000000;
	border: 1px solid #000000;
}

.woocommerce-Tabs-panel table.table thead.size-chart-header th.size-chart-cell {
	text-align: left;
	background-color: #FC0200;
}

.woocommerce-Tabs-panel table.table tbody td.size-chart-cells {
	font-weight: 600;
	text-align: left;
	padding: 10px;
	background-color: #F4F4F4;
	border: 1px solid #E0E0E0;
	white-space: nowrap;
}

.woocommerce-Tabs-panel table.table tbody td.size-chart-items {
	text-align: center;
	padding: 10px 8px;
	border: 1px solid #E0E0E0;
	color: #1A1A1A;
}

.woocommerce-Tabs-panel table.table tbody tr:nth-child(even) td {
	background-color: #FAFAFA;
}

.woocommerce-Tabs-panel table.table tbody tr:hover td.size-chart-items {
	background-color: #FC0200;
	color: #FFFFFF;
	transition: background-color 0.2s ease;
}

@media (max-width: 768px) {
	.woocommerce-Tabs-panel .table-responsive {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* End Size Guide */

/* Hover Reveal */

.hover-reveal {
	position: relative;
	overflow: hidden; /* keeps the lifted text from spilling outside on hover */
}
 
.hover-reveal__text {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.35s ease, transform 0.35s ease;
	pointer-events: none; /* prevents hidden text from being clickable/selectable */
}
 
.hover-reveal:hover .hover-reveal__text,
.hover-reveal:focus-within .hover-reveal__text {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

/* End Hover Reveal */

/* Restore Indentation & Spacing for block-editor Lists */

.entry-content ul.wp-block-list,
.entry-content ol.wp-block-list {
	padding-left: 1.5em;
	margin: 0 0 1.5em 0;
}

.entry-content ul.wp-block-list {
	list-style: disc outside;
}

.entry-content ol.wp-block-list {
	list-style: decimal outside;
}

.entry-content .wp-block-list li {
	margin-bottom: 0.4em;
	padding-left: 0.25em;
}

.entry-content .wp-block-list li:last-child {
	margin-bottom: 0;
}

/* End Restore Indentation & Spacing for block-editor Lists */

/* Footer */

.footer-widget-area .widget_nav_menu .widget-title,
.footer-widget-area .widget_text .widget-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

/* End Footer */