/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Roboto/roboto-v49-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/Roboto/roboto-v49-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v49-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v49-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto/roboto-v49-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/Roboto/roboto-v49-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* ==========================================================================
   KOMPLETAN CRNI TECH STIL ZA GRIDZONE (DODAJ NA KRAJ ROBOTO.CSS)
   ========================================================================== */

/* Sakrivanje search trake i RSS ikone */
.search-form, #search, .search, .rss, .feed, .entry-rss, .search-toggle {
    display: none !important;
}

/* Potpuno tamna pozadina cijele stranice */
body, #main, .wrapper {
    background-color: #0b0f19 !important;
    color: #f8fafc !important;
}

/* Kartice proizvoda postaju tamne sa svijetlim rubom */
.masonry-inner {
    background: #111827 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
    border: 1px solid #1f2937 !important;
}

/* Efekt lebdenja mišem (Neon zeleni sjaj) */
.masonry-inner:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(32, 201, 151, 0.15) !important;
    border-color: #20c997 !important;
}

/* Podloga iza slike u tamnom nacinu */
.entry-top {
    background: #1f2937 !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #111827 !important;
}

/* Naslovi postaju cisto bijeli */
.entry-title a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.entry-title a:hover {
    color: #20c997 !important;
}

/* Bocni izbornik (Kategorije, Arhiva, Oznake) poprima tamnu boju */
.sidebar, .widget, #sidebar, .aside-widget, #sidebar-shell, .sidebar-content, .widget-inner {
    background-color: #111827 !important;
    color: #ffffff !important;
    border: 1px solid #1f2937 !important;
    border-radius: 12px !important;
}

.widget-title, .sidebar h3, .sidebar h2, .widget h2 {
    color: #ffffff !important;
    border-bottom: 2px solid #20c997 !important;
    padding-bottom: 8px !important;
}

.widget ul li a, .sidebar ul li a {
    color: #94a3b8 !important;
}

.widget ul li a:hover, .sidebar ul li a:hover {
    color: #20c997 !important;
}

/* Stiliziranje Oznaka (Tags) u kripto stilu */
.tag-cloud a, .tags a, .widget_tags a, .tag-links a {
    background-color: #1f2937 !important;
    color: #e2e8f0 !important;
    border: 1px solid #374151 !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
}

.tag-cloud a:hover, .tags a:hover, .widget_tags a:hover, .tag-links a:hover {
    background-color: #20c997 !important;
    color: #0b0f19 !important;
    border-color: #20c997 !important;
}

/* Gornji navigacijski izbornik (Header) */
#header, .header-wrap, .nav-container, #header-shell {
    background: #111827 !important;
    border-bottom: 1px solid #1f2937 !important;
}

#header a, .nav-container a, #header h1 a {
    color: #ffffff !important;
}






/* ==========================================================================
   PRILAGODBA PUNE STRANICE PROIZVODA (DODAJ NA SAM KRAJ ROBOTO.CSS)
   ========================================================================== */

/* 1. Pozadina cijelog bloka u kojem se nalazi opis skripte */
.post, .single-post, .entry-content, .post-content, .post-inner, .content {
    background-color: #111827 !important;       /* Tamno siva pozadina proizvoda */
    color: #f8fafc !important;                   /* Citljiv, mekani bijeli tekst */
    border-radius: 12px !important;
    border: 1px solid #1f2937 !important;
    padding: 30px !important;                    /* Lijep razmak oko teksta */
}

/* 2. Osiguravanje da su svi podnaslovi (H1, H2, H3) cisto bijeli unutar opisa */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4,
.post-content h1, .post-content h2, .post-content h3, .post-content h4 {
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
}

/* 3. Stiliziranje popisa i natuknica (Listi) unutar dokumentacije */
.entry-content ul, .entry-content ol, .post-content ul, .post-content ol {
    color: #e2e8f0 !important;                   /* Boja za tocke i tekst unutar listi */
    padding-left: 25px !important;
}

/* 4. Ako imate dio koda unutar opisa (Code oznake), neka izgleda programerski */
code, pre {
    background-color: #1f2937 !important;        /* Tamnija pozadina za kôd */
    color: #20c997 !important;                   /* Tekst koda svijetli neon zeleno */
    border: 1px solid #374151 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
}