@charset "ISO-8859-1";

/* for block of numbers */
.hljs-ln-numbers {
	text-align: center;
	border-right: 1px solid #CCC;
	vertical-align: top;
	padding-right: 15px !important;
}

/* for block of code */
.hljs-ln-code {
	padding-left: 15px !important;
}

.text-justify-2 {
	line-height: 2em;
	text-align: justify
}

.dropdown-menu-lg {
	position: absolute !important;
	border: 2px solid #4390BC;
	float: left;
	right: 0px;
	margin-left: auto !important;
}

@media screen and (min-width: 576px) {
	.dropdown-menu-lg {
		width: 500px !important;
	}
}

@media screen and (max-width: 575px) {
	.dropdown-menu-lg {
		width: 100% !important;
	}
}

.figure-left {
	float: left;
	max-width: 300px;
	margin: 0 1em 1em 1em;
	padding-right: 1.5em;
}

.figure-left img {
	max-width: 100%;
}

.figure-left figcaption {
	font-size: 0.9em;
	text-align: center;
	margin-top: 0.5em;
}

.btn-action {
	background: none;
	border: none;
	color: #666;
	padding: 0.25rem 0.5rem;
	display: flex;
	align-items: center;
	transition: all var(--transition-speed) ease;
}

.btn-action:hover {
	color: #000;
	transform: scale(1.05);
}

/* Like button states */
.like-button[data-liked="true"] {
	color: #e25353;
}

.like-button[data-liked="false"] {
	color: black;
}

/* Save button states */
.save-button[data-saved="true"] {
	color: #1d7fd8;
}

.save-button[data-saved="false"] {
	color: black;
}

/* Like button states */
.like-button[data-liked="true"] {
	color: #e25353;
}

.like-button[data-liked="false"] {
	color: black;
}

/* Save button states */
.save-button[data-saved="true"] {
	color: #1d7fd8;
}

.save-button[data-saved="false"] {
	color: black;
}

/* Enhanced button styling with text support */
.like-button, .save-button {
	display: inline-flex;
	align-items: center;
	font-size: 0.9rem;
	transition: all var(--transition-speed) ease;
	text-decoration: none !important;
	border: none;
	background: none;
	padding: 0.05rem 0.05rem;
}

.like-button:hover, .save-button:hover {
	text-decoration: none !important;
	transform: scale(1.05);
	opacity: 0.8;
}

.action-icon {
	width: 20px;
	height: 20px;
}

/* Enhanced Typography Styles */

/* Paragraph styling with justification and increased line height */
.content-paragraph {
	margin-bottom: 1.5rem;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-word;
}

/* Ordered list styling with increased line height */
.content-ordered-list {
	margin-bottom: 1.5rem;
	padding-left: 2rem;
	line-height: 1.7;
}

/* Unordered list styling with increased line height */
.content-unordered-list {
	margin-bottom: 1.5rem;
	padding-left: 2rem;
	line-height: 1.7;
}

/* List item styling with improved spacing */
.content-list-item {
	margin-bottom: 0.75rem;
	line-height: 1.7;
}

/* Optional: Remove extra margin from last child elements */
.content-paragraph:last-child, .content-ordered-list:last-child,
	.content-unordered-list:last-child {
	margin-bottom: 0;
}

/* Optional: Nested list styling */
.content-ordered-list .content-ordered-list, .content-unordered-list .content-unordered-list,
	.content-ordered-list .content-unordered-list, .content-unordered-list .content-ordered-list
	{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* Optional: First paragraph in a container styling */
.content-paragraph:first-child {
	margin-top: 0;
}

/* Optional: Enhanced readability for different screen sizes */
@media ( max-width : 768px) {
	.content-paragraph {
		line-height: 1.6;
		text-align: left;
		/* Remove justification on mobile for better readability */
	}
	.content-ordered-list, .content-unordered-list, .content-list-item {
		line-height: 1.6;
	}
}

/* Optional: Print styles */
@media print {
	.content-paragraph {
		line-height: 1.5;
		margin-bottom: 1rem;
	}
	.content-ordered-list, .content-unordered-list {
		line-height: 1.5;
		margin-bottom: 1rem;
	}
}