/* Scroll pos fixed */
.fixed {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1200px;
	width: 100%;
	background-color: var(--bg_color);
	z-index: 999;
	height: 100px;
	will-change: transform;
	padding: 0 2rem;
}

.margin_fixed{
	margin-top: 120px;
}

.fix_mobile_menu{
	top: 0 !important;
}

@media screen and (max-width: 700px){
	.fixed {
		height: 75px;
	}
	
	.margin_fixed{
		margin-top: 100px;
	}
}

/* Colors as classes */
.orange{
	color: var(--orange);
}

/* Cookies */
#cookie_disclaimer {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #0e0f13;
	color: var(--light-text);
	z-index: 999;
	padding: 2rem 5%;
	box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.4);
	font-size: 1.4rem;
}

.cookie_container {
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.cookie_content {
	flex: 1;
	line-height: 1.5;
}

.cookie_url {
	margin-left: 0.5rem;
	color: var(--orange);
	font-weight: 500;
	text-decoration: none;
}

.cookie_url:hover {
	text-decoration: underline;
}

.cookie_button {
	display: flex;
	align-items: center;
}

.cookie_accept_button {
	padding: 1rem 2.4rem;
	border-radius: 0.8rem;
	background-color: var(--orange);
	color: white;
	font-weight: 600;
	transition: background-color 0.2s ease, transform 0.2s ease;
	cursor: pointer;
}

.cookie_accept_button:hover {
	background-color: #ff9f55;
	transform: translateY(-1px);
}

@media screen and (max-width: 600px) {
	.cookie_container {
		flex-direction: column;
		align-items: flex-start;
	}

	.cookie_button {
		width: 100%;
	}
}