/* Nav, footer, blog + profile layout fixes (Aurora templates without Tailwind bundle). */

/* ——— Mobile drawer: never show on desktop ——— */
#aurora-mobile-menu.hidden {
	display: none !important;
}
@media (min-width: 768px) {
	#aurora-mobile-menu {
		display: none !important;
	}
	#aurora-nav-toggle {
		display: none !important;
	}
	.md\:block {
		display: block !important;
	}
	.md\:flex {
		display: flex !important;
	}
	.md\:hidden {
		display: none !important;
	}
}

#aurora-mobile-menu ul.hfd-nav > li > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 4px;
}
#aurora-mobile-menu ul.hfd-nav a {
	display: block;
	padding: 0.5rem 0;
}

/* Desktop dropdown fallback (if plugin CSS loads late) */
body.hfd-chrome header nav ul.hfd-nav > li {
	position: relative;
}
body.hfd-chrome header nav ul.hfd-nav .sub-menu {
	display: none;
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	min-width: 220px;
	margin: 0;
	padding: 10px;
	list-style: none;
	background: linear-gradient(180deg, #171a21 0%, #12151b 100%);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 14px;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
	z-index: 80;
}
body.hfd-chrome header nav ul.hfd-nav li.hfd-has-mega .sub-menu {
	min-width: min(560px, 72vw);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 8px;
	padding: 14px;
}
body.hfd-chrome header nav ul.hfd-nav > li:hover > .sub-menu,
body.hfd-chrome header nav ul.hfd-nav > li:focus-within > .sub-menu,
body.hfd-chrome header nav ul.hfd-nav > li.is-open > .sub-menu {
	display: grid;
}
body.hfd-chrome header nav ul.hfd-nav > li:not(.hfd-has-mega):hover > .sub-menu,
body.hfd-chrome header nav ul.hfd-nav > li:not(.hfd-has-mega):focus-within > .sub-menu {
	display: block;
}

/* Hide legacy Aurora footer (HFD injects .hfd-footer) */
footer.aurora-footer,
.aurora-footer,
footer.site-footer:not(.hfd-footer) {
	display: none !important;
}

/* ——— Missing Tailwind-like utilities ——— */
.w-full { width: 100%; }
.h-full { height: 100%; }
.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.inline-block { display: inline-block; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-slate-500 { color: #64748b; }
.leading-relaxed { line-height: 1.625; }
.transition { transition-property: color, background-color, border-color, opacity, transform; transition-duration: 0.15s; }
.space-y-2 > * + * { margin-top: 0.5rem; }
.p-4 { padding: 1rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }
.pb-10 { padding-bottom: 2.5rem; }
.pb-16 { padding-bottom: 4rem; }
.mt-3 { margin-top: 0.75rem; }
.mt-12 { margin-top: 3rem; }
.mt-24 { margin-top: 6rem; }
.-mt-32 { margin-top: -8rem; }
.min-h-\[300px\] { min-height: 300px; }
.h-\[42vh\] { height: 42vh; }
.inset-x-4 { left: 1rem; right: 1rem; }
.bottom-4 { bottom: 1rem; }
.max-w-sm { max-width: 24rem; }
.z-\[10000\] { z-index: 10000; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.hover\:text-fuchsia-300:hover { color: #f0abfc; }

@media (min-width: 640px) {
	.sm\:inset-x-auto { left: auto; right: auto; }
	.sm\:right-4 { right: 1rem; }
	.sm\:max-w-sm { max-width: 24rem; }
	.sm\:text-5xl { font-size: 3rem; line-height: 1; }
}

@media (min-width: 768px) {
	.md\:col-span-2 { grid-column: span 2 / span 2; }
	.md\:col-span-3 { grid-column: span 3 / span 3; }
	.md\:col-span-4 { grid-column: span 4 / span 4; }
	.md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.md\:gap-8 { gap: 2rem; }
}

/* ——— Blog single (Aurora single.php) ——— */
body.single-post main#content > .relative.overflow-hidden {
	position: relative;
	overflow: hidden;
	min-height: 300px;
}
body.single-post main#content > .relative.overflow-hidden img.wp-post-image {
	width: 100%;
	height: 100%;
	min-height: 300px;
	object-fit: cover;
	display: block;
}
body.single-post .prose.prose-invert.prose-lg {
	color: #cbd5e1;
	line-height: 1.75;
	max-width: none;
}
body.single-post .prose.prose-invert.prose-lg h1,
body.single-post .prose.prose-invert.prose-lg h2,
body.single-post .prose.prose-invert.prose-lg h3 {
	font-family: "Playfair Display", Georgia, serif;
	color: #fff;
}
body.single-post .prose.prose-invert.prose-lg a {
	color: var(--hfd-accent-soft, #ff4d5e);
	text-decoration: underline;
}
body.single-post a.text-sm.text-slate-400.hover\:text-fuchsia-300 {
	display: inline-block;
	margin-top: 2rem;
	color: #94a3b8;
	font-size: 0.875rem;
}
body.single-post a.text-sm.text-slate-400.hover\:text-fuchsia-300:hover {
	color: #f0abfc;
}

/* ——— Profile: back link + location chips ——— */
.hfd-profile__back {
	display: inline-block;
	margin-bottom: 12px;
}
.hfd-profile .hfd-chips--locations {
	margin-top: 4px;
	margin-bottom: 12px;
}
.hfd-profile__side .hfd-chips--locations {
	order: 0;
}