/* =====================================================================
   Onex Shop — likes.css
   ===================================================================== */

.onex-likes-header { padding-block: 0.5rem 2rem; }
.onex-likes-header h1 { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.3rem; }
.onex-likes-header i { color: var(--turquoise); }
.onex-likes-header p { color: var(--ink-soft); margin: 0; text-transform: none; }

/* ---------------------------------------------------------------------
   État vide
   --------------------------------------------------------------------- */
.onex-likes-empty {
    text-align: center;
    padding-block: 5rem;
}

.onex-likes-empty i { font-size: 3rem; color: var(--turquoise); margin-bottom: 1.4rem; }
.onex-likes-empty h2 { margin-bottom: 0.6rem; }
.onex-likes-empty p { color: var(--ink-soft); margin-bottom: 1.6rem; text-transform: none; }
.onex-likes-empty__actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

/* ---------------------------------------------------------------------
   Grille de favoris
   --------------------------------------------------------------------- */
.onex-likes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
    padding-bottom: 4rem;
}

.onex-likes-grid__item { transition: opacity 0.3s ease, transform 0.3s ease; }
.onex-likes-grid__item.is-removing { opacity: 0; transform: scale(0.92); }

/* ---------------------------------------------------------------------
   Responsive
   --------------------------------------------------------------------- */
@media (max-width: 1100px) {
    .onex-likes-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 760px) {
    .onex-likes-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .onex-likes-grid { grid-template-columns: 1fr; }
}