/* * Custom CSS za school-new (child tema kinez-child). * * Ranije je ovo živjelo u Customizer → Additional CSS (baza). Premješteno * ovdje (2026-09-23) da: (1) bude u gitu, (2) ne može se slučajno obrisati * ili izmijeniti kroz wp-admin (DISALLOW_FILE_EDIT je uključen), (3) ne * nestane ako se promijeni aktivna tema u Customizeru. * * Učitava se u functions.php kao na wp_head prioritetu 101 — isto * mjesto na kojem je WP ispisivao Additional CSS (poslije main.css i * Elementor CSS-a), pa kaskada ostaje identična. * * Caveat font (naslov početne) se učitava kroz wp_enqueue_style u * functions.php umjesto @import-a. */ /* Fotografije osoblja (Team widget) - dodano za school-new. ISTORIJA: prvo savršen krug -> puni ljubičasti krug pozadi + obična pravougaona slika preko njega + žuti nepotpun prsten (luk sa prazninom) sprijeda, po uzoru na wpdemothemes.com/kinez/our-teachers. NAPUŠTENO (2026-11, korisnički feedback): (1) pravougaoni kadar (150x194, uzak i visok) je na dosta fotografija djelovao kao "krupan plan glave" - izvor slika je vrlo šarolik (od skoro kvadratnih do izduženih portreta), pa uzak kadar dodatno zumira već tijesne kadrove; (2) škola ima ~100 zaposlenih sa stalnom fluktuacijom (odlasci/dolasci), pa je pristup koji je zahtijevao uklanjanje pozadine (Canva/rembg) po fotografiji NEODRŽIV za tekuće dodavanje novih ljudi - previše ručnog rada za svaku novu osobu. NOVI PRISTUP: klasičan dupli prsten oko OBIČNE kružno-kadrirane fotografije (object-fit:cover na kvadratnom okviru, bez ikakve pripreme slike) - žuti prsten uz samu sliku, pa razmak, pa širi ljubičasti prsten oko svega. Radi identično sa bilo kojom fotografijom bilo koje rezolucije/omjera - nema više background removal koraka, novog nastavnika je dovoljno samo uploadovati. */ .team-thumb { position: relative; width: 200px; height: 200px; margin: 0 auto 24px; } .team-thumb::after { content: ''; position: absolute; inset: 0; border-radius: 50%; border: 4px solid #7a64ec; pointer-events: none; } .team-thumb img { position: absolute; top: 10px; left: 10px; width: 180px; height: 180px; box-sizing: border-box; border-radius: 50%; border: 5px solid #f6c343; object-fit: cover; object-position: center 25%; display: block; } .team-items { text-align: center; } /* Vidljivi linkovi unutar sadržaja stranica (dokumenti, akti...) */ .entry-content a, .woocommerce-Reviews a, article a:not(.btn):not([class*="ek-link"]) { color: #7a64ec; text-decoration: underline; } .entry-content a:hover { color: #f6c343; } .entry-content p { margin-bottom: 12px; } /* Naslov na početnoj (Blog/front page) - pisani font */ body.home .breadcrumb-content h1 { font-family: 'Caveat', cursive; font-weight: 700; font-size: 3.6rem; line-height: 1.3; } @media (max-width: 767px) { body.home .breadcrumb-content h1 { font-size: 2.6rem; } } /* ====== Home layout polish (korisnički feedback, 2026-09-10) ====== */ /* Niži hero (bio 106px/196px top/bottom, previše prostora) */ .banner-breadcrumb-section { padding: 70px 0 90px; } /* PRAVI uzrok "olovka se ne vidi" (2026-09-10, treći pokušaj): nije overflow:hidden na sekciji (prethodna dva pokušaja su to pogrešno pretpostavila) nego z-index sukob. .bread-ele1/.bread-ele2 (olovka) i .bread-shape (pozadinski talas) imaju ISTI z-index:-1 u main.css, a .bread-shape je kasnije u DOM redoslijedu pa se crta PREKO olovke gdje god se geometrijski preklapaju. Olovka ima i "updowns" animaciju (bounce gore-dole 0-10px, beskonačno) - u mirnoj poziciji vrh olovke je tik iznad ivice talasa, ali kad animacija spusti olovku i do 10px, vrh (šiljak) privremeno "utone" iza talasa i nestane - otud je izgledalo različito na svakom screenshotu/refresh-u (pitanje trenutka animacije, ne stvarna razlika u pozicioniranju). Fix: olovka (i munja .bread-ele1 koja ima isti problem - isti z-index, ista animacija) dobijaju z-index iznad talasa, pa se UVIJEK crtaju iznad njega bez obzira na animaciju - rješava problem trajno, ne zavisi od piksela. */ .banner-breadcrumb-section .bread-ele1, .banner-breadcrumb-section .bread-ele2 { z-index: 1; } /* Sakrij breadcrumb na početnoj - duplira naslov */ body.home .breadcrumb-content .bread-link { display: none; } /* Sakrij "0 Comments" na blog karticama - škola ne koristi komentare */ .news-single-items .dates-icon { display: none !important; } /* Šire kartice na velikim ekranima da bolje popune širinu */ @media (min-width: 1400px) { .blog-event-section .container { max-width: 1600px; } } /* Ograniči naslov kartice na 3 reda - ujednačena visina kartica. NAPOMENA (2026-09-10): line-clamp sam po sebi samo ograničava MAX broj redova, ne rezerviše prostor za kraće naslove - kartice su i dalje bile različite visine (npr. 400px za 2-redni naslov vs 430px za 3-redni "Put evropske izvrsnosti..."). Dodan min-height = tačno 3 reda (3 × 30px line-height iz main.css), pa svaka kartica rezerviše isti prostor za naslov bez obzira na stvarnu dužinu teksta - sve kartice u redu sad iste visine. */ .new-cont-title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: 90px; } /* Veći font glavnog menija (bio 16px, malo sitan na velikim ekranima) */ #menu-main-menu > li > a { font-size: 17px; } /* Manje praznog prostora između kartica i footera */ footer.space-top { padding-top: 50px; } /* Footer "Najnovije objave" - manji font naslova objava. NAPOMENA (ispravljeno 2026-09-10): ovo pravilo cilja

, ali stvarni vidljivi tekst je u

koji u main.css ima SVOJ eksplicitni font-size:17px (.recent-blogstyle-item .cont h4 a) veće specifičnosti - ovo pravilo nikad nije imalo efekta na prikaz. Stvarna ispravka je dolje u "Faza K" bloku, na ispravnom selektoru. Ostavljeno prazno pravilo ovdje uklonjeno da ne zbunjuje. */ /* Blok brzih linkova (Raspored/eDnevnik/Ispitni katalozi/Prijava nasilja) */ .quick-links-bar { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; max-width: 1140px; margin: 0 auto; padding: 0 15px; } .quick-links-bar .quick-link-item { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #1a1a2e; padding: 12px 22px; border-radius: 50px; font-weight: 600; font-size: 15px; box-shadow: 0 4px 14px rgba(0,0,0,0.08); text-decoration: none; transition: all .2s ease; } .quick-links-bar .quick-link-item i { color: #7a64ec; } .quick-links-bar .quick-link-item:hover { background: #7a64ec; color: #fff; transform: translateY(-2px); } .quick-links-bar .quick-link-item:hover i { color: #f6c343; } /* Manji logo u headeru (bio 140px/100px, stvarni kontrolni selektor je .header-main .header-logo max-width, kinez_header_logo_width theme option ne utiče na Header Style 4) - smanjeno ~15% */ .header-main .header-logo { max-width: 119px; } @media (max-width: 1399px) { .header-main .header-logo { max-width: 85px; } } /* Bug u temi: .blog-bg pozadina kartice na desktopu (>=1400px) koristi object-fit:contain umjesto cover (mobilna verzija ispravno ima cover), pa kad kartica poraste zbog 3-rednog naslova pozadina ne prati visinu i tekst "iscuri" na bijelu pozadinu ispod kartice. */ .news-single-items .blog-bg { object-fit: cover; } /* Footer (Footer Style 3, "O školi" kolona): uploadovana slika škole je samo 460px prirodne širine, dok kolona/tekst ispod nje ima 538px, pa tekst opisa "prelijeva" preko desne ivice slike. Slika se razvlači na punu širinu kolone (height:auto - bez distorzije) da prati širinu teksta. */ .footer-section.footer-style3 .footer-logo img { width: 100%; } /* Footer "Kontakt" kolona (custom_html widget u footer-5): tema joj dodaje Bootstrap .ps-xxl-5 (padding-left:48px !important) preko 1400px, pa dugi email (drugaosnovna@ymail.com) nije imao dovoljno mjesta i "iscurio" je u susjednu "Najnovije objave" kolonu. Smanjen razmak (kolona pomjerena bliže "O školi") i dozvoljeno prelamanje dugih vrijednosti (email/telefon) unutar svoje kolone umjesto izlaska iz nje. */ .footer-widget.widget_custom_html.ps-xxl-5 { padding-left: 16px !important; } .footer-widget-info li a { overflow-wrap: anywhere; min-width: 0; /* font-size 16px->14px (2026-09-10): email se ponekad lomio u 2 reda iako je JS mjerenje odmah nakon navigacije pokazivalo da staje na 1 red - "wow" font-swap (web font se učita nešto šire od fallback fonta pa tekst reflow-uje NAKON prvog mjerenja, klasičan FOUT efekat). Manji font ostavlja sigurnu marginu bez obzira na tajming učitavanja fonta. !important je neophodan: postoji specifičnije pravilo u main.css, ".footer-widget .footer-widget-link li a" (2 klase, naš wrapper markup ima i .footer-widget-link ancestor), koje pobjeđuje ".footer-widget-info li a" (1 klasa) bez obzira na redoslijed u cascade-u - potvrđeno CSSOM pretragom. */ font-size: 14px !important; } /* ====== Faza K - sitni polish nakon korisnikovog feedbacka (2026-09-10) ====== */ /* Ikonice ispred Kontakt vrijednosti - UKLONJENE 2026-09-10 na korisnikov zahtjev ("skloni slicice"). Widget content vraćen na čist