/*
 * Astrospot — site.css · paginile hărții sitului (SITE, faza 6–8):
 *   1. introducerea paginilor (sub titlu)
 *   2. hub-ul /tools/ ([astro_tools]) — plăci de sticlă pe grupe
 *   3. ghidurile Ascendentului (/aries-rising/ … /pisces-rising/)
 *   4. paginile legale (notița de ciornă)
 *   5. subsolul: coloana „Rising signs”
 */

/* ---------------------------------------------------------------------------
 * 1. INTRODUCEREA PAGINII
 * ------------------------------------------------------------------------ */
.wp-block-post-content > .as-page-intro {
	max-width: 40rem;
	margin: 0 auto clamp(1.75rem, 4vw, 2.75rem);
	text-align: center;
	line-height: 1.5;
	text-wrap: pretty;
}

/* ---------------------------------------------------------------------------
 * 2. HUB-UL /tools/
 * ------------------------------------------------------------------------ */
.wp-block-post-content > .as-tools {
	max-width: 1200px;
	margin-inline: auto;
}

.as-tools__jump { display: flex; justify-content: center; margin: 0 0 clamp(2rem, 5vw, 3.25rem); }
.as-tools__jump ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0.35rem;
	list-style: none;
	border-radius: 999px;
	border: 1px solid var(--lg-hi, var(--as-glass-edge));
	background: linear-gradient(145deg, var(--lg-gloss, rgba(255, 255, 255, 0.06)) 0%, rgba(255, 255, 255, 0) 50%), var(--as-glass, transparent);
	box-shadow: inset 1px 1px 0 var(--lg-hi, transparent), inset -1px -1px 0 var(--lg-lo, transparent);
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
	.as-tools__jump ul { -webkit-backdrop-filter: blur(14px) saturate(1.5); backdrop-filter: blur(14px) saturate(1.5); }
}
.as-tools__jump a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	color: var(--as-ink-dim);
	font-weight: 550;
	font-size: 0.95rem;
	text-decoration: none;
	transition: color var(--as-t-fast) var(--as-ease), background-color var(--as-t-fast) var(--as-ease);
}
.as-tools__jump a:hover { color: var(--as-ink); background: color-mix(in srgb, var(--as-gold) 12%, transparent); }
.as-tools__jump a:focus-visible { outline: 2px solid color-mix(in srgb, var(--as-celest) 70%, transparent); outline-offset: 2px; }
.as-tools__count {
	min-width: 1.35rem;
	padding: 0 0.35rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 650;
	line-height: 1.35rem;
	text-align: center;
	font-variant-numeric: tabular-nums;
	color: var(--as-gold);
	background: color-mix(in srgb, var(--as-gold) 14%, transparent);
}

.as-tools__group { scroll-margin-top: 6rem; }
.as-tools__group + .as-tools__group { margin-top: clamp(2.5rem, 6vw, 4rem); }
.as-tools__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 1.25rem;
	margin-bottom: 1.1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--as-glass-edge);
}
.as-tools__head h2 { margin: 0; font-size: clamp(1.75rem, 3vw, 2.25rem); }
.as-tools__head p { margin: 0; color: var(--as-ink-dim); font-family: var(--as-font-display); font-style: italic; font-size: 1.15rem; }

.as-tools__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.5rem), 1fr));
	gap: clamp(0.75rem, 1.6vw, 1.1rem);
	margin: 0;
	padding: 0;
	list-style: none;
}
.as-tools__item { display: flex; }
.as-tools__item > a.as-tools__tile {
	flex: 1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: auto 1fr;
	column-gap: 0.95rem;
	row-gap: 0.25rem;
	align-items: start;
	padding: 1.15rem 2.6rem 1.2rem 1.15rem;
	border: 0;
	border-radius: 20px;
	color: var(--as-ink);
	text-decoration: none;
	background: linear-gradient(145deg, var(--lg-gloss) 0%, rgba(255, 255, 255, 0) 44%), var(--lg-tint);
}
.as-tools__sym {
	grid-row: 1 / span 2;
	display: grid;
	place-items: center;
	width: 2.9rem;
	height: 2.9rem;
	border-radius: 14px;
	color: var(--as-gold);
	background: color-mix(in srgb, var(--as-gold) 9%, transparent);
	box-shadow: inset 1px 1px 0 color-mix(in srgb, var(--as-gold) 30%, transparent), inset -1px -1px 0 color-mix(in srgb, var(--as-gold) 10%, transparent);
	transition: color 0.4s var(--as-ease), filter 0.4s var(--as-ease);
}
.as-tools__sym .as-glyph { width: 1.75rem; height: 1.75rem; }
.as-tools__sym .as-glyph path,
.as-tools__sym .as-glyph circle:not(.is-fill) { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; }
.as-tools__sym .as-glyph .is-fill { fill: currentColor; stroke: none; transform-box: fill-box; transform-origin: center; }
.as-tools__name { font-family: var(--as-font-display); font-size: 1.3rem; font-weight: 600; line-height: 1.2; }
.as-tools__line { font-size: 0.92rem; line-height: 1.45; color: var(--as-ink-dim); }
.as-tools__go {
	position: absolute;
	right: 1rem;
	top: 1.2rem;
	width: 1.15rem;
	height: 1.15rem;
	color: var(--as-gold);
	opacity: 0.45;
	transition: opacity var(--as-t-fast) var(--as-ease), translate 0.4s var(--as-ease-spring);
}
.as-tools__go svg { display: block; width: 100%; height: 100%; }
.as-tools__tile:hover .as-tools__go,
.as-tools__tile:focus-visible .as-tools__go { opacity: 1; translate: 3px 0; }
.as-tools__tile:hover .as-tools__sym { color: var(--as-gold-bright); filter: drop-shadow(0 0 8px color-mix(in srgb, var(--as-gold) 50%, transparent)); }
@media (prefers-reduced-motion: no-preference) {
	.as-tools__tile:hover .as-tools__sym .as-glyph path,
	.as-tools__tile:hover .as-tools__sym .as-glyph circle:not(.is-fill) {
		animation: as-pen 0.9s cubic-bezier(0.6, 0, 0.3, 1) both;
		animation-delay: calc(var(--k, 0) * 0.12s);
	}
}

/* ---------------------------------------------------------------------------
 * 3. GHIDURILE ASCENDENTULUI
 * ------------------------------------------------------------------------ */
.wp-block-post-content > .as-ascsign { margin-bottom: clamp(2rem, 5vw, 3rem); }
body.page .wp-block-post-content > .as-ascsign ~ h2.wp-block-heading {
	margin-top: clamp(2rem, 4.5vw, 2.75rem);
	margin-bottom: 0.5em;
	font-size: clamp(1.55rem, 2.6vw, 1.95rem);
}
body.page .wp-block-post-content > .as-ascsign ~ p { line-height: 1.7; color: var(--as-ink-dim); }
body.page .wp-block-post-content > .as-ascsign ~ p a { color: var(--as-gold); }
body.page .wp-block-post-content > .as-ascsign ~ .as-related {
	width: 100%;
	max-width: 720px !important;
	margin: 1rem auto 0 !important;
	translate: none;
}
body.page .wp-block-post-content > .as-ascsign ~ .as-related .as-related__list { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }

/* ---------------------------------------------------------------------------
 * 4. PAGINILE LEGALE
 * ------------------------------------------------------------------------ */
.as-legal-draft { margin-bottom: 2rem; }
.as-legal-draft p { margin: 0; }

/* ---------------------------------------------------------------------------
 * 5. SUBSOLUL — cele 12 ghiduri ale Ascendentului, pe două coloane
 * ------------------------------------------------------------------------ */
.as-footer__grid { grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.9fr) minmax(0, 1.5fr) minmax(0, 0.9fr); }
.as-footer__col--rising ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.25rem; }
.as-footer__col--rising a { display: inline-flex; align-items: center; gap: 0.45rem; }
.as-footer__col--rising a::before { display: none; }
.as-footer__col--rising a:hover,
.as-footer__col--rising a:focus-visible { padding-left: 0; }
.as-footer__g { width: 1.05em; height: 1.05em; flex: none; color: var(--as-gold); opacity: 0.75; transition: opacity var(--as-t-fast) var(--as-ease); }
.as-footer__g path,
.as-footer__g circle:not(.is-fill) { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.as-footer__g .is-fill { fill: currentColor; }
.as-footer__col--rising a:hover .as-footer__g { opacity: 1; }
.as-footer__legal-id { color: var(--as-ink-faint); }
@media (max-width: 900px) {
	.as-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr); }
}
@media (max-width: 520px) {
	.as-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.as-footer__col--rising { grid-column: 1 / -1; grid-row: 3; }
	.as-footer__col--rising ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* telefon: cele patru grupe încap pe un rând */
@media (max-width: 520px) {
	.as-tools__jump ul { gap: 0.1rem; padding: 0.25rem; }
	.as-tools__jump a { gap: 0.3rem; padding: 0.4rem 0.55rem; font-size: 0.875rem; }
}
@media (max-width: 420px) {
	.as-tools__count { display: none; }
	.as-tools__jump a { padding: 0.45rem 0.8rem; }
}