/*
Theme Name: Institut za cjeloživotno učenje
Theme URI: https://inspirium.hr
Author: Inspirium
Author URI: https://inspirium.hr
Description: Blok tema za Institut za cjeloživotno učenje (ICU), Zagreb.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: icu
*/

/* Glatko pomicanje do sekcija iz izbornika; sticky header ne prekriva naslov */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 6rem;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

/* Header */
.icu-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(1.4) blur(10px);
	background: color-mix(in srgb, var(--wp--preset--color--papir) 88%, transparent) !important;
	border-bottom: 1px solid var(--wp--preset--color--linija);
}
.admin-bar .icu-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .icu-header { top: 46px; } }

.icu-brand { text-decoration: none; color: inherit; }
.icu-brand .wp-block-site-title a { text-decoration: none; }

.icu-header .wp-block-navigation a:hover { color: var(--wp--preset--color--akcent); }

/* Hero */
.icu-hero {
	position: relative;
	overflow: hidden;
}
.icu-hero::after {
	/* Godovi: koncentrični krugovi, motiv rasta kroz cijeli život */
	content: "";
	position: absolute;
	right: -14rem;
	top: 50%;
	width: 46rem;
	height: 46rem;
	transform: translateY(-50%);
	border-radius: 50%;
	background: repeating-radial-gradient(circle at center,
		transparent 0 2.2rem,
		color-mix(in srgb, var(--wp--preset--color--papir) 14%, transparent) 2.2rem calc(2.2rem + 1px));
	pointer-events: none;
}
.icu-hero > * { position: relative; z-index: 1; }

.icu-eyebrow {
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Kartice ciljeva */
.icu-card {
	height: 100%;
	transition: transform .25s ease, box-shadow .25s ease;
}
.icu-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 30px -18px color-mix(in srgb, var(--wp--preset--color--tinta) 45%, transparent);
}
.icu-num {
	font-family: var(--wp--preset--font-family--naslovi);
	font-variation-settings: "SOFT" 100, "WONK" 1;
}

/* Tematski okviri */
.icu-teme {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	border-top: 1px solid var(--wp--preset--color--linija);
}
.icu-teme li {
	display: flex;
	gap: 1rem;
	align-items: baseline;
	padding: 1.25rem 1rem 1.25rem 0;
	border-bottom: 1px solid var(--wp--preset--color--linija);
	font-size: var(--wp--preset--font-size--srednje);
	line-height: 1.35;
}
.icu-teme li::before {
	counter-increment: tema;
	content: counter(tema, decimal-leading-zero);
	font-family: var(--wp--preset--font-family--naslovi);
	font-size: .95rem;
	color: var(--wp--preset--color--akcent);
	min-width: 1.75rem;
}
.icu-teme { counter-reset: tema; }

/* Citat / istaknuta misao */
.icu-misao {
	border-left: 3px solid var(--wp--preset--color--akcent);
	padding-left: 1.5rem;
}

/* Kontakt podaci */
.icu-podaci {
	margin: 0;
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: .6rem 1.5rem;
}
.icu-podaci dt { font-weight: 600; color: var(--wp--preset--color--tinta-svijetla); }
.icu-podaci dd { margin: 0; }

.icu-todo {
	background: color-mix(in srgb, var(--wp--preset--color--akcent) 18%, transparent);
	padding: 0 .35em;
	border-radius: 3px;
}

:where(.wp-site-blocks) :focus-visible {
	outline: 2px solid var(--wp--preset--color--akcent);
	outline-offset: 3px;
}