/**
 * Attention Blocks - Frontend Styles
 */

/* Базовые стили для всех блоков внимания */
blockquote.jm-warning,
blockquote.jm-question,
blockquote.jm-danger,
blockquote.jm-check,
blockquote.jm-info,
blockquote.jm-thumbs-up,
blockquote.jm-thumbs-down,
blockquote.jm-quote,
blockquote.jm-plus,
blockquote.jm-minus,
blockquote.is-style-jm-warning,
blockquote.is-style-jm-question,
blockquote.is-style-jm-danger,
blockquote.is-style-jm-check,
blockquote.is-style-jm-info,
blockquote.is-style-jm-thumbs-up,
blockquote.is-style-jm-thumbs-down,
blockquote.is-style-jm-quote,
blockquote.is-style-jm-plus,
blockquote.is-style-jm-minus {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
	border-radius: 8px !important;
	display: block !important;
	padding: 15px 20px 15px 65px !important;
	font-size: 16px !important;
	line-height: 140% !important;
	color: #1a1d25 !important;
	position: relative !important;
	border: none !important;
}

/* Базовые стили для иконок ::before - FA7 использует CSS переменные */
blockquote.jm-warning::before,
blockquote.jm-question::before,
blockquote.jm-danger::before,
blockquote.jm-check::before,
blockquote.jm-info::before,
blockquote.jm-thumbs-up::before,
blockquote.jm-thumbs-down::before,
blockquote.jm-plus::before,
blockquote.jm-minus::before,
blockquote.is-style-jm-warning::before,
blockquote.is-style-jm-question::before,
blockquote.is-style-jm-danger::before,
blockquote.is-style-jm-check::before,
blockquote.is-style-jm-info::before,
blockquote.is-style-jm-thumbs-up::before,
blockquote.is-style-jm-thumbs-down::before,
blockquote.is-style-jm-plus::before,
blockquote.is-style-jm-minus::before {
	font: var(--fa-font-solid) !important;
	position: absolute !important;
	left: 23px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 24px !important;
	line-height: 1 !important;
	background: none !important;
	background-image: none !important;
}

/* Warning блок - желтый */
blockquote.jm-warning,
blockquote.is-style-jm-warning {
	background: linear-gradient(to right, #fff4d4 0%, #ffeadc 100%) !important;
}

blockquote.jm-warning::before,
blockquote.is-style-jm-warning::before {
	content: "\f071" !important;
	color: #f58128 !important;
}

/* Question блок - голубой */
blockquote.jm-question,
blockquote.is-style-jm-question {
	background: linear-gradient(to right, #e3f1f4 0%, #e3edff 100%) !important;
}

blockquote.jm-question::before,
blockquote.is-style-jm-question::before {
	content: "\f059" !important;
	color: #3da2e0 !important;
}

/* Danger блок - красный */
blockquote.jm-danger,
blockquote.is-style-jm-danger {
	background: linear-gradient(to right, #ffe3db 0%, #ffebd8 100%) !important;
}

blockquote.jm-danger::before,
blockquote.is-style-jm-danger::before {
	content: "\f05e" !important;
	color: #ff6547 !important;
}

/* Check блок - зеленый */
blockquote.jm-check,
blockquote.is-style-jm-check {
	background: linear-gradient(to right, #def9e5 0%, #effbce 100%) !important;
}

blockquote.jm-check::before,
blockquote.is-style-jm-check::before {
	font: var(--fa-font-regular) !important;
	content: "\f058" !important;
	color: #34bc58 !important;
}

/* Info блок - голубой */
blockquote.jm-info,
blockquote.is-style-jm-info {
	background: linear-gradient(to right, #e3f1f4 0%, #e3edff 100%) !important;
}

blockquote.jm-info::before,
blockquote.is-style-jm-info::before {
	content: "\f129" !important;
	color: #3da2e0 !important;
}

/* Thumbs-up блок - зеленый */
blockquote.jm-thumbs-up,
blockquote.is-style-jm-thumbs-up {
	background: linear-gradient(to right, #def9e5 0%, #effbce 100%) !important;
}

blockquote.jm-thumbs-up::before,
blockquote.is-style-jm-thumbs-up::before {
	font: var(--fa-font-regular) !important;
	content: "\f164" !important;
	color: #34bc58 !important;
}

/* Thumbs-down блок - красный */
blockquote.jm-thumbs-down,
blockquote.is-style-jm-thumbs-down {
	background: linear-gradient(to right, #ffe3db 0%, #ffebd8 100%) !important;
}

blockquote.jm-thumbs-down::before,
blockquote.is-style-jm-thumbs-down::before {
	font: var(--fa-font-regular) !important;
	content: "\f165" !important;
	color: #ff6547 !important;
}

/* Plus блок - зеленый */
blockquote.jm-plus,
blockquote.is-style-jm-plus {
	background: linear-gradient(to right, #def9e5 0%, #effbce 100%) !important;
}

blockquote.jm-plus::before,
blockquote.is-style-jm-plus::before {
	content: "\2b" !important;
	color: #34bc58 !important;
}

/* Minus блок - красный */
blockquote.jm-minus,
blockquote.is-style-jm-minus {
	background: linear-gradient(to right, #ffe3db 0%, #ffebd8 100%) !important;
}

blockquote.jm-minus::before,
blockquote.is-style-jm-minus::before {
	content: "\f068" !important;
	color: #ff6547 !important;
}

/* Quote блок - серый с двумя кавычками */
blockquote.jm-quote,
blockquote.is-style-jm-quote {
	background: linear-gradient(to right, #eff4f5 0%, #e8f4f5 100%) !important;
	padding: 15px 65px !important;
}

blockquote.jm-quote::before,
blockquote.is-style-jm-quote::before {
	font: var(--fa-font-solid) !important;
	content: "\f10d" !important;
	color: #9ca9c7 !important;
	position: absolute !important;
	left: 23px !important;
	top: 15px !important;
	transform: none !important;
	font-size: 24px !important;
	line-height: 1 !important;
	background: none !important;
	background-image: none !important;
}

blockquote.jm-quote::after,
blockquote.is-style-jm-quote::after {
	font: var(--fa-font-solid) !important;
	content: "\f10e" !important;
	color: #9ca9c7 !important;
	position: absolute !important;
	right: 23px !important;
	bottom: 15px !important;
	font-size: 24px !important;
	line-height: 1 !important;
}

/* Убираем отступ снизу у последнего параграфа в блоке */
blockquote.jm-warning p:last-child,
blockquote.jm-question p:last-child,
blockquote.jm-danger p:last-child,
blockquote.jm-check p:last-child,
blockquote.jm-info p:last-child,
blockquote.jm-thumbs-up p:last-child,
blockquote.jm-thumbs-down p:last-child,
blockquote.jm-quote p:last-child,
blockquote.jm-plus p:last-child,
blockquote.jm-minus p:last-child {
	margin-bottom: 0 !important;
}
