:root {
	--bg: #f6f8fc;
	--surface: #ffffff;
	--text: #0f172a;
	--muted: #475569;
	--border: rgba(15, 23, 42, 0.10);
	--brand: #2563eb;
	--brand-2: #38bdf8;
	--radius: 14px;
	--shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
	--shadow-sm: 0 6px 16px rgba(2, 6, 23, 0.08);
}

html { scroll-behavior: smooth; }

body {
	color: var(--text);
	font-family: Inter, Mandali, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	letter-spacing: -0.01em;
  margin: 0;
  height: 100vh;

  background:
    linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.9)),
    url("../bg.jpg?v=10");

  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.py-5 {
	min-height: 800px !important;
}

a { color: var(--brand); }
a:hover { color: #1d4ed8; text-decoration: none; }

h1 {
	font-size: 40px !important;
}

h2 {
	font-size: 30px !important;
}

.container { max-width: 1120px; }

/* Navbar */
.navbar-custom {
	background: rgba(255,255,255,0.85);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--border);
	box-shadow: 0 6px 20px rgba(2, 6, 23, 0.04);
}
.navbar-custom .navbar-brand img { width: auto; }
.navbar-custom .nav-link {
	color: rgba(15, 23, 42, 0.82) !important;
	font-weight: 600;
	padding: .5rem .8rem;
	border-radius: 999px;
}
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-link:hover {
	background: rgba(37, 99, 235, 0.10);
	color: var(--text) !important;
}
.navbar-custom .navbar-toggler {
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: .35rem .6rem;
}
.nav-item {
	padding: 5px;
}

.btn-call.nav-link {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: rgba(37, 99, 235, 0.10);
	border: 1px solid rgba(37, 99, 235, 0.18);
	color: var(--text) !important;
	font-weight: 700;
}
.orange-text { color: #f97316; }

/* Hero / jumbotron */
.jumbotron {
	background: transparent;
	padding: 3.5rem 0 1.5rem;
}
.jumbotron .display-4 {
	font-weight: 800;
	letter-spacing: -0.03em;
}
.lead { color: var(--muted) !important; }

/* Cards */
.card {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	box-shadow: var(--shadow-sm);
	margin-bottom: 20px;
	overflow: hidden;
}
.card-header {
	white-space: normal;
	background: linear-gradient(90deg, rgba(56, 189, 248, 0.20), rgba(37, 99, 235, 0.12));
	border-bottom: 1px solid var(--border);
	padding: 14px 16px;
}

/* FAQ collapse padding: ne nyúljon bele a navbar collapse-ba */
.accordion .collapse {
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-top: 0px !important;
	padding-bottom: 25px !important;
}

.btn {
	border-radius: 12px;
	font-weight: 700;
}
.btn-primary {
	background: linear-gradient(90deg, var(--brand), #1d4ed8);
	border: 0;
	box-shadow: 0 10px 22px rgba(37, 99, 235, 0.22);
}
.btn-primary:hover { filter: brightness(0.98); }
.btn-outline-secondary { border-radius: 12px; }

.btn-space {
	text-align: left !important;
	white-space: normal !important;
	color: #0f766e;
	font-weight: 800;
}

/* Forms */
.form-control {
	border-radius: 12px;
	border: 1px solid var(--border);
}
.form-control:focus {
	border-color: rgba(37, 99, 235, 0.55);
	box-shadow: 0 0 0 .2rem rgba(37, 99, 235, 0.14);
}

/* Footer */
footer.bg-dark {
	background: #0b1220 !important;
}

/* Small tweaks */
.shadow-sm { box-shadow: var(--shadow-sm) !important; }
.rounded { border-radius: var(--radius) !important; }

.logo {
	max-width: 150px;
	width:80%;
}

@media (max-width: 991.98px) {

	.logo {
		max-width: 90px;
		width: 60%;
	}
	.navbar-custom .navbar-collapse {
		padding: .75rem 0;
	}
	.navbar-custom .nav-link {
		border-radius: 12px;
	}
	.btn-call.nav-link {
		width: 100%;
		justify-content: center;
	}
}

.foglalas-gomb {
  display: inline-block;
  background-color: #28a745;
  color: white;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  margin-top: 20px;
  transition: background-color 0.3s ease, transform 0.1s ease;
}

.foglalas-gomb:hover {
  background-color: #218838;
  color: #fff;
  transform: translateY(-2px);
}

.foglalas-gomb:active {
  transform: translateY(0);
}

.mobile-cta {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
z-index: 9999;
}

.mobile-cta a {
flex: 1;
text-align: center;
padding: 4px;
font-size: 14px;
text-decoration: none;
color: white;
font-weight: bold;
}

/* Csak mobilon jelenjen meg */
@media (min-width: 768px) {
	.mobile-cta {
	  display: none;
	}
}