.menu-bg {
	/*background-attachment: fixed;*/
    background-image: url(imgs/back_orange.jpg);
    background-repeat: no-repeat;
}

.header-bg {
	/*background-attachment: fixed;*/
    background-image: url(imgs/back_orange.jpg);
    background-repeat: no-repeat;
    border-top: 1px solid #ff5f1f;
    border-bottom: 1px solid #ff5f1f;
	background-position: left top;
}

.articles-bg {
    background-image: url(imgs/back_orange.jpg);
    background-repeat: no-repeat;
    background-size: 100% 50%;
}

/* Site utility colors and small helpers */
.text-orange {
	color: #ff5f1f !important;
}

.text-evi-orange {
	color: #ff5f1f !important;
}

.text-evi-orange:hover,
.text-evi-orange:focus {
	color: #ff8b4e !important;
	text-decoration: none;
}

header {
  /*border-bottom: 1px solid #ff5f1f;*/
}

footer {
	border-top: 1px solid #ff5f1f;
}

.border-or {
  border-color: #ff5f1f;
}

/* Brand button matching EviDoc orange */
.btn-evi {
	color: #fff !important;
	background-color: #ff5f1f !important;
	border-color: #ff5f1f !important;
}
.btn-evi:hover,
.btn-evi:focus {
	background-color: #ff8b4e !important;
	border-color: #ff8b4e !important;
}
.btn-evi:active,
.btn-evi.active,
.show > .btn-evi.dropdown-toggle {
	background-color: #e64e13 !important; /* slightly darker on active */
	border-color: #e64e13 !important;
}

/* Outline variant for brand buttons */
.btn-evi-outline {
	color: #ff5f1f !important;
	background-color: #fff !important;
	border: 1px solid #ff5f1f !important;
}
.btn-evi-outline:hover,
.btn-evi-outline:focus {
	color: #fff !important;
	background-color: #ff5f1f !important;
	border-color: #ff5f1f !important;
}

.avatar-circle {
	width:140px;
	height:140px;
	border-radius:50%;
	/*border:1px solid #ff5f1f;*/
	overflow:hidden;
	background:#ddd;
	display:flex;
	align-items:center;
	justify-content:center;
}

.avatar-img {
	width:70%;
	height:70%;
	object-fit:contain;
	display:block;
}
.avatar-img-photo {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.foot-link {
	text-decoration: none;
}

.pagination-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px; /* spacing between buttons */
}

.pagination-buttons .btn {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;          /* remove outline/frame */
	background: none;      /* transparent background */
	color: #666;           /* icon color */
	transition: color 0.2s ease;
}

.pagination-buttons .btn:hover {
	color: #ddd;        /* hover color */
}