/*
Theme Name: Poljo
Theme URI: https://poljo.app
Author: dtom
Description: Tema za poljo.app — evidencija za poljoprivredna gospodarstva. Dvanaest stranica, zajedničko zaglavlje i podnožje, Plus Jakarta Sans.
Version: 1.7.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: poljo
*/

/* Poljo — globalni stilovi za WordPress (Elementor → Custom CSS ili child tema)
   Zalijepi u: Elementor → Site Settings → Custom CSS
   Boje i tipografija identične su onome što je dizajnirano. */

:root{
  --poljo-podloga:#f5ead8;
  --poljo-kartica:#fffdf6;
  --poljo-rub:#e0d5bf;
  --poljo-rub-svijetli:#efe6d2;
  --poljo-tekst:#201e1d;
  --poljo-tekst-2:#4a4438;
  --poljo-tekst-3:#5f5849;
  --poljo-terakota:#a85822;
  --poljo-terakota-tamna:#7a4520;
  --poljo-zelena:#3d472b;
  --poljo-zelena-tamna:#26301c;
  --poljo-zelena-svijetla:#aabc69;
  --poljo-krem:#fcf4e3;
}

body{background:var(--poljo-podloga);color:var(--poljo-tekst-2);font-family:'Plus Jakarta Sans',system-ui,sans-serif}

h1,h2,h3,h4{color:var(--poljo-tekst);letter-spacing:-.018em;text-wrap:pretty}
h1{font-weight:800;font-size:clamp(28px,5vw,40px);line-height:1.12}
h2{font-weight:800;font-size:clamp(24px,4vw,32px);line-height:1.16}
h3{font-weight:800;font-size:22px;line-height:1.25}
p,li{font-weight:500;font-size:16.5px;line-height:1.75;text-wrap:pretty}

a{color:var(--poljo-terakota-tamna);text-decoration:none}
a:hover{color:var(--poljo-terakota)}

/* pokreti — isti kao u dizajnu */
a,summary,button,.elementor-button{-webkit-tap-highlight-color:transparent;
  transition:transform .24s cubic-bezier(.22,1,.36,1),color .2s ease,background-color .2s ease,box-shadow .24s ease}
a:active,summary:active,button:active,.elementor-button:active{transform:scale(.965)}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:88px}
details[open]>*:not(summary){animation:poljo-otvori .3s cubic-bezier(.22,1,.36,1) both}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
@keyframes poljo-otvori{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes poljo-istakni{0%{box-shadow:0 0 0 0 rgba(168,88,34,0)}18%{box-shadow:0 0 0 5px rgba(168,88,34,.28)}100%{box-shadow:0 0 0 0 rgba(168,88,34,0)}}
[id]:target{animation:poljo-istakni 1.1s ease-out .35s both}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}
}

/* kartica — osnovni oblik koji se ponavlja kroz cijelu stranicu */
.poljo-kartica{background:var(--poljo-kartica);border:1px solid var(--poljo-rub);border-radius:20px;padding:clamp(20px,4vw,30px)}
.poljo-kartica-velika{border-radius:22px;padding:clamp(22px,4vw,38px)}

/* gumbi */
.poljo-gumb{display:inline-flex;align-items:center;font-weight:700;font-size:15px;line-height:1;
  color:var(--poljo-kartica);background:var(--poljo-terakota);padding:16px 22px;border-radius:14px;text-decoration:none}
.poljo-gumb:hover{color:var(--poljo-kartica);background:#964d1e}
.poljo-gumb-obrnuti{display:inline-flex;align-items:center;font-weight:700;font-size:15px;line-height:1;
  color:var(--poljo-tekst);background:var(--poljo-kartica);border:1px solid var(--poljo-rub);padding:15px 21px;border-radius:14px;text-decoration:none}

/* nadnaslov (mali tekst iznad naslova) */
.poljo-kicker{font-weight:700;font-size:12px;line-height:1.33;letter-spacing:.14em;text-transform:uppercase;color:var(--poljo-zelena)}

/* tamne plohe */
.poljo-tamno{background:var(--poljo-zelena);color:#e8eedb}
.poljo-tamno h1,.poljo-tamno h2,.poljo-tamno h3{color:var(--poljo-kartica)}
.poljo-tamno .poljo-kicker{color:#c8d6a4}
.poljo-tamnija{background:var(--poljo-zelena-tamna);color:#c2c9b2}
.poljo-tamnija a{color:#e6e9dc}

/* okvir telefona oko snimke ekrana */
.poljo-telefon{background:#201e1d;border-radius:34px;padding:8px;display:inline-block}
.poljo-telefon img{display:block;border-radius:27px;width:100%}