/* ===== RESET ASTRA ===== */
.expo-wrap {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}

/* ===== FILTRES ===== */
.expo-filters{
    text-align:center;
    margin-bottom:30px;
}

.expo-btn{
    background:none;
    border:1px solid rgba(0,0,0,0.2);
    padding:6px 14px;
    margin:0 5px;
    cursor:pointer;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:0.3s;
}

.expo-btn:hover{
    border-color:#000;
}

.expo-btn.active{
    background:#000;
    color:#fff;
}

/* ===== GRID ===== */
.post-type-archive-exposition .expo-grid,
.expo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* ===== ITEM ===== */
.expo-item {
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    position: relative;
}

/* IMAGE STYLE MUSÉE */
.expo-item img {
    width: 100%;
    display: block;
    transition: 0.5s ease;
    filter: grayscale(10%);
}

.expo-item:hover img {
    transform: scale(1.03);
    filter: grayscale(0%);
}

/* ===== INFO ===== */
.expo-info {
    padding: 12px 5px;
    font-size: 14px;
    line-height: 1.4;
}

.expo-title {
    font-weight: 500;
    margin-bottom: 6px;
}

/* ===== BADGES ===== */
.expo-badge{
    display:inline-block;
    font-size:11px;
    padding:3px 8px;
    margin-top:8px;
    letter-spacing:1px;
    text-transform:uppercase;
}

.expo-badge.green{
    color:#00c853;
}

.expo-badge.orange{
    color:#ff9800;
}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
    .expo-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .expo-grid{
        grid-template-columns:1fr;
    }
}