/*
Theme Name: Poželi želju
Theme URI: https://pozelizelju.org.rs
Description: Tema sajta „Poželi želju" (child teme „ribosome") — moderna tipografija, razmaci, kartice, header/sidebar/footer, custom Gutenberg blokovi; zadržan brend (maslačak, narandžasto-zlatna) i puna funkcionalnost roditeljske teme.
Author: Poželi želju
Template: ribosome
Version: 1.1.0
Text Domain: pozeli-zelju
*/

/* =========================================================================
   DIZAJN TOKENI — jedini izvor istine za paletu, tipografiju i razmake.
   Sve sekcijske datoteke (parts/*.css) koriste ISKLJUČIVO ove promenljive.
   ========================================================================= */
:root {
	/* Brend (zadržan) */
	--pz-accent:      #FA4C00; /* narandžasta — primarni akcenat brenda */
	--pz-accent-600:  #DD4300;
	--pz-accent-700:  #B93700;
	--pz-gold:        #E8A33D; /* zlatna maslačka — sekundarni akcenat */
	--pz-gold-soft:   #F3D9A6;

	/* Neutralci (topli) */
	--pz-ink:         #2B2A27; /* naslovi / najtamniji tekst */
	--pz-body:        #4A4844; /* telo teksta */
	--pz-muted:       #857F73; /* prigušeno / meta */
	--pz-line:        #E7E1D4; /* linije / borderi */
	--pz-line-soft:   #F0EBE0;

	/* Površine */
	--pz-bg:          #F3F0E7; /* pozadina strane (rafinisana krem) */
	--pz-surface:     #FFFFFF; /* kartice */
	--pz-surface-2:   #FBF8F1; /* suptilna topla površina */
	--pz-header-dark: #201F1D; /* meni / top-bar tamna */

	/* Tipografija (Raleway se već učitava u roditeljskoj temi) */
	--pz-font:  "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

	/* Radijusi / senke */
	--pz-radius:    16px;
	--pz-radius-sm: 10px;
	--pz-radius-pill: 999px;
	--pz-shadow:    0 12px 30px -20px rgba(35, 32, 28, 0.55);
	--pz-shadow-lg: 0 26px 55px -30px rgba(35, 32, 28, 0.55);

	/* Layout */
	--pz-maxw: 1360px;
}

/* =========================================================================
   GLOBALNA BAZA — samo kozmetika (boje, tipografija, razmaci, radijusi).
   NE dira float-layout širine (#primary/#secondary), da funkcionalnost i
   raspored ostanu netaknuti.
   ========================================================================= */

body,
body.custom-font-enabled {
	font-family: var(--pz-font);
	color: var(--pz-body);
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.custom-background,
body {
	background-color: var(--pz-bg) !important;
}

/* Naslovi — čvršća, modernija hijerarhija (isti font, bolji ritam) */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--pz-font);
	color: var(--pz-ink);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -0.015em;
}
h1 { font-size: clamp(1.9rem, 3.6vw, 2.7rem); }
h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); }
h3 { font-size: clamp(1.2rem, 1.9vw, 1.4rem); }

p { margin: 0 0 1.15rem; }

/* Linkovi — akcenat brenda, uglađen hover */
a { color: var(--pz-accent); text-decoration: none; transition: color .18s ease; }
a:hover, a:focus { color: var(--pz-accent-700); }

/* Container — malo šire i vazdušastije, bez menjanja float logike */
@media (min-width: 768px) {
	.site { max-width: var(--pz-maxw); }
	#main.wrapper { padding: 0 2rem; }
}
.site-content { margin-top: 2.25rem; }

/* Dugmad + submit inputi — moderni pill, brend narandžasta (nadjačava inline !important) */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button__link,
a.button,
.btn {
	display: inline-block;
	background-color: var(--pz-accent) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: var(--pz-radius-pill) !important;
	padding: 0.7em 1.5em !important;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.2;
	box-shadow: 0 10px 22px -14px rgba(250, 76, 0, 0.75);
	transition: transform .16s ease, background-color .18s ease, box-shadow .18s ease;
	cursor: pointer;
}
button:hover,
input[type="submit"]:hover,
a.button:hover,
.btn:hover {
	background-color: var(--pz-accent-700) !important;
	transform: translateY(-2px);
	box-shadow: 0 16px 28px -14px rgba(250, 76, 0, 0.8);
}

/* Form polja — mekši, moderniji unos */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	background: var(--pz-surface);
	border: 1px solid var(--pz-line);
	border-radius: var(--pz-radius-sm);
	padding: 0.65em 0.85em;
	color: var(--pz-ink);
	transition: border-color .18s ease, box-shadow .18s ease;
}
input:focus, textarea:focus, select:focus {
	outline: none;
	border-color: var(--pz-accent);
	box-shadow: 0 0 0 3px rgba(250, 76, 0, 0.14);
}

/* Slike — blago zaobljene za savremeniji ton */
.entry-content img,
.wp-post-image,
.ect-list-img img,
.widget img {
	border-radius: var(--pz-radius-sm);
}

/* Selekcija teksta u tonu brenda */
::selection { background: var(--pz-gold-soft); color: var(--pz-ink); }

/* Fokus vidljiv (pristupačnost) */
a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 2px solid var(--pz-accent);
	outline-offset: 2px;
}