/* Font Size Controls - Mobile (în breadcrumb) */
.font-size-controls-breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
}

.font-size-controls-breadcrumb .btn-group {
	display: inline-flex;
	gap: 2px;
	margin: 0;
}

.font-size-controls-breadcrumb .font-size-btn {
	padding: 4px 8px;
	min-width: 32px;
	height: 32px;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #212529;
}

.font-size-controls-breadcrumb .font-size-btn:hover {
	background-color: #f8f9fa;
	border-color: #adb5bd;
}

.font-size-controls-breadcrumb .font-size-btn.active {
	background-color: #0d6efd;
	border-color: #0d6efd;
	color: #fff;
}

.font-size-controls-breadcrumb .font-size-btn i {
	margin: 0;
}

/* Font Size Classes - aplică doar pe mobil */
@media (max-width: 767.98px) {
	body.font-size-small {
		font-size: 0.875rem !important;
	}
	
	body.font-size-small h1 { font-size: 1.5rem !important; }
	body.font-size-small h2 { font-size: 1.25rem !important; }
	body.font-size-small h3 { font-size: 1.125rem !important; }
	body.font-size-small h4 { font-size: 1rem !important; }
	body.font-size-small h5 { font-size: 0.9375rem !important; }
	body.font-size-small h6 { font-size: 0.875rem !important; }
	body.font-size-small p { font-size: 0.875rem !important; }
	body.font-size-small .card-body { font-size: 0.875rem !important; }
	body.font-size-small .article-content-text { font-size: 0.875rem !important; }
	body.font-size-small .hierophant-page-title { font-size: 1.5rem !important; }
	body.font-size-small .hierophant-page-subtitle { font-size: 1.25rem !important; }
	
	body.font-size-normal {
		font-size: 1rem !important;
	}
	
	body.font-size-large {
		font-size: 1.125rem !important;
	}
	
	body.font-size-large h1 { font-size: 2rem !important; }
	body.font-size-large h2 { font-size: 1.75rem !important; }
	body.font-size-large h3 { font-size: 1.5rem !important; }
	body.font-size-large h4 { font-size: 1.25rem !important; }
	body.font-size-large h5 { font-size: 1.125rem !important; }
	body.font-size-large h6 { font-size: 1rem !important; }
	body.font-size-large p { font-size: 1.125rem !important; }
	body.font-size-large .card-body { font-size: 1.125rem !important; }
	body.font-size-large .article-content-text { font-size: 1.125rem !important; }
	body.font-size-large .hierophant-page-title { font-size: 2rem !important; }
	body.font-size-large .hierophant-page-subtitle { font-size: 1.75rem !important; }
	
	body.font-size-xlarge {
		font-size: 1.25rem !important;
	}
	
	body.font-size-xlarge h1 { font-size: 2.25rem !important; }
	body.font-size-xlarge h2 { font-size: 2rem !important; }
	body.font-size-xlarge h3 { font-size: 1.75rem !important; }
	body.font-size-xlarge h4 { font-size: 1.5rem !important; }
	body.font-size-xlarge h5 { font-size: 1.25rem !important; }
	body.font-size-xlarge h6 { font-size: 1.125rem !important; }
	body.font-size-xlarge p { font-size: 1.25rem !important; }
	body.font-size-xlarge .card-body { font-size: 1.25rem !important; }
	body.font-size-xlarge .article-content-text { font-size: 1.25rem !important; }
	body.font-size-xlarge .hierophant-page-title { font-size: 2.25rem !important; }
	body.font-size-xlarge .hierophant-page-subtitle { font-size: 2rem !important; }
}