/*
==========================================================================
 PASSION AUTO 85 — Styles de mise en page générale
 Ce fichier regroupe tous les styles de structure, fond, et layout global
 pour l'ensemble du site. Pour toute question, référez-vous à la documentation du projet.
 Dernière mise à jour : 27/12/2025 | Auteur : 0xcyberlitech
==========================================================================
*/

/* ===================================================================== */
/* PASSION AUTO 85 — Feuille de style : layout.css                       */
/* --------------------------------------------------------------------- */
/* Description :                                                         */
/*   Styles CSS pour la structure générale (layout) du site BMW Passion  */
/*   Auto 85. Gère les containers, marges, paddings, flex, grid, etc.    */
/*   À utiliser pour organiser la disposition globale du site.           */
/* --------------------------------------------------------------------- */
/* Structure :                                                           */
/*   1. Containers et wrappers                                           */
/*   2. Grilles et flexbox                                               */
/*   3. Marges, espacements, paddings                                    */
/*   4. Utilitaires de layout                                            */
/*   5. Media queries et responsive                                      */
/* --------------------------------------------------------------------- */
/* Auteur : 0xcyberlitech                                                */
/* Date de création : 24/12/2025                                         */
/* Dernière modification : 29/12/2025                                    */
/* ===================================================================== */

/* ===================================================================== */
/* 1. CONTAINERS ET WRAPPERS                                             */
/*    Styles pour les containers principaux et wrappers                  */
/* ===================================================================== */

/* Bloc principal du contenu du site (structure et fond général) */
.main-content {
  min-height: 100vh;
  padding-top: 0;
  margin-top: -32px;
  background: linear-gradient(
      135deg,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(20, 20, 20, 0.8) 100%
    ),
    url("../../images/fond/bg-bmw.webp") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #0a0a0a;
  transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Tous les éléments enfants du contenu principal sont positionnés au-dessus du fond */
.main-content > * {
  position: relative;
  z-index: 10;
}

/* ===================================================================== */
/* 2. GRILLES ET FLEXBOX                                                 */
/*    Styles pour les grilles et flexbox                                 */
/* ===================================================================== */

/* ===================================================================== */
/* 3. MARGES, ESPACEMENTS, PADDINGS                                      */
/*    Marges, espacements, paddings globaux                              */
/* ===================================================================== */

/* ===================================================================== */
/* 4. UTILITAIRES DE LAYOUT                                              */
/*    Classes utilitaires pour la structure                              */
/* ===================================================================== */

/* ===================================================================== */
/* 5. MEDIA QUERIES ET RESPONSIVE                                        */
/*    Adaptation du layout pour chaque écran                             */
/* ===================================================================== */