/* Film Partner Iceland — theme */
:root {
  --fpi-orange: #E8541A;
  --fpi-grey-bg: #e8e6e2;
}

body {
  background: var(--fpi-grey-bg);
}

.site-header {
  background: var(--fpi-orange);
  border-bottom: none;
}

.site-header .logo img {
  filter: brightness(0) invert(1);
}

.main-nav a {
  color: #fff;
}

.main-nav a:hover {
  color: rgba(255,255,255,.7);
}

.nav-toggle span {
  background: #fff;
}

.social-icons a {
  color: #fff;
}

.btn--primary {
  background: var(--fpi-orange);
  border-color: var(--fpi-orange);
  color: #fff;
}
.btn--primary:hover {
  background: #c94415;
  border-color: #c94415;
}

.film-card__role, .label {
  color: var(--fpi-orange);
}

.spec-label {
  color: var(--fpi-orange);
}

.film-detail__hero-text .film-card__role {
  color: var(--fpi-orange);
}

.site-footer {
  background: #4a4a4a;
  color: #fff;
}

.site-footer a {
  color: #ccc;
}

.site-footer a:hover {
  color: #fff;
}

.footer-bottom {
  border-top: 1px solid #666;
  color: #aaa;
}

.section {
  background: var(--fpi-grey-bg);
}

/* Project separator */
.dev-project{padding:clamp(2rem,4vw,3rem) 0;border-bottom:1px solid var(--fpi-orange) !important;}
.dev-project:last-child{border-bottom:none !important;}

/* ── Mobile nav fix ─────────────────────────────────────── */
/* style.css uses class "open" but script.js toggles "is-open" — fix here */
@media (max-width: 768px) {
  .main-nav.is-open {
    transform: translateX(0);
  }
  /* Nav opens over white background so links must be dark */
  .main-nav.is-open a {
    color: var(--black, #0d0d0d);
  }
  .main-nav.is-open a:hover {
    color: var(--fpi-orange);
  }
}

/* Mobile: show project image above text */
@media (max-width: 900px) {
  .dev-project__inner { display: flex; flex-direction: column; }
  .dev-project__image { order: -1; margin-bottom: 1.5rem; width: 100%; }
  .dev-project__image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
}