/*
 * Envio24 – General UI Component: Help Modals (treści w modalu pomocy)
 *
 * @version 1.0.1
 * @package envio24-core/assets/css/general/
 *
 * SPIS TREŚCI (PL):
 * 1) Zakres działania (scope) – tylko modal pomocy #e24-help-modal
 * 2) Typografia treści (h3/h4/p/listy/linki)
 * 3) Klasy wyróżnień tekstu (Warn/Info/Accent) – bez inline-style
 * 4) Elementy pomocnicze (code)
 * 5) Mobile – minimalne zmniejszenie typografii dla długich treści
 *
 * ZMIANY 1.0.1 (PL):
 * - Dodano style list (marker + odstępy) bardziej jednoznaczne, aby listy były zawsze czytelne.
 */

#e24-help-modal .e24-modal-body{
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

/* ========================================
 * Typografia treści
 * ===================================== */
#e24-help-modal .e24-modal-body h3{
	margin: 0 0 10px 0;
	font-size: 17px;
	line-height: 1.25;
	color: var(--e24-text-unit, #333333);
}

#e24-help-modal .e24-modal-body h4{
	margin: 16px 0 8px 0;
	font-size: 15px;
	line-height: 1.25;
	color: var(--e24-text-unit, #333333);
}

#e24-help-modal .e24-modal-body p{
	margin: 0 0 12px 0;
}

#e24-help-modal .e24-modal-body ul,
#e24-help-modal .e24-modal-body ol{
	margin: 0 0 12px 0;
	padding-left: 22px;

	/* FIX: zawsze czytelny marker */
	list-style-position: outside;
}

#e24-help-modal .e24-modal-body ul{
	list-style-type: disc;
}

#e24-help-modal .e24-modal-body ol{
	list-style-type: decimal;
}

#e24-help-modal .e24-modal-body li{
	margin: 0 0 6px 0;
}

#e24-help-modal .e24-modal-body a{
	color: var(--e24-brand-accent, #D35400);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

#e24-help-modal .e24-modal-body a:hover{
	text-decoration-thickness: 2px;
}

/* ========================================
 * Klasy wyróżnień tekstu (bez inline-style)
 * ===================================== */
#e24-help-modal .e24-modal-body .e24-help--warn{
	color: var(--e24-warn-text, #8A6D1A);
	font-weight: 700;
}

#e24-help-modal .e24-modal-body .e24-help--info{
	color: var(--e24-text-muted, #777777);
	font-weight: 600;
}

#e24-help-modal .e24-modal-body .e24-help--accent{
	color: var(--e24-brand-accent, #D35400);
	font-weight: 700;
}

/* ========================================
 * Elementy pomocnicze
 * ===================================== */
#e24-help-modal .e24-modal-body code{
	display: inline-block;
	padding: 2px 6px;
	border-radius: 6px;
	background: rgba(0,0,0,0.05);
	color: var(--e24-text-unit, #333333);
	font-size: 0.95em;
}

/* ========================================
 * Mobile
 * ===================================== */
@media (max-width: 768px){
	#e24-help-modal .e24-modal-body{
		font-size: 14px;
		line-height: 1.55;
	}

	#e24-help-modal .e24-modal-body h3{
		font-size: 15px;
	}

	#e24-help-modal .e24-modal-body h4{
		font-size: 14px;
	}
}