/* =========================================================
   Creo Fundi — globalni stil
   Većina stilova je inline u HTML-u (prenesena iz dizajna).
   Ovdje su osnove i prilagodba za tablet i mobitel.
   Glavne boje: zelena #0A6B5A, topla (Dekoracije) #A34A22,
   narančasta „vruća mlaznica” #C9762F, tekst #0C2320,
   pozadina #FBFAF7, linije #E5E0D6.
   Za promjenu boje koristi Find & Replace (Ctrl+Shift+H).
   ========================================================= */

body {
  margin: 0;
  background: #FBFAF7;
  color: #0C2320;
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
}
a { color: #0A6B5A; }
a:hover { color: #085043; }
img { max-width: 100%; }
input, textarea, select, button { font-family: 'IBM Plex Sans', system-ui, sans-serif; }
article { box-shadow: 0 1px 2px rgba(12, 35, 32, 0.04), 0 16px 36px rgba(12, 35, 32, 0.05); }
::selection { background: #E9E0CC; }
:focus-visible { outline: 2px solid #0A6B5A; outline-offset: 3px; }

/* ---------- Tablet ---------- */
@media (max-width: 1200px) {
  header, section, footer {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
  [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
  h1 { font-size: 60px !important; }
  h2 { font-size: 40px !important; }
}

/* ---------- Mobitel ---------- */
@media (max-width: 760px) {
  header, section, footer {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  header { padding-top: 16px !important; padding-bottom: 16px !important; flex-wrap: wrap; gap: 14px; }
  header nav { flex-wrap: wrap; gap: 16px !important; }
  h1 { font-size: 40px !important; line-height: 1.05 !important; }
  h2 { font-size: 30px !important; }
  h3 { font-size: 20px !important; }
  section > div[style*="justify-content: space-between"] { flex-wrap: wrap; }
  #kontakt { margin-left: 16px !important; margin-right: 16px !important; padding: 40px 24px !important; }
  #upit, #narudzba { margin-left: 16px !important; margin-right: 16px !important; padding: 48px 24px !important; }
  #cf-lightbox > div { padding: 16px !important; }
}