/**
 * Simplis Key Features — Frontend Styles
 *
 * All selectors are namespaced with .simplis-key-features- to prevent any
 * collision with the Simplis FAQs plugin or with theme stylesheets.
 *
 * CSS custom properties (--border, --accent, --dark) are expected to be
 * defined by the theme. Fallback values are provided for robustness.
 *
 * @package Simplis Key Features
 * @version 1.1.0
 */

/* --------------------------------------------------------------------------
   Section wrapper
   -------------------------------------------------------------------------- */

.simplis-key-features-section {
	margin: 1.5em 0;
}

.simplis-key-features-section h2 {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 0.5em;
}

/* --------------------------------------------------------------------------
   Feature list
   -------------------------------------------------------------------------- */

.simplis-key-features-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.simplis-key-features-list li {
	padding: 9px 0;
	border-bottom: 1px solid var( --border, #e0e0e0 );
	font-size: 14px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var( --dark, #1a1a1a );
	line-height: 1.4;
}

/* Bullet dot — rendered via ::before pseudo-element; no list marker required */
.simplis-key-features-list li::before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var( --accent, #1a6fb5 );
	margin-top: 6px;
	flex-shrink: 0;
}

/* Remove border from the last visible item */
.simplis-key-features-list li:last-child {
	border-bottom: none;
}