/* 
 This CSS file is used to override the existing styles of the theme.
 You can change the article headings, fonts, colors, etc.
*/

.navbar-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px; /* Razmak između loga i teksta */
}

.navbar-item img {
    margin-bottom: 0 !important; /* Uklanja marginu koja gura tekst dolje */
    max-height: 40px; /* Prilagodi veličinu loga */
}

/* Primjenjuje font na cijelu stranicu */
html, body, button, input, select, textarea {
    font-family: 'Poppins', sans-serif !important;
}

/* Osigurava da i naslovi koriste Poppins */
h1, h2, h3, h4, h5, h6, .title, .subtitle {
    font-family: 'Poppins', sans-serif !important;
}

/* dodaje tamni tint na img elemente u splide*/
.splide__slide img {
    filter: brightness(0.5); /* smanjuje svjetlinu slike */ 
}

:root {
    --brand-green: #29762a;
    --brand-green-light: #57934c; /* Svjetlija varijanta za pozadine/hover */
  }

  /* Nadjačavanje Tailwind zelenih klasa na ovoj stranici */
  .text-green-600 { color: var(--brand-green) !important; }
  .bg-green-600 { background-color: var(--brand-green) !important; }
  .bg-green-100 { background-color: var(--brand-green-light) !important; }
  .bg-green-50 { background-color: #f4f9f4 !important; }
  .border-green-600 { border-color: var(--brand-green) !important; }
  .ring-green-600 { --tw-ring-color: var(--brand-green) !important; }

  /* Prilagodba gumba na hover */
  .hover\:bg-green-700:hover {
    background-color: #1e561f !important; /* Nešto tamnija zelena za efekt klika */
  }
  
  /* Specifično za tvoj selektor veličine */
  .size-btn.bg-green-600 {
    background-color: var(--brand-green) !important;
    color: white !important;
  }