/* GI Content Blocks — shared styles for frontend & admin editor */

.gi-block {
	margin: 32px 0;
	font-family: inherit;
	font-size: 18px;
	line-height: 1.5;
}

@media (max-width: 600px) {
	.gi-block {
		font-size: 16px;
	}
}

.gi-block + .gi-block {
	margin-top: 48px;
}

/* ─── Feature Block (related-product style) ────────────────────── */

.gi-feature-block {
	background: #fff;
	border: 1px solid #e8eaeb;
	border-radius: 4px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	width: max-content;
	min-width: 40vw;
	max-width: 100%;
}

.gi-feature-block__title {
	font-size: 24px !important;
}

.gi-feature-block__list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	padding-left: 20px !important;
	flex: 1;
}

@media (max-width: 600px) {
	.gi-feature-block__list {
		padding-left: 0 !important;
	}
}

.gi-feature-block__list li {
	position: relative;
	padding-left: 20px;
	font-size: 16px;
	color: #1f2121;
}

@media (max-width: 600px) {
	.gi-feature-block__list li {
		font-size: 14px;
	}
}

.gi-feature-block__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px !important;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #1f2121 !important;
}

.gi-feature-block__btn {
	display: inline-block;
	align-self: flex-start;
	background-color: #f38d0c;
	color: #1f2121 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	padding: 16px 18px;
	border-radius: 2px;
	border: 0;
	transition: background-color 300ms ease-out;
}

@media (max-width: 600px) {
	.gi-feature-block__btn {
		font-size: 14px;
		padding: 14px 16px;
	}
}

.gi-feature-block__btn:hover,
.gi-feature-block__btn:focus {
	background-color: #ffcb41;
	color: #1f2121;
	text-decoration: none !important;
}

/* ─── Highlights ────────────────────────────────────────────────── */

.gi-highlights__heading {
	font-size: 18px;
	font-weight: 700;
	color: #1f2121;
	margin-bottom: 8px;
}

@media (max-width: 600px) {
	.gi-highlights__heading {
		font-size: 16px;
	}
}

.gi-highlights__body {
	border: 1px solid #d0d5d8;
	border-radius: 4px;
	padding: 14px 16px;
	background: #fff;
}

.gi-highlights__body p {
	margin: 0;
	font-size: 16px;
	color: #1f2121;
}

@media (max-width: 600px) {
	.gi-highlights__body p {
		font-size: 14px;
	}
}

.gi-highlights__term {
	font-weight: 700;
	color: #f38d0c;
}

/* ─── Key Takeaways Box ────────────────────────────────────────── */

.gi-key-takeaways {
	border: 1px solid #d0d5d8;
	border-radius: 4px;
	overflow: hidden;
	background: rgb(243, 141, 12, 0.2);
}

.gi-key-takeaways__header {
	color: #1f2121 !important;
	padding: 16px 24px 0px;
	font-weight: 700;
	font-size: 18px;
}

@media (max-width: 600px) {
	.gi-key-takeaways__header {
		font-size: 16px;
	}
}

.gi-key-takeaways .gi-key-takeaways__list {
	list-style: none;
	margin: 0;
	padding: 12px 24px 16px 48px;
}

@media (max-width: 600px) {
	.gi-key-takeaways .gi-key-takeaways__list {
		padding: 12px 16px 16px 24px;
	}
}

/* Specificity (0,2,1) = 21 — beats theme's .article-content ul li:before at (0,1,3) = 13 */
.gi-key-takeaways .gi-key-takeaways__list li {
	position: relative;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #1f2121;
}

@media (max-width: 600px) {
	.gi-key-takeaways .gi-key-takeaways__list li {
		font-size: 14px;
	}
}

.gi-key-takeaways .gi-key-takeaways__list li:last-child {
	margin-bottom: 0;
}

.gi-key-takeaways .gi-key-takeaways__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #1f2121;
	transform: none;
}

/* ─── Checklist Table ──────────────────────────────────────────── */

.gi-checklist {
	border: 1px solid #d0d5d8;
	border-radius: 4px;
	overflow: hidden;
}

.gi-checklist__header {
	background: #f38d0c;
	color: #1f2121 !important;
	padding: 10px 24px;
	font-weight: 700;
	font-size: 18px;
}

@media (max-width: 600px) {
	.gi-checklist__header {
		font-size: 16px;
	}
}

.gi-checklist .gi-checklist__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Specificity (0,3,0) = 30 — beats theme's .article-content ul li at (0,1,1) = 11 */
.gi-checklist .gi-checklist__list .gi-checklist__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 24px;
	border-bottom: 1px solid #e8eaeb;
	font-size: 16px;
	color: #1f2121;
	background: #fff;
}

@media (max-width: 600px) {
	.gi-checklist .gi-checklist__list .gi-checklist__item {
		font-size: 14px;
	}
}

.gi-checklist .gi-checklist__list .gi-checklist__item:nth-of-type(even) {
	background: rgb(253, 232, 206, 0.3);
}

.gi-checklist .gi-checklist__list .gi-checklist__item:last-child {
	border-bottom: none;
}

/* Remove the orange dot ::before from theme — specificity (0,3,1) = 31 */
.gi-checklist .gi-checklist__list .gi-checklist__item::before {
	display: none;
}

.gi-checkbox {
	flex-shrink: 0;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 1.5px solid #1f2121;
	border-radius: 2px;
}