/* Fulgent Post Atelier — Selected Work interaction refinement
   Re-enable the original WOX button sweep on project cards and use the
   Fulgent gold accent. This file is additive and does not alter core WOX CSS. */

:root {
    --fpa-gold: #c7a34f;
}

/* Phase 3 intentionally disabled the CTA sweep while project routes were pending.
   Restore the original WOX pseudo-element so Selected Work now shares the same
   interaction language as EXPLORE THE PROCESS. */
.fpa-selected-work .fpa-project-cta::before {
    display: block !important;
    background: var(--fpa-gold) !important;
}

/* Trigger the sweep both when the visitor hovers the button itself and when the
   project tile reveals its details. This keeps the interaction fluid on the grid. */
.fpa-selected-work .fpa-project-cta:hover::before,
.fpa-selected-work .works-page-img-carousel-wrapper:hover .fpa-project-cta::before {
    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scale(1, 1);
       -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
         -o-transform: scale(1, 1);
            transform: scale(1, 1);
}

/* Keep the text readable over the gold sweep. */
.fpa-selected-work .fpa-project-cta:hover,
.fpa-selected-work .works-page-img-carousel-wrapper:hover .fpa-project-cta {
    color: #fff !important;
}

/* Keyboard focus uses the same brand accent without changing the WOX motion. */
.fpa-selected-work .fpa-project-cta:focus-visible {
    outline: 1px solid var(--fpa-gold);
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .fpa-selected-work .fpa-project-cta::before {
        transition-duration: 0.01ms !important;
    }
}