/* Basic site styles and animations */
:root {
	--accent: #0d6efd
}

body {
	font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial
}

/* Animate-on-scroll */
.animate-on-scroll {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 600ms ease, transform 600ms ease
}

.animate-on-scroll.in-view {
	opacity: 1;
	transform: none
}

/* Header tweaks */
.navbar-brand {
	font-weight: 700
}

/* Carousel caption styling */
.carousel-caption {
	background: rgba(0, 0, 0, 0.35);
	padding: 1rem;
	border-radius: 8px
}

/* Hover lift for cards */
.card {
	transition: transform 300ms ease, box-shadow 300ms ease
}

.card:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12)
}

/* Footer */
footer p {
	opacity: 0.9
}

/* Small responsive helper */
@media (max-width:576px) {
	.carousel-caption {
		display: none
	}
}

/* Prevent navbar links from wrapping: keep them in one line and allow horizontal scroll when needed */
.navbar-nav {
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.navbar-nav .nav-link {
	white-space: nowrap;
	padding-right: 1rem;
}

.navbar-nav::-webkit-scrollbar {
	height: 8px;
}

.navbar-nav::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.12);
	border-radius: 8px;
}

/* 22/01/2026 */

/* Remove link styling */
.card-link {
	text-decoration: none;
	color: inherit;
}

/* Card layout */
.custom-card {
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 12px;
	overflow: hidden;
}

/* Hover effect */
.custom-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.custom-card:hover img {
	transform: scale(1.08);
}

/* Push Read More to bottom */
.custom-card .card-body {
	flex-grow: 1;
}

/* Button style consistency */
.card-footer {
	padding: 1rem;
}

.custom-card {
	display: flex;
	flex-direction: column;
}

.custom-card .card-body {
	flex-grow: 1;
	/* Pushes Read More to bottom */
}

.read-more {
	text-decoration: none;
	font-weight: 600;
	color: #0d6efd;
}

.read-more:hover {
	text-decoration: underline;
}

/* Fixed image container height */
.card-img-wrapper {
	height: 160px;
	/* Set your desired fixed height */
	overflow: hidden;
	object-fit: cover;
	/* Keeps aspect ratio, crops if needed */
	object-position: center;
	/* Center the image */
	transition: transform 0.4s ease;

}
.custom-img-50 {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto; /* center horizontally */
	margin-top: 20px;
}