/* Improved site design: typography, header, layout, footer */
:root{
	--brand-1:#1B517E;
	--brand-2:#0f3a5a;
	--muted:#666;
	--brown:#2A1A03;
}
body{font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:#222;}

/* Header / Nav */
.site-header{background:linear-gradient(90deg,var(--brand-1),var(--brand-2)); color:white}
.site-header .navbar{padding:0.6rem 1rem}
.site-logo{height:120px; width:auto; display:inline-block}
.site-title{font-weight:600; margin-left:0.5rem; color:white}

/* Modern nav links with hover effect */
.modern-link{
	position:relative;
	font-weight:500;
	letter-spacing:0.5px;
	transition:all 0.3s ease;
	padding:0.75rem 1rem !important;
}

.modern-link::after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:0;
	height:2px;
	background:#fff;
	transition:all 0.3s ease;
	transform:translateX(-50%);
}

.modern-link:hover::after{
	width:80%;
}

.modern-link:hover{
	color:#fff !important;
	transform:translateY(-2px);
}

/* Dropdown menu styling */
.dropdown-menu-modern{
	background:#fff;
	border:none;
	border-radius:8px;
	box-shadow:0 8px 24px rgba(0,0,0,0.15);
	padding:0.5rem 0;
	min-width:260px;
	animation:slideDown 0.3s ease;
}

@keyframes slideDown{
	from{
		opacity:0;
		transform:translateY(-10px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

.dropdown-item-modern{
	color:#1B517E;
	font-weight:500;
	padding:0.75rem 1.5rem;
	transition:all 0.2s ease;
	border-left:3px solid transparent;
}

.dropdown-item-modern:hover{
	background-color:#f0f4f8;
	color:#0f3a5a;
	border-left-color:#1B517E;
	padding-left:2rem;
}

.dropdown-menu-modern .dropdown-divider{
	margin:0.5rem 0;
	opacity:0.3;
}

/* Hero */
.hero{padding:3.5rem 0; color:white}
.hero .lead{opacity:0.95}

/* Banner blanche */
.banner-white{background:#fff; padding:0.5rem 0; border-bottom:1px solid #eee}
.banner-white h2{color:#000; font-size:1.5rem; font-weight:600}

/* Content */
.container{max-width:1100px}
main h2{margin-top:0.5rem;margin-bottom:1rem}
.muted{color:var(--muted)}
.card-service{border:0; box-shadow:0 6px 20px rgba(16,24,40,0.06)}

/* Footer */
footer.site-footer{padding:2rem 0;background:#f8f9fa;margin-top:3rem}

.contact-list li{margin-bottom:0.25rem}

/* Carousel sizing for missions slider (780x220 like old site) */
#missionsCarousel .carousel-item img{
	width:780px;
	height:220px;
	object-fit:cover;
}

@media (max-width:992px){
	#missionsCarousel .carousel-item img{width:100%; height:160px}
}

@media (max-width:768px){
	.site-logo{height:72px}
}