/* ===============================
   GLOBAL
================================ */

body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

/* ===============================
   SCROLLBAR (HIDDEN)
================================ */

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none; /* IE & Edge */
    scrollbar-width: none;    /* Firefox */
}

/* ===============================
   IMAGE OVERLAYS & EFFECTS
   (quand réutilisable)
================================ */

.image-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.group:hover .image-overlay {
    opacity: 1;
}

/* ===============================
   BUTTON HOVER MICRO-ANIMATIONS
================================ */

.btn-hover-scale {
    transition: transform 0.25s ease;
}

.btn-hover-scale:hover {
    transform: scale(1.05);
}

/* ===============================
   BADGES
================================ */

.badge {
    font-size: 10px;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ===============================
   SHADOW PREMIUM
================================ */

.shadow-premium {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}