/* Osnova: enako kot Lovable @layer base (body 20px DM Sans, naslovi Mandioca). */
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ge-color-background);
  color: var(--ge-color-foreground);
  font-family: var(--ge-font-sans);
  font-size: 20px;
  line-height: 1.5; /* Tailwind preflight: html { line-height: 1.5 } */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *::before, *::after { box-sizing: border-box; border-color: var(--ge-color-border); }
h1, h2, h3, h4, h5, h6, .ge-display {
  font-family: var(--ge-font-display);
  font-weight: 500;
  line-height: 1.1;
  margin: 0 0 0.5em;
  color: inherit;
}
h1 { font-size: clamp(2rem, 5vw, 3.75rem); }
h2 { font-size: clamp(1.75rem, 3.5vw, 2.75rem); }
h3 { font-size: clamp(1.375rem, 2.2vw, 1.75rem); }
h4 { font-size: 1.25rem; }
p { margin: 0 0 1em; }
a { color: inherit; text-decoration: none; transition: color .3s ease; }
/* Globalnega hoverja na povezavah NI (Lovable ga nima): vsaka povezava ima svoj hover razred.
   Sicer bi se pobronile tudi povezave, ki tega nočejo (npr. logotipi proizvajalcev). */
img, video { max-width: 100%; height: auto; display: block; }
.ge-text-balance { text-wrap: balance; }
.ge-accent { color: var(--ge-color-accent); }

/* Globalni minimum, ki ga je prej pokrival Hello Elementor reset (velja tudi izven gradnikov). */
button, input, optgroup, select, textarea { font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
button { background: none; border: 0; color: inherit; cursor: pointer; }
ul, ol { margin-block: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }

/*
 * Lepljiva glava pod WordPressovo skrbniško vrstico.
 *
 * Glava je `fixed top-0`, skrbniška vrstica pa tudi – in ker je fiksna, je `html { margin-top }`,
 * ki ga doda WordPress, ne premakne. Posledica: skrbniška vrstica (32 px) pokrije našo zgornjo
 * vrstico (36 px) in prijavljeni vidi samo 4 px zelenega pasu brez povezav.
 * Obiskovalec tega ne vidi nikoli – težava je samo pri urejanju, a ravno tam moti.
 *
 * `!important` je nujen: glava ima Tailwindov razred `top-0`, ta pa je pri nas zaradi
 * `important: true` v tailwind.config.cjs sam po sebi `!important`. Brez tega pravilo ne prime.
 */
body.admin-bar .ge-w[data-ge="header"] { top: 32px !important; }

@media screen and (max-width: 782px) {
  /* Na ožjih zaslonih je skrbniška vrstica višja. */
  body.admin-bar .ge-w[data-ge="header"] { top: 46px !important; }
}

/* Vodoravni strip: drsnik skrijemo, ker pas sam pove, da se ga da potegniti. */
.scrollbar-none { scrollbar-width: none; -ms-overflow-style: none; }
.scrollbar-none::-webkit-scrollbar { display: none; }