/* RC Widget — Bullet List (reorderable checklist). Scoped under .rcw-bullet-list.
   The bullet colour inherits the site's Salient brand via --rcw-color-1. */
@import url("../../../../themes/salient/css/iconsmind.css");
@import url("../../../../themes/salient/css/linecon.css");
@import url("../../../../themes/salient/css/steadysets.css");

.rcw-bullet-list{
	--rcw-bl-icon:18px;
	display:flex;
	flex-direction:column;
	gap:18px;
	font-family:var(--rcw-font-body,'Prompt',sans-serif);
}
.rcw-bullet-list--horizontal{
	flex-direction:row;
	flex-wrap:wrap;
	column-gap:28px;
	row-gap:16px;
	align-items:flex-start;
}
.rcw-bullet-list--horizontal .rcw-bullet-list__item{
	flex:0 1 auto;
	max-width:100%;
}
.rcw-bullet-list--vertical.rcw-bullet-list--align-left{align-items:flex-start}
.rcw-bullet-list--vertical.rcw-bullet-list--align-center{align-items:center}
.rcw-bullet-list--vertical.rcw-bullet-list--align-right{align-items:flex-end}
.rcw-bullet-list--horizontal.rcw-bullet-list--align-left{justify-content:flex-start}
.rcw-bullet-list--horizontal.rcw-bullet-list--align-center{justify-content:center}
.rcw-bullet-list--horizontal.rcw-bullet-list--align-right{justify-content:flex-end}
.rcw-bullet-list--align-center .rcw-bullet-list__item{justify-content:center}
.rcw-bullet-list--align-center .rcw-bullet-list__text{text-align:center}
.rcw-bullet-list--align-right .rcw-bullet-list__item{justify-content:flex-end}
.rcw-bullet-list--align-right .rcw-bullet-list__text{text-align:right}

.rcw-bullet-list__item{
	display:flex;
	align-items:flex-start;
	gap:13px;
}

.rcw-bullet-list__icon{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:var(--rcw-color-1,#2e7dff);
	font-size:var(--rcw-bl-icon);
	line-height:1;
	/* nudge the icon to sit on the title's cap-height */
	margin-top:2px;
}
.rcw-bullet-list__glyph{font-size:var(--rcw-bl-icon);line-height:1}
.rcw-bullet-list__svg{width:var(--rcw-bl-icon);height:var(--rcw-bl-icon);display:block}
/* An emoji carries its own colours — the icon colour would flatten it. */
.rcw-bullet-list__svg.rcw-emoji-svg{fill:initial;color:initial}

.rcw-bullet-list__text{min-width:0}

.rcw-bullet-list__title{
	font-family:var(--rcw-font-heading,'Prompt',sans-serif);
	font-size:16px;
	font-weight:600;
	line-height:1.35;
	color:var(--rcw-text,inherit);
}

.rcw-bullet-list__desc{
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	color:var(--rcw-text,#8a9099);
	opacity:.7;
	margin-top:2px;
}

@media (max-width:690px){
	.rcw-bullet-list--horizontal{
		flex-direction:column;
		flex-wrap:nowrap;
	}
	.rcw-bullet-list--horizontal.rcw-bullet-list--align-left{align-items:flex-start;justify-content:flex-start}
	.rcw-bullet-list--horizontal.rcw-bullet-list--align-center{align-items:center;justify-content:center}
	.rcw-bullet-list--horizontal.rcw-bullet-list--align-right{align-items:flex-end;justify-content:flex-end}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-left{align-items:flex-start;justify-content:flex-start}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-center{align-items:center;justify-content:center}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-right{align-items:flex-end;justify-content:flex-end}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-left .rcw-bullet-list__item{justify-content:flex-start}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-left .rcw-bullet-list__text{text-align:left}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-center .rcw-bullet-list__item{justify-content:center}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-center .rcw-bullet-list__text{text-align:center}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-right .rcw-bullet-list__item{justify-content:flex-end}
	.rcw-bullet-list.rcw-bullet-list--mobile-align-right .rcw-bullet-list__text{text-align:right}
}

/* Emoji drawn by the visitor's own device (see icon-text for the stack rationale). */
.rcw-emoji-native{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Android Emoji","EmojiSymbols",sans-serif;font-style:normal;line-height:1}
.rcw-bullet-list__emoji{font-size:var(--rcw-bl-icon)}

/* Apple emoji artwork, served as an image.
   Salient's `.row .col img { width:auto; height:auto }` (specificity 0,2,1)
   outranks a single widget class, and an image that has not loaded yet then
   has no intrinsic size at all — the icon collapses to 0x0 while lazy loading.
   Same reason the img margin reset below needs !important. */
.rcw-bullet-list img.rcw-bullet-list__emoji-img{
	width:var(--rcw-bl-icon)!important;
	height:var(--rcw-bl-icon)!important;
	max-width:none!important;
	display:block;
	object-fit:contain;
	/* Salient's `.row .col img{margin-bottom:15px}` pushes the icon off centre. */
	margin:0!important;
}