/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  The Bosnian Affair — child tema za Bricks.
 Author:       Deconiq
 Template:     bricks
 Version:      1.2
 Text Domain:  bricks
*/

/* Projektni tokeni — samo ono što ACSS nema. Boje su ACSS tokeni (Automatic.css → Colors). */
:root {
	--tba-font-display: 'DM Serif Display', Georgia, serif;
	--tba-font-subtitle: 'Cormorant Garamond', Georgia, serif;

	--tba-card-border: var(--border-width) solid color-mix(in oklch, var(--base) 22%, var(--white));
	/* obrub gumba i ikona (WCAG 1.4.11: ≥ 3:1 prema podlozi) */
	--tba-control-border: var(--border-width) solid color-mix(in oklch, var(--base) 55%, var(--white));
	/* poluprozirna bijela podloga listova papira (dijagonalni fade) */
	--tba-paper-fade: linear-gradient(135deg, color-mix(in oklch, var(--white) 97%, transparent), color-mix(in oklch, var(--white) 78%, transparent));
	--tba-card-shadow: 0 calc(var(--border-width) * 2) calc(var(--border-width) * 6) color-mix(in oklch, var(--black) 10%, transparent);
	--tba-rule-strong: var(--border-width) solid var(--base);
	--tba-shadow-on-photo: 0 0 calc(var(--border-width) * 14) color-mix(in oklch, var(--black) 45%, transparent);
	--tba-fade-on-photo: linear-gradient(to bottom, color-mix(in oklch, var(--black) 55%, transparent), color-mix(in oklch, var(--black) 25%, transparent) 60%, transparent);
	--tba-rule-light: var(--border-width) solid var(--base-light);

	/* papirići (retro varijanta početne): papir, selotejp, sjena zalijepljenog lista */
	--tba-paper-cream: color-mix(in oklch, var(--accent) 12%, var(--white));
	--tba-paper-cream-deep: color-mix(in oklch, var(--accent) 30%, var(--white));
	--tba-tape: color-mix(in oklch, var(--accent) 80%, transparent);
	--tba-note-shadow: 0 var(--border-width) calc(var(--border-width) * 2) color-mix(in oklch, var(--black) 18%, transparent), 0 calc(var(--border-width) * 10) calc(var(--border-width) * 24) calc(var(--border-width) * -6) color-mix(in oklch, var(--black) 35%, transparent);
	--tba-note-shadow-lift: 0 calc(var(--border-width) * 2) calc(var(--border-width) * 4) color-mix(in oklch, var(--black) 18%, transparent), 0 calc(var(--border-width) * 18) calc(var(--border-width) * 32) calc(var(--border-width) * -8) color-mix(in oklch, var(--black) 40%, transparent);

	--tba-tracking-kicker: 0.3em;
	--tba-tracking-label: 0.24em;
	--tba-tracking-display: 0.01em;

	--tba-page-width: calc(var(--content-width) * 0.86);
	--tba-measure: 58ch;
	--tba-article-width: calc(var(--content-width) * 0.68);
	--tba-page-start: var(--space-xl);
}

/* Pozadinska fotografija cijelog bloga (tba-site-photo).
   Fiksni sloj visine 100lvh umjesto background-attachment: fixed iz theme stylea:
   mobilni preglednici kod fixed pozadine preračunaju sliku svaki put kad se
   adresna traka sakrije/pokaže, pa slika skače. Ovaj sloj se ne mijenja. */
body::before {
	content: "";
	position: fixed;
	inset-block-start: 0;
	inset-inline: 0;
	block-size: 100lvh;
	z-index: -1;
	background: var(--base-semi-dark) url("/wp-content/uploads/2025/06/pozadina-44.jpg") center / cover no-repeat;
	pointer-events: none;
}
@media (max-width: 767px) {
	body::before { background-image: url("/wp-content/uploads/2025/06/pozadina-44-1024x683.jpg"); }
}