/* Ліцей 128 — доповнення до theme.json.
   Тут лише те, чого не можна виразити налаштуваннями блоків:
   анімоване світіння банера та стилі блоків, які редактор вмикає вибором. */

/* --- Банер «Аврора» --- */
.wp-block-group.is-style-aurora {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.wp-block-group.is-style-aurora::before {
	content: "";
	position: absolute;
	inset: -34% -18% auto -18%;
	height: 150%;
	z-index: -1;
	background:
		radial-gradient(44% 44% at 18% 22%, rgba(183, 155, 255, .68), transparent 64%),
		radial-gradient(42% 40% at 76% 14%, rgba(76, 201, 255, .66), transparent 66%),
		radial-gradient(38% 42% at 54% 70%, rgba(255, 77, 136, .44), transparent 66%),
		radial-gradient(32% 34% at 90% 64%, rgba(214, 242, 75, .62), transparent 68%);
	filter: blur(30px);
	animation: licey128-drift 26s ease-in-out infinite alternate;
}
@keyframes licey128-drift {
	100% { transform: translate3d(-4%, 3%, 0) scale(1.09); }
}
.wp-block-group.is-style-aurora mark,
.wp-block-group.is-style-aurora .licey128-gradient-text {
	background: linear-gradient(96deg, #7A5AF8, #1FA9F0 52%, #FF4D88);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* --- Пігулки (факти, гуртки, теги) --- */
p.is-style-pill {
	display: inline-block;
	margin: 0;
	padding: .6rem 1.05rem;
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 999px;
	background: var(--wp--preset--color--white);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1;
}

/* --- Мітка розділу над заголовком --- */
p.is-style-eyebrow {
	margin: 0;
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--tiny);
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--pink);
}

/* --- Плакатний блок --- */
.wp-block-group.is-style-poster {
	border-bottom: 2px solid var(--wp--preset--color--ink);
}
.wp-block-columns.is-style-color-blocks {
	gap: 0;
	margin-block: 0;
}
.wp-block-columns.is-style-color-blocks > .wp-block-column {
	padding: 1.9rem 1.5rem;
	border-bottom: 2px solid var(--wp--preset--color--ink);
	transition: filter .18s ease;
}
.wp-block-columns.is-style-color-blocks > .wp-block-column:hover {
	filter: brightness(1.06);
}

/* --- Список на лінійках (оголошення, документи) --- */
.wp-block-post-template.is-style-ruled-list {
	border-top: 2px solid var(--wp--preset--color--ink);
	gap: 0;
}
.wp-block-post-template.is-style-ruled-list > li {
	padding-block: 1rem;
	border-bottom: 2px solid var(--wp--preset--color--ink);
}
.wp-block-post-template.is-style-ruled-list .wp-block-post-title {
	margin: .3rem 0 0;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	letter-spacing: -.02em;
}

/* --- Зображення новини в рамці --- */
.wp-block-post-featured-image.is-style-framed img {
	border: 2px solid var(--wp--preset--color--ink);
	border-radius: 14px;
}

/* --- Шапка і підвал --- */
.licey128-header {
	border-bottom: 2px solid var(--wp--preset--color--ink);
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--white);
}
.admin-bar .licey128-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .licey128-header { top: 46px; } }
.licey128-footer { border-top: 2px solid var(--wp--preset--color--ink); }

/* --- Доступність --- */
@media (prefers-reduced-motion: reduce) {
	.wp-block-group.is-style-aurora::before { animation: none; }
}
:where(a):focus-visible {
	outline: 3px solid var(--wp--preset--color--pink);
	outline-offset: 3px;
}