/* === SMOOTH SCROLL === */
html {
	scroll-behavior: smooth;
}

/* === BODY NOISE TEXTURE === */
body {
	background-color: var(--wp--preset--color--base);
	background-image:
		radial-gradient(ellipse at 20% 50%, rgba(123, 47, 247, 0.04) 0%, transparent 50%),
		radial-gradient(ellipse at 80% 20%, rgba(0, 180, 216, 0.03) 0%, transparent 50%),
		radial-gradient(ellipse at 50% 100%, rgba(0, 229, 160, 0.03) 0%, transparent 40%);
	background-attachment: fixed;
}

/* === POST META INLINE === */
.abw-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	font-family: var(--wp--preset--font-family--ibm-plex-mono);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-4);
}

.abw-post-meta .sep {
	opacity: 0.3;
}

/* === ARTICLE READ TIME ESTIMATE === */
.abw-read-time {
	font-family: var(--wp--preset--font-family--ibm-plex-mono);
	font-size: 0.75rem;
	color: var(--wp--preset--color--accent-4);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* === FADE IN ANIMATION === */
@keyframes abw-fade-in-up {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.abw-animate-in {
	animation: abw-fade-in-up 0.5s ease forwards;
}

.abw-animate-in:nth-child(2) { animation-delay: 0.1s; }
.abw-animate-in:nth-child(3) { animation-delay: 0.2s; }
.abw-animate-in:nth-child(4) { animation-delay: 0.3s; }
.abw-animate-in:nth-child(5) { animation-delay: 0.4s; }
.abw-animate-in:nth-child(6) { animation-delay: 0.5s; }

/* === NAVIGATION MOBILE OVERLAY === */
@media (max-width: 781px) {
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: rgba(10, 10, 15, 0.98) !important;
		backdrop-filter: blur(20px);
	}
}

/* === BREADCRUMB-LIKE TRAIL === */
.abw-trail {
	font-family: var(--wp--preset--font-family--ibm-plex-mono);
	font-size: 0.75rem;
	color: var(--wp--preset--color--accent-4);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.abw-trail a {
	color: var(--wp--preset--color--accent-4);
	text-decoration: none;
	transition: color 0.2s ease;
}

.abw-trail a:hover {
	color: var(--wp--preset--color--accent-1);
}