@import "./single-product/pricing-table.css";
@import "./single-product/reset.css";
@import "./single-product/hero.css";
@import "./single-product/related.css";
@import "./single-product/reviews.css";

.woocommerce-tabs {
	margin-top: var(--wp--preset--spacing--xl);
	/* display: none; */
}

.product-hub__details__attribute {
	margin-bottom: var(--wp--preset--spacing--m);
}

.product-hub__details {
	/* max-width: 100ch; */
}

.product-hub__tabs {
	margin-bottom: var(--wp--preset--spacing--xl);
}

.product-hub__tabs__items {
	background-color: rgba(250, 250, 250, 0);
	padding-top: var(--wp--preset--spacing--xl);
}

.product-hub__menu {
	color: var(--wp--preset--color--bleu-fonce, hsl(210, 100%, 20%, 1));
	display: flex;
	flex-direction: row;
	font-weight: 900;
	justify-content: space-between;

	@media screen and (min-width: 768px) {
		border-bottom: 1px solid var(--wp--preset--color--bleu-fonce, hsl(210, 100%, 20%, 1));
	}
}

@media (max-width: 767px) {
	.product-hub__menu {
		max-width: 100%;
		overflow-x: scroll;

		/* Custom scrollbar styling for Webkit browsers */
		&::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 8px; /* Vertical scrollbar width */
			height: 8px; /* Horizontal scrollbar height */
		}

		&::-webkit-scrollbar-thumb {
			background-color: var(--wp--preset--color--bleu-fonce, hsl(210, 100%, 20%, 1)); /* Scrollbar color */
			border-radius: 10px;
			border: 2px solid #ffffff; /* Adds "breathing room" around the thumb */
		}

		&::-webkit-scrollbar-track {
			padding-bottom: var(--wp--preset--spacing--xs);
		}
	}
}

.product-hub__menu__item {
	font-family: Roboto;
	font-size: var(--wp--preset--font-size--1);
	font-weight: bold;
	min-width: 0px;
	position: relative;
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--s);
	cursor: pointer;
}

.product-hub__menu__item:before {
	width: 0px;
	height: 0px;
	background-color: var(--wp--preset--color--bleu-fonce, hsl(210, 100%, 20%, 1));
	position: absolute;
	top: 3px;
	content: "";
	aspect-ratio: 1/1;
	opacity: 0;
	transition: all 0.2s ease 0s;
	left: 3px;
	border-radius: 50px;
}

.product-hub__menu__item:is(.gb-block-is-current, .gb-block-is-current:hover, .gb-block-is-current:focus) {
	color: var(--wp--preset--color--bleu-ciel, hsla(195, 100%, 40%, 1));
}

.product-hub__menu__item:is(.gb-block-is-current, .gb-block-is-current:hover, .gb-block-is-current:focus)::before {
	opacity: 1;
	background-color: var(--wp--preset--color--bleu-ciel, hsla(195, 100%, 40%, 1));
	width: 10px;
	height: 10px;
}

.product-hub__menu__item * {
	transition: all 0.2s ease 0s;
}

@media (max-width: 767px) {
	.product-hub__menu__item {
		flex-grow: 1;
		flex-shrink: 0;
	}
}

.single-product .reactif-netsuite-item-button {
	display: inline-flex;
	margin-top: var(--wp--preset--spacing--2-xs);
}