html {
  scroll-behavior: smooth;
}
.scroll-top-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background-color: #007bff;
	color: white;
	border: none;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
}
.scroll-top-btn:hover {
	background-color: #0056b3;
}

/* Base link style */
a {
  color: #007bff; /* Bootstrap primary blue */
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover effect */
a:hover {
  color: #0056b3;                /* darker blue on hover */
  text-decoration: underline;    /* clean underline */
  text-underline-offset: 3px;    /* modern spacing */
}

/* Optional: for buttons or nav links */
.nav-link:hover {
  color: #0056b3 !important;
}

/* Fancy effect (optional glow) */
a:hover {
  text-shadow: 0px 0px 5px rgba(0, 123, 255, 0.4);
}

.navbar-brand, .navbar .nav-link {
    color: #000 !important;  /* dark text on light background */
}

.offcanvas-body {
    background-color: #f8f9fa; /* light background */
}

.offcanvas-body .nav-link {
    color: #000 !important;   /* dark links */
}

.offcanvas-header {
    background-color: #f8f9fa; /* match offcanvas body */
}

.offcanvas-header .btn-close {
    filter: none; /* use default dark X */
}