/* clicpick.ru: общие стили своих элементов на всех страницах (подключается в header.twig).
 * Цвета - из темы: переменные --cc-*, которые cart-counter.js берет из стилей классов темы
 * (--cc-primary-bg - фон .btn-primary, --cc-text - цвет текста body). До их появления - цвета по умолчанию. */

/* Пояснительный текст: тонкая полоска слева цветом основной кнопки темы, без фона, цвет основного текста.
 * Несколько строк - абзацами <p>, первую можно выделить <b>. */
.cp-note {
	display: block;
	padding: 2px 0 2px 12px;
	border-left: 3px solid var(--cc-primary-bg, currentColor);
	background: none;
	color: var(--cc-text, inherit);
	font-weight: 400;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.cp-note p {
	margin: 0 0 4px;
}

.cp-note p:last-child {
	margin-bottom: 0;
}

/* Под полем формы - небольшой отступ, как у подсказки темы */
.form-group .cp-note {
	margin-top: 5px;
}