/* F1 rail (Portfolio 2.0) */

/* Reuse the same base classes, only F1-specific accents here.
   (Keep this file even before the project is finished, so the rail is already themed.) */

.project-f1 {
    --proj-border: rgba(255, 0, 64, 0.20);
}

    .project-f1 .project-hero-link {
        opacity: 0.92;
        cursor: default;
    }

.project-repo--disabled {
    opacity: 0.55;
    pointer-events: none;
}

.project-btn--disabled {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
    filter: grayscale(0.2);
}

/* Optional: a slightly different hover glow for the F1 image (when enabled later) */
.project-f1 .project-hero-link:hover .project-hero {
    box-shadow: 0 0 0 1px rgba(255, 0, 64, 0.18) inset, 0 10px 40px rgba(255, 0, 64, 0.10), 0 0 28px rgba(0, 255, 255, 0.10);
}