/**
 * Oguey FAQ — accordéon générique
 *
 * Reproduit EXACTEMENT le CSS de l'accordéon utilisé sur les templates
 * single réalisation / single produit, sans le scope #oguey-single-realisation.
 *
 * Le widget ne génère QUE l'accordéon (liste de questions).
 * Le fond, le header (eyebrow / titre / intro) et la décoration sont
 * gérés par le client dans Elementor autour du widget.
 *
 * !important pour battre les styles Elementor sur les <button>.
 */

/* Liste accordéon */
.oguey-faq {
	display: flex !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
}

/* Chaque item : trait fin en bas */
.oguey-faq__item {
	border-bottom: 1px solid #C4C4C4 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
}

.oguey-faq__question {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	font-weight: normal !important;
}

/* Bouton trigger — reset complet du <button> et des styles Elementor */
.oguey-faq__trigger,
.oguey-faq__trigger:not([disabled]),
button.oguey-faq__trigger {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	padding: 22px 0 !important;
	margin: 0 !important;
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	text-align: left !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #464646 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	transition: color 150ms ease !important;
}

.oguey-faq__trigger:hover,
.oguey-faq__trigger:focus-visible,
.oguey-faq__trigger:not([disabled]):hover,
.oguey-faq__trigger:not([disabled]):focus-visible,
button.oguey-faq__trigger:hover {
	background: none !important;
	background-color: transparent !important;
	color: #143F84 !important;
}

/* Texte de la question */
.oguey-faq__q-text {
	flex: 1 1 auto !important;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	color: inherit !important;
	text-transform: none !important;
	margin: 0 !important;
}

/* Chevron — rotate 90 = fermé (pointe bas), -90 = ouvert (pointe haut) */
.oguey-faq__chevron {
	flex: 0 0 24px !important;
	width: 24px !important;
	height: 24px !important;
	color: #464646 !important;
	transform: rotate(90deg) !important;
	transition: transform 250ms ease !important;
}

.oguey-faq__trigger[aria-expanded="true"] .oguey-faq__chevron {
	transform: rotate(-90deg) !important;
	color: #143F84 !important;
}

/* Panneau de réponse */
.oguey-faq__panel {
	padding: 4px 0 26px !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
}

.oguey-faq__panel[hidden] {
	display: none !important;
}

.oguey-faq__answer {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #464646 !important;
}

.oguey-faq__answer p {
	margin: 0 0 12px !important;
	color: inherit !important;
	font: inherit !important;
}

.oguey-faq__answer p:last-child {
	margin-bottom: 0 !important;
}

.oguey-faq__answer ul,
.oguey-faq__answer ol {
	margin: 12px 0 !important;
	padding-left: 24px !important;
}

.oguey-faq__answer a {
	color: #143F84 !important;
	text-decoration: underline !important;
}