/* ============================================
   FICHIER PRINCIPAL — PREMIUM
   ============================================ */

@import '00-variables.css?v=2' layer(theme);
@import '01-reset.css?v=2' layer(base);
@import '02-nav.css?v=2' layer(components);
@import '03-buttons.css?v=2' layer(components);
@import '04-hero.css?v=2' layer(sections);
@import '05-sections.css?v=2' layer(sections);
@import '06-footer.css?v=2' layer(sections);
@import '07-sections-rest.css?v=2' layer(sections);
@import '08-shop-contact.css?v=2' layer(sections);
@import '09-equipe.css?v=2' layer(sections);
@import '10-intro.css?v=2' layer(sections);
@import '11-scroll-snap.css?v=2' layer(layout);
@import '12-carousel.css?v=2' layer(components);
@import '13-elearning.css?v=2' layer(sections);
@import '15-boutique.css?v=2' layer(sections);
@import '16-panier.css?v=2' layer(sections);
@import '17-auth.css?v=2' layer(sections);
@import '18-motion.css?v=2' layer(components);
@import '19-editorial.css?v=6' layer(sections);
@import '20-realisations-carousel.css?v=2' layer(sections);
@import '23-inline-editor.css?v=2' layer(components);
@import '24-questionnaire.css?v=2' layer(components);
@import '25-stacking-sections.css?v=2' layer(layout);
@import '26-reviews.css?v=2' layer(sections);
@import '27-mobile.css?v=3' layer(layout);

/* ── Compactage des shop-cards (formation section) ── */
.shop-card__top    { padding: 24px 24px 18px !important; }
.shop-card__bottom { padding: 18px 24px 22px !important; }
.shop-card__title  { font-size: 18px !important; margin: 12px 0 10px !important; line-height: 1.3 !important; }
.shop-card__desc   { font-size: 12.5px !important; line-height: 1.65 !important; margin-bottom: 14px !important; }
.shop-card__features li { font-size: 12.5px !important; margin-bottom: 7px !important; }
.shop-card__features { margin-top: 8px !important; gap: 6px !important; }

/* Espace en bas de la section formation pour ne pas que les cards collent */
.formation-section { padding-bottom: 140px !important; }
.formation-section .shop-grid { margin-bottom: 40px; }

/* Panier masqué temporairement (pas encore utilisé) */
.nav-cart,
.nav-cart-dropdown,
.cart-widget { display: none !important; }

/* Section Contact + footer au-dessus des sections sticky (sinon recouverts) */
.cta-section { position: relative; z-index: 50; }
footer { position: relative; z-index: 51; }

/* ── Utilitaires ── */
.text-center { text-align: center; }
.text-muted  { color: var(--text-secondary); }
.text-pink   { color: var(--primary); }
.text-white  { color: var(--white); }

.mb-sm { margin-bottom: 12px; }
.mb-md { margin-bottom: 24px; }
.mb-lg { margin-bottom: 36px; }
.mb-xl { margin-bottom: 48px; }

.mt-sm { margin-top: 12px; }
.mt-md { margin-top: 24px; }
.mt-lg { margin-top: 36px; }
.mt-xl { margin-top: 48px; }

.py-sm { padding: 12px 0; }
.py-md { padding: 24px 0; }
.py-lg { padding: 36px 0; }

.px-sm { padding: 0 12px; }
.px-md { padding: 0 24px; }
.px-lg { padding: 0 36px; }