/*
Theme Name: Piscion Astra Child
Theme URI: https://piscion.com/
Description: Modular homepage child theme scaffold for Astra.
Author: Piscion
Template: astra
Version: 0.1.0
Text Domain: piscion-astra-child
*/

body.home,
body.front-page {
	--piscion-nav-bg: rgba(5, 10, 14, 0.78);
	--piscion-nav-bg-solid: rgba(5, 10, 14, 0.94);
	--piscion-nav-border: rgba(102, 244, 238, 0.22);
	--piscion-nav-border-strong: rgba(102, 244, 238, 0.34);
	--piscion-nav-text: #f4fbfb;
	--piscion-nav-muted: #b8c9cd;
	--piscion-nav-cyan: #66f4ee;
}

body.home .site-header,
body.front-page .site-header {
	background: transparent;
	position: sticky;
	top: 0;
	z-index: 99;
}

body.admin-bar.home .site-header,
body.admin-bar.front-page .site-header {
	top: 32px;
}

body.home .main-header-bar,
body.home .ast-primary-header-bar,
body.front-page .main-header-bar,
body.front-page .ast-primary-header-bar {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
		var(--piscion-nav-bg);
	border-bottom: 1px solid var(--piscion-nav-border);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 34px rgba(0, 0, 0, 0.2);
	min-height: 4.35rem;
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
	body.home .main-header-bar,
	body.home .ast-primary-header-bar,
	body.front-page .main-header-bar,
	body.front-page .ast-primary-header-bar {
		-webkit-backdrop-filter: blur(10px) saturate(130%);
		backdrop-filter: blur(10px) saturate(130%);
	}
}

body.home .ast-builder-grid-row,
body.front-page .ast-builder-grid-row {
	align-items: center;
	column-gap: clamp(0.9rem, 3vw, 1.8rem);
}

body.home .site-branding,
body.home .ast-site-identity,
body.front-page .site-branding,
body.front-page .ast-site-identity {
	padding-block: 0.55rem;
}

body.home .site-logo-img img,
body.front-page .site-logo-img img {
	display: block;
}

body.home .main-header-menu > .menu-item > .menu-link,
body.home .ast-builder-menu .main-navigation > ul > .menu-item > .menu-link,
body.front-page .main-header-menu > .menu-item > .menu-link,
body.front-page .ast-builder-menu .main-navigation > ul > .menu-item > .menu-link {
	color: var(--piscion-nav-muted);
	font-weight: 700;
	letter-spacing: 0.01em;
	min-height: 4.35rem;
	transition: color 160ms ease, text-shadow 160ms ease;
}

body.home .main-header-menu > .menu-item:hover > .menu-link,
body.home .main-header-menu > .current-menu-item > .menu-link,
body.home .main-header-menu > .menu-item > .menu-link:focus-visible,
body.home .ast-builder-menu .main-navigation > ul > .menu-item:hover > .menu-link,
body.home .ast-builder-menu .main-navigation > ul > .current-menu-item > .menu-link,
body.home .ast-builder-menu .main-navigation > ul > .menu-item > .menu-link:focus-visible,
body.front-page .main-header-menu > .menu-item:hover > .menu-link,
body.front-page .main-header-menu > .current-menu-item > .menu-link,
body.front-page .main-header-menu > .menu-item > .menu-link:focus-visible,
body.front-page .ast-builder-menu .main-navigation > ul > .menu-item:hover > .menu-link,
body.front-page .ast-builder-menu .main-navigation > ul > .current-menu-item > .menu-link,
body.front-page .ast-builder-menu .main-navigation > ul > .menu-item > .menu-link:focus-visible {
	color: var(--piscion-nav-text);
	text-shadow: 0 0 18px rgba(102, 244, 238, 0.22);
}

body.home .main-header-menu > .menu-item > .menu-link:focus-visible,
body.home .ast-builder-menu .main-navigation > ul > .menu-item > .menu-link:focus-visible,
body.front-page .main-header-menu > .menu-item > .menu-link:focus-visible,
body.front-page .ast-builder-menu .main-navigation > ul > .menu-item > .menu-link:focus-visible {
	outline: 2px solid var(--piscion-nav-cyan);
	outline-offset: -0.55rem;
}

body.home .ast-button-wrap .menu-toggle,
body.front-page .ast-button-wrap .menu-toggle {
	align-items: center;
	background: rgba(102, 244, 238, 0.08);
	border: 1px solid var(--piscion-nav-border-strong);
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035), 0 0 22px rgba(102, 244, 238, 0.1);
	color: var(--piscion-nav-text);
	display: inline-flex;
	justify-content: center;
	min-height: 2.75rem;
	min-width: 2.75rem;
	padding: 0.55rem;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

body.home .ast-button-wrap .menu-toggle:hover,
body.home .ast-button-wrap .menu-toggle:focus-visible,
body.front-page .ast-button-wrap .menu-toggle:hover,
body.front-page .ast-button-wrap .menu-toggle:focus-visible {
	background: rgba(102, 244, 238, 0.14);
	border-color: rgba(102, 244, 238, 0.52);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045), 0 0 26px rgba(102, 244, 238, 0.16);
	color: #ffffff;
}

body.home .ast-button-wrap .menu-toggle:focus-visible,
body.front-page .ast-button-wrap .menu-toggle:focus-visible {
	outline: 2px solid var(--piscion-nav-cyan);
	outline-offset: 3px;
}

body.home .ast-mobile-popup-drawer .ast-mobile-popup-inner,
body.front-page .ast-mobile-popup-drawer .ast-mobile-popup-inner {
	background:
		linear-gradient(180deg, rgba(102, 244, 238, 0.08), rgba(255, 255, 255, 0)),
		var(--piscion-nav-bg-solid);
	color: var(--piscion-nav-text);
}

body.home .ast-mobile-popup-drawer .main-header-menu,
body.home .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .main-header-menu,
body.front-page .ast-mobile-popup-drawer .main-header-menu,
body.front-page .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .main-header-menu {
	background: transparent;
}

body.home .ast-mobile-popup-drawer .main-header-menu .menu-link,
body.home .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link,
body.front-page .ast-mobile-popup-drawer .main-header-menu .menu-link,
body.front-page .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link {
	border-color: rgba(102, 244, 238, 0.12);
	color: var(--piscion-nav-text);
	font-weight: 700;
	transition: background-color 160ms ease, color 160ms ease;
}

body.home .ast-mobile-popup-drawer .main-header-menu .menu-link:hover,
body.home .ast-mobile-popup-drawer .main-header-menu .menu-link:focus-visible,
body.home .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:hover,
body.home .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:focus-visible,
body.front-page .ast-mobile-popup-drawer .main-header-menu .menu-link:hover,
body.front-page .ast-mobile-popup-drawer .main-header-menu .menu-link:focus-visible,
body.front-page .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:hover,
body.front-page .ast-mobile-header-wrap .ast-builder-menu-mobile .main-navigation .menu-item > .menu-link:focus-visible {
	background: rgba(102, 244, 238, 0.08);
	color: #ffffff;
}

@media (max-width: 921px) {
	body.home .main-header-bar,
	body.home .ast-primary-header-bar,
	body.front-page .main-header-bar,
	body.front-page .ast-primary-header-bar {
		min-height: 3.85rem;
	}

	body.home .site-branding,
	body.home .ast-site-identity,
	body.front-page .site-branding,
	body.front-page .ast-site-identity {
		padding-block: 0.45rem;
	}

	body.home .ast-builder-grid-row,
	body.front-page .ast-builder-grid-row {
		column-gap: 0.75rem;
	}
}

@media (max-width: 782px) {
	body.admin-bar.home .site-header,
	body.admin-bar.front-page .site-header {
		top: 46px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home .main-header-bar,
	body.home .ast-primary-header-bar,
	body.home .main-header-menu > .menu-item > .menu-link,
	body.home .ast-button-wrap .menu-toggle,
	body.front-page .main-header-bar,
	body.front-page .ast-primary-header-bar,
	body.front-page .main-header-menu > .menu-item > .menu-link,
	body.front-page .ast-button-wrap .menu-toggle {
		transition: none;
	}
}

.piscion-placeholder-page {
	background: #05080c;
	color: #f4fbfb;
	min-height: 58vh;
	padding: clamp(4rem, 9vw, 7rem) 1rem;
}

.piscion-placeholder-page__inner {
	margin: 0 auto;
	max-width: 780px;
}

.piscion-placeholder-page__eyebrow {
	color: #66f4ee;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.25;
	margin: 0 0 0.72rem;
	text-transform: uppercase;
}

.piscion-placeholder-page h1 {
	color: #f4fbfb;
	font-size: clamp(2.2rem, 7vw, 4.4rem);
	line-height: 1.04;
	margin: 0;
	max-width: 11ch;
}

.piscion-placeholder-page p {
	color: #d6f0ef;
	font-size: clamp(1rem, 1.8vw, 1.12rem);
	line-height: 1.66;
	margin: 1.15rem 0 0;
	max-width: 42rem;
}

.piscion-placeholder-page dl {
	border-top: 1px solid rgba(102, 244, 238, 0.22);
	display: grid;
	gap: 1rem;
	margin: 2rem 0 0;
	padding-top: 1.25rem;
}

.piscion-placeholder-page dt {
	color: #66f4ee;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.piscion-placeholder-page dd {
	color: #d6f0ef;
	line-height: 1.58;
	margin: 0.35rem 0 0;
}