/* =============================================================
   LECOINGAMING — app.css
   Point d'entrée unique CSS.
   Règle absolue : un seul @import par fichier.
   Ordre : BASE → LAYOUT → NAVIGATION → COMPONENTS → PAGES → UTILITIES
   ============================================================= */


/* -----------------------------------------------------------
   BASE
   Reset, variables, typo, layout global.
   Toujours en premier — les composants dépendent de ces tokens.
----------------------------------------------------------- */
@import "base/reset.css";
@import "base/variables.css";
@import "base/typography.css";
@import "base/layout.css";


/* -----------------------------------------------------------
   LAYOUT
   Header, footer — éléments structurels de la page.
----------------------------------------------------------- */
@import "layout/header.css";
@import "layout/footer.css";


/* -----------------------------------------------------------
   NAVIGATION
   Desktop, mega menu, mobile, bottom nav.
----------------------------------------------------------- */
@import "navigation/navbar_desktop.css";
@import "navigation/mega_menu.css";
@import "navigation/navbar_mobile.css";
@import "navigation/bottom_nav.css";


/* -----------------------------------------------------------
   COMPONENTS
   Composants réutilisables — UI indépendante du contexte.
   ⚠ Chaque fichier importé UNE SEULE FOIS.
   (Anomalies corrigées : buttons.css et forms.css étaient en doublon)
----------------------------------------------------------- */
@import "components/buttons.css";
@import "components/forms.css";
@import "components/account_menu.css";
@import "components/dropdown-filter.css";
@import "components/autocomplete.css";
@import "components/_annonce_card.css";
@import "components/badges.css";
@import "components/flash.css";
@import "components/modal.css";
@import "components/cookie_banner.css";
@import "components/carousel.css";
@import "components/prices.css";
@import "components/review_modal.css";
@import "components/messaging_realtime.css";
@import "components/boost.css";
@import "components/notifications_dropdown.css";

/* -----------------------------------------------------------
   PAGES
   Styles spécifiques à chaque page/route.
   Importés après les composants pour pouvoir les surcharger
   si nécessaire (spécificité CSS).
----------------------------------------------------------- */
@import "pages/index.css";
@import "pages/profile.css";
@import "pages/auth.css";
@import "pages/add_sale.css";
@import "pages/choose_category.css";
@import "pages/add_sale_success.css";
@import "pages/estimateur.css";
@import "pages/faq.css";
@import "pages/messages_list.css";
@import "pages/messages_thread.css";
@import "pages/notifications.css";
@import "pages/favorites.css";
@import "pages/checkout_summary.css";
@import "pages/auth_verify.css";
@import "pages/legal.css";
@import "pages/transactions.css";
@import "pages/mes_boosts.css";
/* -----------------------------------------------------------
   PAGES — ANNONCES (sous-dossier dédié)
   Découpé en modules pour cette section dense.
----------------------------------------------------------- */
@import "pages/annonces/annonces_layout.css";
@import "pages/annonces/filters_sidebar.css";
/* -----------------------------------------------------------
   UTILITIES
   Helpers et responsive globaux — toujours EN DERNIER
   pour avoir la plus haute priorité en cas de conflit.
----------------------------------------------------------- */
@import "utilities/helpers.css";
@import "utilities/responsive.css";