/* FF Dokumenti — osnovna pozadina je UVEK čisto bela */
.ff-documents-page {
  --ff-purple: #6752a3;
  --ff-purple-soft: #f3f0fa;
  --ff-green: #6fae3f;
  --ff-green-soft: #f2f8ed;
  --ff-text: #263448;
  --ff-muted: #667487;
  --ff-border: #e5e9ef;
  width: 100%;
  background: #ffffff !important;
  color: var(--ff-text);
  font-family: Arial, Helvetica, sans-serif;
}
.ff-documents-page *, .ff-documents-page *::before, .ff-documents-page *::after { box-sizing: border-box; }
.ff-documents-page section { background: #ffffff !important; }
.ff-documents-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.ff-documents-hero { padding: 76px 0 58px; border-bottom: 1px solid var(--ff-border); }
.ff-documents-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:var(--ff-purple); font-size:12px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ff-documents-eyebrow::before { content:""; width:28px; height:2px; background:var(--ff-green); }
.ff-documents-title { margin:0 0 18px; color:var(--ff-text); font-size:clamp(42px,6vw,72px); font-weight:800; line-height:.98; letter-spacing:-.045em; }
.ff-documents-intro { max-width:820px; margin:0; color:var(--ff-muted); font-size:16px; line-height:1.8; }
.ff-documents-content { padding: 64px 0 90px; }
.ff-documents-section { display:grid; grid-template-columns:280px minmax(0,1fr); gap:52px; padding:0 0 54px; margin:0 0 54px; border-bottom:1px solid var(--ff-border); }
.ff-documents-section:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.ff-documents-section-heading { position:sticky; top:28px; align-self:start; }
.ff-documents-kicker { display:block; margin-bottom:10px; color:var(--ff-green); font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ff-documents-section-heading h2 { margin:0; color:var(--ff-text); font-size:clamp(27px,3vw,38px); font-weight:800; line-height:1.08; letter-spacing:-.035em; }
.ff-documents-subtitle { margin:0 0 14px; padding-top:8px; color:var(--ff-text); font-size:17px; font-weight:800; }
.ff-documents-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:28px; }
.ff-documents-grid:last-child { margin-bottom:0; }
.ff-documents-card { display:flex; align-items:center; min-height:84px; padding:15px 16px; background:#fff !important; border:1px solid var(--ff-border); color:var(--ff-text) !important; text-decoration:none !important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.ff-documents-card:hover { transform:translateY(-2px); border-color:rgba(103,82,163,.28); box-shadow:0 10px 26px rgba(38,52,72,.07); }
.ff-documents-icon { display:flex; flex:0 0 42px; width:42px; height:42px; align-items:center; justify-content:center; margin-right:13px; background:var(--ff-purple-soft); color:var(--ff-purple); }
.ff-documents-card:nth-child(even) .ff-documents-icon { background:var(--ff-green-soft); color:var(--ff-green); }
.ff-documents-icon svg { width:19px; height:19px; }
.ff-documents-card-copy { display:block; min-width:0; flex:1; }
.ff-documents-card-label { display:block; margin-bottom:4px; color:var(--ff-muted); font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.ff-documents-card-copy strong { display:block; color:var(--ff-text); font-size:13px; line-height:1.45; }
.ff-documents-arrow { flex:0 0 auto; margin-left:12px; color:var(--ff-purple); transition:transform .2s ease; }
.ff-documents-card:hover .ff-documents-arrow { transform:translateX(3px); }
.ff-documents-arrow svg { width:16px; height:16px; }
body .ff-documents-page, body .ff-documents-page main, body .ff-documents-page .site-main { background:#fff !important; }
@media (max-width: 920px) {
  .ff-documents-container { width:min(100% - 32px,1180px); }
  .ff-documents-hero { padding:56px 0 45px; }
  .ff-documents-content { padding:48px 0 65px; }
  .ff-documents-section { grid-template-columns:1fr; gap:26px; }
  .ff-documents-section-heading { position:static; }
}
@media (max-width: 640px) {
  .ff-documents-container { width:calc(100% - 24px); }
  .ff-documents-hero { padding:42px 0 35px; }
  .ff-documents-title { font-size:42px; }
  .ff-documents-intro { font-size:14px; }
  .ff-documents-content { padding:36px 0 52px; }
  .ff-documents-section { margin-bottom:38px; padding-bottom:38px; }
  .ff-documents-grid { grid-template-columns:1fr; }
  .ff-documents-card { min-height:76px; padding:13px; }
}