/* ═══════════════════════════════════════════════
   wfpc.css — Styles specific to /wfpc
   frontendneeded.com
   ═══════════════════════════════════════════════ */

:root {
   --accent: #d4a520;
   --accent-rgb: 212, 165, 32;
   --bg: #1a1d23;
}

.site-nav {
   background: #14161b;
}

.nav-dropdown-menu {
   background: #14161b;
}

/* ── Gallery — page-specific theming ── */

.photo-cycle-btn:hover {
   background: #b8890e;
}

/* ── Download CTA ────────────────────────────────
   Primary call-to-action button shown in gr-right.
   Sized to its content with a max-width cap so it
   never grows past the panel width.
   ─────────────────────────────────────────────── */
 
   .download-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      width: fit-content;
      max-width: 100%;
      background: linear-gradient(135deg, #e6b934 0%, var(--accent) 50%, #b8890e 100%);
      color: #14161b;
      text-decoration: none;
      border-radius: 6px;
      border: 1px solid rgba(255, 215, 100, 0.4);
      box-shadow: 0 2px 12px rgba(var(--accent-rgb), 0.2),
                  inset 0 1px 0 rgba(255, 255, 255, 0.15);
      transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
   }
    
   .download-btn:hover {
      transform: translateY(-1px);
      box-shadow: 0 3px 18px rgba(var(--accent-rgb), 0.35),
                  inset 0 1px 0 rgba(255, 255, 255, 0.2);
      filter: brightness(1.06);
   }
    
   .download-btn:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 3px;
   }
    
   .download-btn-icon {
      font-size: 1rem;
      line-height: 1;
      flex-shrink: 0;
   }
    
   .download-btn-text {
      display: flex;
      flex-direction: column;
      gap: 1px;
      line-height: 1.2;
   }
    
   .download-btn-label {
      font-size: 0.8rem;
      font-weight: 700;
      letter-spacing: 0.005em;
   }
    
   .download-btn-sub {
      font-size: 0.56rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      opacity: 0.7;
   }
    
   /* Spacing between the download CTA and the GitHub section below */
   .download-divider {
      margin-top: 28px;
   }