/* Fulgent Post Atelier — Phase 5.47
   Shop filter interaction locked to the JOIN NEWSLETTER button language.

   Inactive at rest: quiet, transparent, white text.
   Inactive hover/focus: transparent with gold outline + gold text.
   Active at rest: gold fill + dark text.
   Active hover/focus: transparent with gold outline + gold text.

   This keeps the Shop row visually restrained while giving the selected
   category the exact same fill-to-outline motion as JOIN NEWSLETTER.
*/

#section-shop .fpa-shop-filters .fpa-shop-filter {
    font-family: 'Oswald', sans-serif !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: .15em !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    padding: 10px 14px 9px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}

/* Quiet row at rest — preserves the Shop aesthetic. */
#section-shop .fpa-shop-filters .fpa-shop-filter:not(.is-active) {
    background: transparent !important;
    color: rgba(255,255,255,.66) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}

/* Selected category mirrors JOIN NEWSLETTER at rest. */
#section-shop .fpa-shop-filters .fpa-shop-filter.is-active {
    background: #c7a34f !important;
    color: #090909 !important;
    border: 1px solid #c7a34f !important;
    outline: none !important;
}

/* Exact newsletter-style hover language:
   fill disappears, gold remains as outline + text. */
#section-shop .fpa-shop-filters .fpa-shop-filter:hover,
#section-shop .fpa-shop-filters .fpa-shop-filter:focus-visible,
#section-shop .fpa-shop-filters .fpa-shop-filter.is-active:hover,
#section-shop .fpa-shop-filters .fpa-shop-filter.is-active:focus-visible {
    background: transparent !important;
    color: #c7a34f !important;
    border-color: #c7a34f !important;
    outline: none !important;
    box-shadow: none !important;
}

/* No black hover state from older overrides. */
#section-shop .fpa-shop-filters .fpa-shop-filter:active {
    background: transparent !important;
    color: #c7a34f !important;
    border-color: #c7a34f !important;
}

@media (prefers-reduced-motion: reduce) {
    #section-shop .fpa-shop-filters .fpa-shop-filter {
        transition: none !important;
    }
}