/**
 * MD WPBakery Elements — FAQ List Styles
 *
 * All dynamic values come from CSS Custom Properties
 * set per-instance by the shortcode render method.
 *
 * @package MD_WPBakery_Elements
 */

/* ── Wrapper ─────────────────────────────────────────────────────────────── */
.md-faq-wrapper {
	width:      100%;
	box-sizing: border-box;
}

/* ── Item ────────────────────────────────────────────────────────────────── */
.md-faq-item {
	display:       flex;
	align-items:   flex-start;
	gap:           var(--md-faq-space-icon-text, 20px);
	margin-bottom: var(--md-faq-space-items, 32px);
}

.md-faq-item:last-child {
	margin-bottom: 0;
}

/* ── Icon Box ────────────────────────────────────────────────────────────── */
.md-faq-icon-box {
	display:         flex;
	align-items:     center;
	justify-content: center;
	flex-shrink:     0;
	width:           var(--md-faq-icon-box-size, 60px);
	height:          var(--md-faq-icon-box-size, 60px);
	background:      var(--md-faq-icon-box-bg, #ffffff);
	border:          1px solid var(--md-faq-icon-box-border, #e0e0e0);
	border-radius:   var(--md-faq-icon-box-radius, 12px);
	color:           var(--md-faq-icon-color, #333333);
	font-size:       var(--md-faq-icon-size, 20px);
}

/* ── Content ─────────────────────────────────────────────────────────────── */
.md-faq-content {
	flex:      1;
	min-width: 0;
}

/* ── Question ────────────────────────────────────────────────────────────── */
.md-faq-question {
	font-family:   var(--md-faq-q-font, inherit);
	font-size:     var(--md-faq-q-size, 20px);
	font-weight:   var(--md-faq-q-weight, 700);
	color:         var(--md-faq-q-color, #111111);
	margin-top:    0;
	margin-bottom: var(--md-faq-space-q-a, 8px);
	line-height:   1.3;
}

/* ── Answer ──────────────────────────────────────────────────────────────── */
.md-faq-answer {
	font-family: var(--md-faq-a-font, inherit);
	font-size:   var(--md-faq-a-size, 15px);
	font-weight: var(--md-faq-a-weight, 400);
	color:       var(--md-faq-a-color, #555555);
	margin:      0;
	line-height: 1.6;
}

.md-faq-answer p:last-child {
	margin-bottom: 0;
}