/* Editura Crimca - Alpha Filter Bar */
.acid-alpha-filter-container {
    width: 100%;
    margin-bottom: 3rem;
    overflow-x: auto;
    /* Hide scrollbar for a clean look */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    background: #F9F7F2; /* Canvas color */
    border: 1px solid rgba(128, 35, 35, 0.15); /* Subtle Burgundy border */
    padding: 12px 8px;
    border-radius: 0; /* Sharp corners */
}

/* Dark mode fallback if the site uses it */
@media (prefers-color-scheme: dark) {
    .acid-alpha-filter-container {
        background: #4A050B; /* Dark Crimca */
        border-color: rgba(232, 163, 54, 0.2); /* Subtle Gold border */
    }
}

.acid-alpha-filter-container::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.acid-alpha-filter-list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 8px;
    align-items: center;
    justify-content: center; /* Centered for a classic, editorial look */
}

/* Fallback to start if container is too small (mobile) */
@media (max-width: 768px) {
    .acid-alpha-filter-list {
        justify-content: flex-start;
    }
}

.acid-alpha-filter-item {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}

.acid-alpha-filter-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    text-decoration: none !important;
    font-family: 'Cormorant Garamond', serif; /* Display font */
    font-size: 18px;
    font-weight: 500;
    color: #802323; /* Primary Burgundy */
    border: 1px solid transparent;
    border-radius: 0; /* Sharp corners */
    transition: all 0.3s ease-out;
    background: transparent;
    text-transform: uppercase;
}

@media (prefers-color-scheme: dark) {
    .acid-alpha-filter-link {
        color: #F9F7F2; /* Canvas */
    }
}

/* Hover State */
.acid-alpha-filter-link:hover {
    color: #E8A336; /* Secondary Gold */
    background: rgba(232, 163, 54, 0.05); /* Very subtle gold bg */
    border-color: rgba(232, 163, 54, 0.3); /* Subtle Gold border */
    transform: translateY(-2px); /* Lift effect like collection cards */
}

/* Active State */
.acid-alpha-filter-link.active {
    color: #FFFFFF !important; 
    background: #802323; /* Primary Burgundy */
    border-color: #802323;
    font-weight: 600;
    transform: none;
}

@media (prefers-color-scheme: dark) {
    .acid-alpha-filter-link.active {
        color: #4A050B !important; /* Dark text for contrast on gold */
        background: #E8A336; /* Secondary Gold */
        border-color: #E8A336;
    }
}

/* --- Mobile Swipe Indicator --- */
.acid-alpha-swipe-hint {
    display: none; /* Hidden by default on desktop */
}

@media (max-width: 768px) {
    .acid-alpha-filter-container {
        margin-bottom: 0.5rem; /* Reduce margin to fit the hint below */
    }

    .acid-alpha-swipe-hint {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin-bottom: 2.5rem;
        color: #6B7280; /* Gray Muted */
        font-family: 'EB Garamond', serif;
        font-size: 14px;
        font-style: italic;
        opacity: 0.8;
        transition: opacity 0.5s ease, transform 0.5s ease;
    }

    @media (prefers-color-scheme: dark) {
        .acid-alpha-swipe-hint {
            color: #9CA3AF;
        }
    }

    /* SVG Animation */
    .acid-alpha-swipe-hint svg {
        animation: swipe-hint-anim 2s infinite ease-in-out;
    }

    /* State when user interacts */
    .acid-alpha-swipe-hint.hidden {
        opacity: 0;
        pointer-events: none;
        transform: translateY(5px);
    }
}

@keyframes swipe-hint-anim {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(8px);
    }
}