/* vendor-layer.css — place Bootstrap et Slick (vendor Xpovio) dans une couche
   de cascade dédiée et volontairement perdante.

   Pourquoi : Bootstrap réutilise plusieurs noms de classe que base.css/app.css
   utilisaient déjà comme « shims » avant que ce fichier n'existe (.navbar-nav,
   .btn, .badge, .alert, .container, .dropdown-menu, .table, .pagination,
   .form-control...). Sans @layer, chaque collision doit être corrigée à la
   main (cf. .navbar-nav flex-direction et .nav-link.active !important dans
   app.css, découverts à l'usage) — avec @layer, tout ce qui est déclaré ICI
   perd systématiquement face à n'importe quelle règle non calquée dans
   base.css/app.css, quelle que soit sa spécificité. Ça ne dispense pas de
   corriger les propriétés que nous ne déclarons jamais nous-mêmes (le cas
   .navbar-nav) — seulement les vraies collisions de valeur.

   @import est nécessaire ici : un <link rel="stylesheet"> ne peut pas être
   assigné à une couche autrement. */
/* Ordre des couches déclaré ICI, avant tout contenu assigné : pour les
   déclarations !important, la couche déclarée EN PREMIER gagne (l'inverse des
   déclarations normales, où c'est la dernière qui gagne — cf. CSS Cascade
   Layers). mv-overrides doit donc précéder vendor pour que nos rares
   !important (ex. .nav-panel[hidden] dans app.css) l'emportent sur ceux de
   Bootstrap (ex. [hidden]{display:none!important}), tout en laissant nos
   déclarations NORMALES (non calquées dans un layer, donc implicitement
   après tout layer) continuer à gagner comme avant sur le reste. */
@layer mv-overrides, vendor;

@import url("../vendor/bootstrap-xpovio/bootstrap.min.css") layer(vendor);
@import url("../vendor/slick/slick.css") layer(vendor);