/* 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 {
	/* width: 28px !important; 
    height: 28px !important;
    padding: 0 !important;   
    font-size: 14px !important; 
    line-height: 1 !important;
    
    border: 1px solid #dee2e6; */
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    cursor: pointer;
}

.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: inherit !important; /* Moștenește cei 14px de la buton */
}

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

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