/* ============================================================
   InnoPharma — oblikovni žetoni
   ------------------------------------------------------------
   VIR RESNICE so globalne spremenljivke v Elementorjevem kitu.
   Elementor jih izpiše kot --<oznaka> na :root, zato jih ta
   datoteka NE podvaja — sicer bi sprememba v Elementorju in
   sprememba tukaj tiho tekmovali med sabo.

   Pravilo za vso CSS otroške teme:
       color: var(--green, #0F5A4D);
   torej vedno z rezervno vrednostjo. Če je Elementor izklopljen
   ali odpove, stran ne ostane brez barv.

   Referenca vrednosti v kitu (NE urejaj tukaj — uredi v
   Elementor → Site Settings → Variables):

     --ink        #16231F     --coral       #E2654E
     --ink-body   #3B4B45     --coral-700   #C5503B
     --muted      #566860     --coral-50    #FBE7E1
     --green      #0F5A4D     --ochre       #A87C3D
     --green-700  #0B4639     --paper       #FBFAF6
     --green-50   #E7F1EC     --card        #FFFFFF
                              --line        #DCE5E0

     --font-heading  Fraunces
     --font-body     Hanken Grotesk

     --radius 14px   --radius-sm 10px
     --maxw 1180px   --maxw-prose 760px
     --space-1..8    4 8 12 16 24 32 48 64 px
     --fs-h1  clamp(34px, 5vw, 56px)
     --fs-h2  clamp(26px, 3.4vw, 38px)
   ============================================================ */

:root{
  /* --- Česar Elementor ne zna izraziti --- */

  /* Senca: Elementor nima tipa spremenljivke za box-shadow. */
  --sh:    0 1px 2px rgba(20,35,30,.05), 0 12px 30px -16px rgba(20,35,30,.18);
  --sh-lg: 0 2px 4px rgba(20,35,31,.05), 0 24px 56px -20px rgba(20,35,31,.22);

  /* Rezervni pisavni skladi: Elementor sprejme samo eno Google pisavo. */
  --font-heading-stack: Georgia, "Times New Roman", serif;
  --font-body-stack:    system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Celotna deklaracija za uporabo v CSS otroške teme. */
  --font-heading-full: var(--font-heading, Fraunces), var(--font-heading-stack);
  --font-body-full:    var(--font-body, "Hanken Grotesk"), var(--font-body-stack);
}

/* ------------------------------------------------------------
   Vidni fokus — nadomešča prejšnji `*:focus { outline: none }`.

   Prejšnje pravilo je odstranilo fokusni obroč po vsej strani.
   Uporabnik s tipkovnico ni videl, kje je. Kršitev WCAG 2.4.7
   (Focus Visible, raven AA).

   :focus-visible se sproži samo pri tipkovnici, ne pri miški,
   zato estetsko ni enako kot nekdanji obroč ob vsakem kliku.
   ------------------------------------------------------------ */
:focus:not(:focus-visible){
  outline: none;
}

:focus-visible{
  outline: 2px solid var(--coral, #E2654E);
  outline-offset: 2px;
  border-radius: 2px;
}

/* ------------------------------------------------------------
   Zmanjšano gibanje.

   Razredi card, chip, btn-primary in btn-ghost v Elementorjevem
   kitu uporabljajo transform na lebdenju. Elementorjev CSS blok
   podpira samo prelomne točke, ne `prefers-reduced-motion`,
   zato guard stoji tukaj.
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .card:hover, .chip:hover, .btn-primary:hover, .btn-ghost:hover{
    transform: none !important;
  }
}