/* Tamna tema — samo uz html[data-theme="dark"] (Arhivio MMC) */

html[data-theme="dark"] body {
  background: linear-gradient(168deg, #070b14 0%, #0f1729 52%, #121a2e 100%);
  color: #e8eef8;
}

html[data-theme="dark"] .photo-card {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(126, 160, 198, 0.22);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .photo-card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .photo-thumb-wrap {
  background: #0c1220;
}

html[data-theme="dark"] .photo-filename,
html[data-theme="dark"] .photo-meta {
  color: rgba(232, 238, 248, 0.88);
}

html[data-theme="dark"] .grid-density-toggle-btn {
  border-color: rgba(126, 160, 198, 0.35);
  background: rgba(255, 255, 255, 0.08);
  color: #bae6fd;
}

html[data-theme="dark"] .grid-density-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.12);
}

html[data-theme="dark"] .grid-density-toggle-btn.is-compact {
  background: rgba(85, 165, 243, 0.2);
  border-color: rgba(85, 165, 243, 0.45);
  color: #e0f2fe;
}

html[data-theme="dark"] #pagination button {
  background: rgba(255, 255, 255, 0.08);
  color: #e8eef8;
  border-color: rgba(126, 160, 198, 0.35);
}

html[data-theme="dark"] #pagination button.active {
  background: #2563eb;
  color: #fff;
  border-color: #3b82f6;
}

html[data-theme="dark"] .arhivio-site-footer {
  color: rgba(232, 241, 255, 0.72) !important;
}

html[data-theme="dark"] .arhivio-site-footer a.back-button,
html[data-theme="dark"] .arhivio-site-footer .back-button {
  background: rgba(85, 165, 243, 0.25);
  color: #e0f2fe;
  border: 1px solid rgba(126, 200, 255, 0.35);
}

html[data-theme="dark"] .arhivio-site-footer a.back-button:hover,
html[data-theme="dark"] .arhivio-site-footer .back-button:hover {
  background: rgba(85, 165, 243, 0.4);
  color: #fff;
}

html[data-theme="dark"] .arhivio-site-footer .arhivio-footer-note {
  color: rgba(232, 241, 255, 0.55);
}

html[data-theme="dark"] .download-selected {
  filter: brightness(1.05);
}

/* Komponiranje: ključne riječi popup lista (styles.css) */
html[data-theme="dark"] .keyword {
  border-color: rgba(126, 160, 198, 0.2);
}

html[data-theme="dark"] #scoreLegend {
  border-bottom-color: rgba(126, 160, 198, 0.22);
}

html[data-theme="dark"] #scoreLegend .legend-title {
  color: #e2e8f0;
}

html[data-theme="dark"] .match-reason-chip {
  background: rgba(59, 130, 246, 0.2) !important;
  color: #bae6fd !important;
  border-color: rgba(96, 165, 250, 0.35) !important;
}