/* -----------------------------------------------------------------------------
File:    01-products-faqs.css
Path:    /woocommerce/product-archives/01-products-faqs.css
Version: V1.0
Purpose: Single product FAQs UI (accordion like screenshot)
----------------------------------------------------------------------------- */

.single-product .rg-faqs{
	margin-top: clamp(18px, 1.6vw, 26px);
}

.single-product .rg-faqs__title{
	font-family: var(--gp-font-heading);
	font-size: clamp(2rem, 1.6rem + 1vw, 2.6rem);
	font-weight: 500;
	color: var(--contrast);
	margin: 0 0 14px;
}

.single-product .rg-faqs__list{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.single-product .rg-faqs__item{
	border-radius: 18px;
	background: var(--base-2);
	overflow: hidden;
	border: 1px solid var(--base-2);
}

.single-product .rg-faqs__q{
	list-style: none;
	cursor: pointer;
	padding: 18px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.1rem);
	color: var(--contrast);
}

.single-product .rg-faqs__q::-webkit-details-marker{
	display: none;
}

.single-product .rg-faqs__qtext{
	flex: 1;
}

/* caret */
.single-product .rg-faqs__chev{
	width: 18px;
	height: 18px;
	position: relative;
	flex: 0 0 18px;
}

.single-product .rg-faqs__chev::before{
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--contrast-2);
	border-bottom: 2px solid var(--contrast-2);
	transform: rotate(45deg);
	transform-origin: center;
}

.single-product details[open] .rg-faqs__chev::before{
	transform: rotate(-135deg);
}

.single-product .rg-faqs__a{
	padding: 0 20px 18px;
	color: var(--contrast-2);
	line-height: 1.55;
	font-size: clamp(0.98rem, 0.93rem + 0.2vw, 1.05rem);
	background: var(--base-2);
}