.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-nav {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

.bg-glass {
	background: rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

html {
	scroll-behavior: smooth;
}

::selection {
	background-color: rgba(147, 193, 46, 0.3);
	color: #09262d;
}

img {
	max-width: 100%;
	height: auto;
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}

.animate-float {
	animation: float 6s ease-in-out infinite;
}

input:focus,
textarea:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(147, 193, 46, 0.3);
}

.wp-block-navigation a {
	text-decoration: none;
}

.nav-links {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.nav-links a,
.nav-links span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.5rem;
	font-family: 'Inter', sans-serif;
	font-size: 0.875rem;
	font-weight: 500;
	color: #72787a;
	transition: all 0.2s;
}

.nav-links a:hover {
	background-color: #f3f3f3;
	color: #1a1c1c;
}

.nav-links .current {
	background-color: #93c12e;
	color: #ffffff;
}