/* Šta fotografija otkriva o Vama? - stil */
.foto { max-width: 960px; margin: 0 auto; }
.foto-uvod { font-size: 1.05rem; line-height: 1.6; margin: 0 0 1rem; }

.foto-privatnost {
  background: rgba(59,130,246,.08); border: 1px solid rgba(59,130,246,.35);
  border-radius: 10px; padding: .9rem 1.1rem; margin: 0 0 1.75rem;
  font-size: .95rem; line-height: 1.55;
}

/* DROP ZONA */
.foto-drop {
  border: 2px dashed var(--border, #2a2f3a); border-radius: 12px;
  padding: 2.5rem 1.5rem; text-align: center; cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
  background: var(--card-bg, #161a22);
}
.foto-drop:hover, .foto-drop.nad { border-color: var(--accent, #3b82f6); background: rgba(59,130,246,.05); }
.foto-drop:focus-visible { outline: 2px solid var(--accent, #3b82f6); outline-offset: 3px; }
.foto-drop-ikona { font-size: 2.5rem; margin-bottom: .75rem; }
.foto-drop-glavni { font-size: 1.1rem; font-weight: 600; margin: 0 0 .4rem; }
.foto-drop-pomocni { font-size: .85rem; opacity: .7; margin: 0; }

/* GRESKA */
.foto-greska {
  margin-top: 1rem; padding: .85rem 1.1rem; border-radius: 8px;
  background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.4);
  color: #fbbf24; font-size: .92rem; line-height: 1.5;
}

/* REZULTAT */
.foto-rezultat { margin-top: 1.75rem; }
.foto-pregled-red { display: grid; gap: 1.5rem; }
@media (min-width: 760px) { .foto-pregled-red { grid-template-columns: minmax(0, 320px) 1fr; } }

.foto-pregled { border-radius: 10px; overflow: hidden; background: var(--card-bg, #161a22); border: 1px solid var(--border, #2a2f3a); align-self: start; }
.foto-pregled img { display: block; width: 100%; height: auto; }

.foto-meta-panel { min-width: 0; }

/* OCENA */
.foto-ocena { padding: 1rem 1.15rem; border-radius: 10px; margin-bottom: 1.25rem; border: 1px solid; }
.foto-ocena-oznaka { display: inline-block; font-weight: 700; font-size: .95rem; margin-bottom: .4rem; padding: .15rem .6rem; border-radius: 6px; }
.foto-ocena-tekst { margin: 0; font-size: .92rem; line-height: 1.55; }
.foto-ocena[data-nivo="visok"] { background: rgba(239,68,68,.08); border-color: rgba(239,68,68,.4); }
.foto-ocena[data-nivo="visok"] .foto-ocena-oznaka { background: #ef4444; color: #fff; }
.foto-ocena[data-nivo="oprez"] { background: rgba(245,158,11,.08); border-color: rgba(245,158,11,.4); }
.foto-ocena[data-nivo="oprez"] .foto-ocena-oznaka { background: #f59e0b; color: #1a1a1a; }
.foto-ocena[data-nivo="nizak"] { background: rgba(34,197,94,.08); border-color: rgba(34,197,94,.4); }
.foto-ocena[data-nivo="nizak"] .foto-ocena-oznaka { background: #22c55e; color: #0a1a0a; }

/* META GRUPE */
.foto-meta-naslov { font-size: 1.05rem; margin: 0 0 .85rem; }
.foto-meta-grupa { margin-bottom: 1.1rem; }
.foto-meta-grupa h3 { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; opacity: .7; margin: 0 0 .45rem; }
.foto-meta-grupa ul { list-style: none; margin: 0; padding: 0; }
.foto-meta-grupa li { display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; border-bottom: 1px solid var(--border, #2a2f3a); font-size: .9rem; }
.foto-meta-k { opacity: .8; flex: 0 0 auto; }
.foto-meta-v { text-align: right; word-break: break-word; font-variant-numeric: tabular-nums; }
.foto-meta-prazno { padding: 1rem 1.15rem; border-radius: 8px; background: rgba(34,197,94,.06); border: 1px solid rgba(34,197,94,.3); font-size: .92rem; line-height: 1.5; }

/* AKCIJE */
.foto-akcije { margin-top: 1.75rem; }
.foto-btn {
  display: inline-block; padding: .7rem 1.4rem; border-radius: 8px;
  font-size: .95rem; font-weight: 600; border: 0; cursor: pointer;
  text-decoration: none; text-align: center;
}
.foto-btn-cisti { background: var(--accent, #3b82f6); color: #fff; }
.foto-btn-cisti:hover:not(:disabled) { filter: brightness(1.1); }
.foto-btn-cisti:disabled { opacity: .5; cursor: not-allowed; }
a.foto-btn-preuzmi, .foto-btn-preuzmi { background: #16a34a; color: #ffffff !important; margin-top: .3rem; text-decoration: none; }
.foto-btn-preuzmi:hover { background: #15803d; filter: none; }
.foto-btn-preuzmi:visited { color: #ffffff !important; }

.foto-cisti-status { margin-top: .85rem; font-size: .9rem; opacity: .85; }
.foto-preuzmi-blok { margin-top: 1rem; padding: 1rem 1.15rem; border-radius: 10px; background: rgba(34,197,94,.06); border: 1px solid rgba(34,197,94,.3); }
.foto-cisti-potvrda { margin: 0 0 .75rem; font-size: .92rem; line-height: 1.5; }
.foto-rekompresija { margin: .6rem 0 0; font-size: .82rem; opacity: .65; line-height: 1.45; }
.foto-ios-napomena { margin: .6rem 0 0; font-size: .85rem; line-height: 1.5; color: #93c5fd; }

.foto-nova { margin-top: 1.5rem; background: none; border: 1px solid var(--border, #2a2f3a); color: inherit; padding: .55rem 1.1rem; border-radius: 8px; cursor: pointer; font-size: .9rem; }
.foto-nova:hover { border-color: var(--accent, #3b82f6); }

/* ZASTO */
.foto-zasto { margin-top: 2.5rem; padding: 1.25rem 1.4rem; border-radius: 10px; border: 1px solid var(--border, #2a2f3a); background: var(--card-bg, #161a22); }
.foto-zasto h2 { margin: 0 0 .6rem; font-size: 1.1rem; }
.foto-zasto p { margin: 0; line-height: 1.6; font-size: .95rem; }