/**
 * CSS de publication Frontend pour la FAQ - Design System Oberty Intranet.
 */

.awfaq-wrapper {
	--oberty-ink: #1a1814;
	--oberty-warm-mid: #5c5447;
	--oberty-stone: #9c8f7e;
	--oberty-sand: #e8e0d4;
	--oberty-cream: #f5f2ed;
	--oberty-white: #fdfcfb;
	--oberty-accent: #b5874a;
	--oberty-line: rgba(92, 84, 71, 0.15);
	--oberty-font-title: "Cormorant Garamond", Georgia, serif;
	--oberty-font-text: "DM Sans", Arial, sans-serif;
	--oberty-card-shadow: 0 16px 40px rgba(26, 24, 20, 0.05);

	margin: 0;
	font-family: inherit;
	color: var(--oberty-ink);
}

/* Style : accordéon public, aligné sur les accordéons déjà utilisés par le site. */
.awfaq-style-accordion .awfaq-card-item {
	border: 1px solid #d5d8dc;
	border-radius: 0;
	margin: 0 0 -1px;
	background: #fff;
	overflow: hidden;
	box-shadow: none;
}

.awfaq-style-accordion .awfaq-card-item.awfaq-open {
	border-color: #d5d8dc;
	box-shadow: none;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-header {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 10px !important;
	background: #fff !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #0b1726 !important;
	text-align: left;
	cursor: pointer;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px !important;
	box-sizing: border-box !important;
	font-family: "DM Sans", sans-serif !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-header:hover,
.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-header:focus {
	background: #fff !important;
	color: #0b1726 !important;
	outline: none;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-question-title {
	font-family: "DM Sans", sans-serif !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #1f2124 !important;
	line-height: 1.75 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-icon {
	order: -1 !important;
	width: 15px !important;
	height: 15px !important;
	position: relative;
	flex-shrink: 0;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-icon > span {
	color: #1f2124 !important;
	font-family: Arial, sans-serif !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 15px !important;
	text-align: center;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-icon-closed {
	display: block !important;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-icon-opened {
	display: none !important;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-open .awfaq-icon-closed {
	display: none !important;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-open .awfaq-icon-opened {
	display: block !important;
}

/* Raccorder la FAQ générée à un accordéon Elementor placé juste avant. */
.elementor-widget-n-accordion + .elementor-widget-shortcode:has(.awfaq-wrapper.awfaq-style-accordion) {
	margin-block-start: -20px !important;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-content {
	padding: 20px 42px 24px;
	background: #fff;
	color: inherit;
	font-size: 16px;
	line-height: 1.7;
	border-top: 1px solid #d5d8dc;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-answer-inner > :first-child {
	margin-top: 0;
}

.awfaq-wrapper.awfaq-style-accordion .awfaq-answer-inner > :last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-header {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 10px !important;
	}

	.awfaq-wrapper.awfaq-style-accordion .awfaq-question-title {
		font-size: 17px !important;
	}

	.awfaq-wrapper.awfaq-style-accordion .awfaq-accordion-content {
		padding: 18px 16px 20px 42px;
	}
}

/* Style : Cards (Grille de cartes Oberty) */
.awfaq-style-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 24px;
}

.awfaq-style-cards .awfaq-card-item {
	background: var(--oberty-white);
	border: 1px solid var(--oberty-line);
	border-top: 3px solid var(--oberty-accent);
	border-radius: 4px;
	padding: 28px;
	box-shadow: var(--oberty-card-shadow);
}

.awfaq-static-question {
	font-family: var(--oberty-font-title);
	font-size: 24px;
	font-weight: 600;
	color: var(--oberty-ink);
	margin-bottom: 12px;
	line-height: 1.25;
}

.awfaq-static-answer {
	font-size: 15.5px;
	color: var(--oberty-warm-mid);
	line-height: 1.65;
}

/* Style : Minimal */
.awfaq-style-minimal .awfaq-card-item {
	border-bottom: 1px solid var(--oberty-line);
	padding: 20px 0;
}

/* Style : Simple */
.awfaq-style-simple .awfaq-card-item {
	margin-bottom: 28px;
}