/* Stil za predložak _cookie_consent.html — izdvojen iz HTML-a radi predmemorije
   i preglednosti. Adresa u predlošku ide kroz statika() da se
   nakon izmjene odmah povuče nova verzija. */

  #cookie-notice {
    position: fixed; left: 14px; right: 14px; bottom: 14px; z-index: 2147483000;
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
    background: rgba(10, 22, 40, 0.96); color: #eaf1f7;
    border: 1px solid rgba(255,255,255,0.14); border-radius: 14px;
    padding: 14px 18px; box-shadow: 0 10px 34px rgba(0,0,0,0.35);
    font-family: 'DM Sans', system-ui, sans-serif; font-size: 13.5px; line-height: 1.6;
    max-width: 920px; margin: 0 auto; animation: cnUp .28s ease;
  }
  @keyframes cnUp { from { transform: translateY(12px); opacity: 0; } to { transform: none; opacity: 1; } }
  #cookie-notice .cn-text { flex: 1 1 320px; min-width: 0; }
  #cookie-notice .cn-text strong { display: block; font-size: 14px; margin-bottom: 2px; color: #fff; }
  #cookie-notice .cn-links { display: block; margin-top: 6px; }
  #cookie-notice .cn-links a {
    color: #7fd8cc; text-decoration: underline; font-weight: 600; margin-right: 14px;
  }
  /* Tekst je tamnoplav, ne bijel. Bijelo na ovoj tirkiznoj daje omjer
     kontrasta 3,3:1, a za tekst od 14 px treba 4,5:1 (WCAG AA) — Lighthouse
     je to i prijavio. Ovako je 5,3:1, boja marke ostaje ista, a i slaze se sa
     zlatnim gumbima drugdje na stranici koji takodjer imaju tamni tekst. */
  #cookie-notice .cn-ok {
    flex: 0 0 auto; background: #2a9d8f; color: #06182b; border: none;
    padding: 10px 22px; border-radius: 10px; font-size: 14px; font-weight: 700;
    cursor: pointer; font-family: inherit;
  }
  #cookie-notice .cn-ok:hover { background: #35b3a3; }
  @media (max-width: 560px) {
    #cookie-notice { padding: 13px 15px; font-size: 13px; }
    #cookie-notice .cn-ok { width: 100%; }
  }