/* FAQs Block Styles */

.faqs-block {
	@apply pb-0 pt-0;
}

.post-content .faqs-block {
	@apply pb-8 lg:pb-16 pt-0;
}

.faqs-block .faq-container {
	@apply default-container;
	@apply max-w-[75rem];
}

.post-article__content .faqs-block .faq-container {
	@apply px-0;
}

.faqs-block .faq-item {
	@apply border-b border-gray-200 overflow-hidden;
}

.faqs-block .faq-item:last-child {
	@apply border-b-0;
}

.faqs-block .faq-question {
	@apply w-full text-left py-4 lg:py-6;
}

.faqs-block .faq-question h3 {
	@apply text-m-b1 sm:text-t-b1 lg:text-d-s3 font-bold font-haipe_sora text-haipe_gray-900 pr-8 mb-0 !important;
	transition: color 0.3s ease-in-out;
}

.post-content .faqs-block .faq-question h3 {
	@apply text-m-b2 sm:text-t-b2 lg:text-d-b2 font-bold font-haipe_inter text-haipe_gray-900 pr-8 mb-0 !important;
	transition: color 0.3s ease-in-out;
}

.faqs-block .faq-item.faq-expanded .faq-question h3 {
	@apply text-haipe_purple-500 !important;
}

.post-content .faqs-block .faq-item.faq-expanded .faq-question h3 {
	@apply text-haipe_purple-500 !important;
}

.faqs-block .faq-answer-text p {
	@apply text-m-b2 sm:text-t-b2 lg:text-d-b2 font-normal font-haipe_inter text-haipe_gray-900 mb-0 !important;
}

.faqs-block .faq-icon {
	@apply flex-shrink-0 w-6 h-6;
	transition: fill 0.3s ease-in-out;
}
.faqs-block .faq-item.faq-expanded .faq-icon--plus {
	@apply hidden;
}
.faqs-block .faq-icon--minus {
	@apply hidden;
}
.faqs-block .faq-item.faq-expanded .faq-icon--minus {
	@apply block;
}

.faqs-block .faq-item.faq-expanded .faq-icon svg path {
	fill: #8B5CF6 !important; 
}

.faqs-block .faq-item.faq-expanded .faq-icon--plus svg path,
.faqs-block .faq-item.faq-expanded .faq-icon--minus svg path {
	fill: #8B5CF6 !important; 
}

/* FAQ Answer */
.faqs-block .faq-answer {
	@apply overflow-hidden transition-all duration-300 ease-in-out max-h-0;
}

.faqs-block .faq-answer.expanded {
	@apply max-h-screen;
}

.faqs-block .faq-answer>div {
	@apply pb-4 lg:pb-6 lg:-mt-[0.4rem] text-gray-700 leading-relaxed;
}

/* FAQ Answer Content */
.faqs-block .faq-answer p {
	@apply mb-4 last:mb-0;
}

.faqs-block .faq-answer ul,
.faqs-block .faq-answer ol {
	@apply mb-4 pl-6;
}

.faqs-block .faq-answer ul {
	@apply list-disc;
}

.faqs-block .faq-answer ol {
	@apply list-decimal;
}

.faqs-block .faq-answer li {
	@apply mb-2;
}

.faqs-block .faq-answer strong {
	@apply font-semibold;
}

.faqs-block .faq-answer em {
	@apply italic;
}

.faqs-block .faq-answer a {
	@apply text-haipe_purple-500 underline;
}

/* No FAQs State */
.faqs-block .no-faqs {
	@apply text-center py-12;
}

.faqs-block .no-faqs svg {
	@apply w-16 h-16 text-gray-300 mx-auto mb-4;
}

.faqs-block .no-faqs h3 {
	@apply text-lg font-medium text-gray-500 mb-2;
}

.faqs-block .no-faqs p {
	@apply text-gray-400;
}

/* Button Flex Layout */
.faqs-block .faq-question>div {
	@apply flex items-start justify-between;
}

/* ==========================================================================
   RANK MATH FAQ STYLES
   ========================================================================== */

/* Rank Math FAQ Block */
.rank-math-block {
	@apply pb-0 pt-0;
}

.post-content .rank-math-block {
	@apply pb-8 lg:pb-16 pt-0;
}

.rank-math-block .rank-math-list {
	@apply default-container;
	@apply max-w-[75rem];
}

.post-article__content .rank-math-block .rank-math-list {
	@apply px-0;
}

/* Rank Math FAQ Item */
.rank-math-block .rank-math-list-item {
	@apply border-b border-gray-200 overflow-hidden cursor-pointer;
	transition: all 0.3s ease-in-out;
}

.rank-math-block .rank-math-list-item:last-child {
	@apply border-b-0;
}

/* Rank Math Question */
.rank-math-block .rank-math-question {
	@apply w-full text-left py-4 lg:py-6 relative;
	background: none;
	border: none;
	cursor: pointer;
	user-select: none;
}

.rank-math-block .rank-math-question {
	@apply text-m-b1 sm:text-t-b1 lg:text-d-s3 font-bold font-haipe_sora text-haipe_gray-900 pr-8 mb-0 !important;
	transition: color 0.3s ease-in-out;
}

.post-content .rank-math-block .rank-math-question {
	@apply text-m-b2 sm:text-t-b2 lg:text-d-b2 font-bold font-haipe_inter text-haipe_gray-900 pr-8 mb-0 !important;
	transition: color 0.3s ease-in-out;
}

.rank-math-block .rank-math-question strong {
	@apply font-bold;
}

/* Rank Math FAQ Answer */
.rank-math-block .rank-math-answer {
	@apply overflow-hidden transition-all duration-300 ease-in-out max-h-0;
}

.rank-math-block .rank-math-answer.expanded {
	@apply max-h-screen;
}

.rank-math-block .rank-math-answer>div {
	@apply pb-4 lg:pb-6 lg:-mt-[0.4rem] text-gray-700 leading-relaxed;
}

/* Rank Math FAQ Answer Content */
.rank-math-block .rank-math-answer p {
	@apply text-m-b2 sm:text-t-b2 lg:text-d-b2 font-normal font-haipe_inter text-haipe_gray-900 mb-4 last:mb-0 !important;
}

.rank-math-block .rank-math-answer ul,
.rank-math-block .rank-math-answer ol {
	@apply mb-4 pl-6;
}

.rank-math-block .rank-math-answer ul {
	@apply list-disc;
}

.rank-math-block .rank-math-answer ol {
	@apply list-decimal;
}

.rank-math-block .rank-math-answer li {
	@apply mb-2;
}

.rank-math-block .rank-math-answer strong {
	@apply font-semibold;
}

.rank-math-block .rank-math-answer em {
	@apply italic;
}

.rank-math-block .rank-math-answer a {
	@apply text-haipe_purple-500 underline;
}

/* Rank Math FAQ Plus/Minus Icons */
.rank-math-block .rank-math-question::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12.998H13V18.998H11V12.998H5V10.998H11V4.99805H13V10.998H19V12.998Z' fill='%23000000' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all 0.3s ease-in-out;
}

.rank-math-block .rank-math-list-item.expanded .rank-math-question::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12.998H13L11 12.998L5 12.998V10.998H11H13H19V12.998Z' fill='%238B5CF6' /%3E%3C/svg%3E");
}

/* Rank Math FAQ Expanded State */
.rank-math-block .rank-math-list-item.expanded .rank-math-question {
	@apply text-haipe_purple-500 !important;
}

.post-content .rank-math-block .rank-math-list-item.expanded .rank-math-question {
	@apply text-haipe_purple-500 !important;
}