/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
  	font-family: 'Poppins', sans-serif;
  	color: #333;
  	background-color: #ffffff;
	margin: 0;
  	padding: 0;
}

/* 🔴 Top Bar */
.top-bar {
	background-color: #d11a1a; /* Frontier red */
	color: white;
	font-size: 15px;   /* increased from 14px */
	padding: 10px 20px; /* taller bar (was 6px 20px) */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-bar i {
	font-size: 16px;  /* bigger icons */
	margin-right: 8px;
}

.top-bar a {
	color: white;
	margin-left: 15px;
	text-decoration: none;
	font-size: 15px;   /* match text size */
	transition: opacity 0.3s ease;
}

.top-bar a:hover {
  	opacity: 0.8;
}

/* Language Dropdown */
.lang-select {
	display: flex;
	align-items: center;
	background: white;
	color: #333;
	font-size: 14px;  /* slightly larger */
	border-radius: 4px;
	padding: 10px 20px; /* taller box */
	cursor: pointer;
}

.lang-select img {
	width: 22px;   /* slightly larger flag */
	height: auto;
	margin-right: 8px;
}

/* ⚪ Main Nav */
.main-nav {
	background: #ffffff;
	border-bottom: 1px solid #eee;
	position: sticky;
	top: 0;
	z-index: 50;
}

.main-nav nav a {
	font-weight: 500;
	color: #333;
	margin: 0 18px;
	text-decoration: none;
	transition: color 0.3s ease;
	font-size: 15px;
}

.main-nav nav a:hover {
  	color: #d11a1a;
}

.main-nav nav .active {
	color: #d11a1a;
	font-weight: 600;
}

/* Search Icon */
.main-nav .fa-search {
	font-size: 16px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.main-nav .fa-search:hover {
  	color: #d11a1a;
}

/* Footer */
footer {
	background: #111;
	color: #bbb;
	padding: 40px 20px;
}

footer h3 {
	color: #fff;
	margin-bottom: 15px;
}

footer a {
	color: #bbb;
	text-decoration: none;
	transition: color 0.3s ease;
}

footer a:hover {
  	color: #fff;
}

html, body {
  	margin: 0;
  	padding: 0;
  	height: 100%;
  	overflow-x: hidden;
}

#hero {
  	height: 100vh; /* force hero to take full screen height */
  	position: relative;
  	overflow: hidden; /* prevent scrollbars and white space */
}

/* keep slider under the navbar/dropdowns in Tailwind v2 */
.swiper-container,
.swiper-slide {
	z-index: 0 !important;
}