/*
Theme Name: Logika
Template: hello-elementor
Description: Child tema za logika.si (Hello Elementor). Barve in pisave so v Elementor Kitu (kit/kit.json, `wp logika kit`); tu je samo CSS, ki ga Kit ne pokrije.
Version: 0.1.0
Author: Studio Mazzini
Text Domain: logika-child
License: GPL-2.0-or-later
*/

/* Barve iz Kita (demo dizajn/src/styles.css @theme); Elementor jih izpostavi kot
   --e-global-color-*, tu imajo kratka imena za CSS izven Elementorja. */
:root {
	--logika-blue: var(--e-global-color-primary, #0070c0);
	--logika-blue-deep: var(--e-global-color-secondary, #004e88);
	--logika-ink: var(--e-global-color-text, #0f2540);
	--logika-amber: var(--e-global-color-accent, #f2a93b);
	--logika-ink-soft: #4a5b70;
	--logika-sky: #8ebad5;
	--logika-sky-soft: #b4daf2;
	--logika-paper: #f4f7fb;
	--logika-paper-deep: #e3ecf5;
	/* Barve iz zgibanke (in mrež poliedrov v hero): samo za like razdelkov. */
	--logika-green: #01b48e;
	--logika-yellow: #f7ca0f;
	--logika-pink: #ff5f99;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 7rem; /* lepljiva glava */
	scrollbar-color: var(--logika-sky) var(--logika-paper);
	accent-color: var(--logika-blue);
}

body {
	-webkit-font-smoothing: antialiased;
}

::selection {
	background: rgb(142 186 213 / 0.55);
	color: var(--logika-ink);
}

a {
	text-underline-offset: 0.2em;
}

/* Letnice, števila in številke strani v kazalih se poravnajo v stolpce */
ol, dl, time {
	font-variant-numeric: tabular-nums;
}

:focus-visible {
	outline: 3px solid var(--logika-amber);
	outline-offset: 2px;
}

/* Milimetrski papir za hero in pas z naslovom podstrani.
   V Elementorju: Napredno → CSS razredi → grid-paper */
.grid-paper {
	background-image:
		linear-gradient(to right, rgb(15 37 64 / 0.06) 1px, transparent 1px),
		linear-gradient(to bottom, rgb(15 37 64 / 0.06) 1px, transparent 1px);
	background-size: 28px 28px;
}

/* Nadnaslov nad naslovi sekcij */
.logika-eyebrow {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--logika-blue);
}

.screen-reader-text:focus {
	background: var(--logika-paper);
	color: var(--logika-ink);
}

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

/* Povezave in naslovi: tu namesto v Elementor Kitu, ker Kit uporablja
   selektor .elementor-kit-N, ki povozi stile komponent (logika-core). */
a {
	color: var(--logika-blue);
}

a:hover,
a:focus-visible {
	color: var(--logika-blue-deep);
}

h1, h2, h3, h4, h5, h6 {
	margin-block: 0;
	color: inherit;
	font-family: var(--e-global-typography-primary-font-family, 'Plus Jakarta Sans'), system-ui, sans-serif;
	font-weight: 600;
	line-height: 1.15;
}

h1 { font-size: 2.25rem; }
h2 { font-size: 1.625rem; }
h3 { font-size: 1.3125rem; }
h4 { font-size: 1.125rem; }
h5, h6 { font-size: 1rem; }

@media (min-width: 768px) {
	h1 { font-size: 3rem; }
	h2 { font-size: 1.875rem; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.25rem; }
}

p {
	margin-block: 0;
}

.logika-prose p + p,
.elementor-widget-text-editor p + p {
	margin-top: 1rem;
}