/* GLOBAL */
 body {
     padding-top: 80px;
 }

 @media (min-width: 576px) {
     body {
         padding-top: 118px;
     }
 }

 @media (min-width: 874px) {
     body {
         padding-top: 155px;
     }
 }

 @media (min-width: 1024px) {
     body {
         padding-top: 200px;
     }
 }

 @media (min-width: 1200px) {
     body {
         padding-top: calc(56px + 186px);
     }
 }

 h1 {
     font-size: 40px;
 }

 h2 {
     color: #caab6e;
     font-size: 35px;
 }

 h1,
 h3,
 h4 {
     font-weight: 100;
 }

 a {
     color: #0d6efd;
     text-decoration: none;
 }

 .container {
     max-width: 1200px;
 }

 /* NAVBAR */
 .navbar {
     z-index: 1050;
 }

 .nav-item-custom {
     width: 110px;
 }

 .custom-nav {
     color: #caab6e;
 }

 .custom-hr {
     border: 0.5px solid #ccc;
     margin: 5px 0;
 }

 .title {
     color: #ffffff;
     font-size: 25px;
     padding-left: 20px;
 }

 /* Par défaut (Desktop) : Icônes au-dessus */
 .nav-item-custom .nav-link {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
 }

 /* En mode burger (mobile) : Icônes à gauche et alignement parfait */
 @media (max-width: 991px) {

     /* Bootstrap md breakpoint */
     .nav-item-custom .nav-link {
         flex-direction: row;
         /* Icône et texte sur la même ligne */
         align-items: center;
         /* Alignement vertical parfait */
         justify-content: flex-start;
         text-align: left;
         gap: 8px;
         /* Espacement entre icône et texte */
     }

     .nav-item-custom .nav-link i {
         font-size: 18px;
         /* Ajuste la taille si nécessaire */
         width: 24px;
         /* Assure une largeur fixe pour toutes les icônes */
         text-align: center;
         display: flex;
         align-items: center;
         /* Centre l'icône verticalement */
     }
 }


 /* HEADER */
 header {
     position: fixed;
     top: 56px;
     width: 100%;
     z-index: 1040;
 }

 .header-container {
     max-width: 1200px;
     margin: auto;
     padding: 0;
 }

 .header-container img {
     width: 100%;
     display: block;
 }

 /* SECTIONS */
 section {
     margin-top: 50px;
 }

 section .row {
     padding-top: 30px;
     padding-bottom: 30px;
 }

 @media (max-width: 768px) {
     section .row {
         padding-top: 20px;
         padding-bottom: 20px;
     }
 }

 .intro {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 @media (max-width: 991px) {
     .intro {
         padding-top: 0px !important;
     }
 }

 .custom-img {
     max-width: 100%;
     height: auto;
     object-fit: contain;
 }

 /* CAROUSEL */
 #myCarousel {
     border: 1px solid #c5c5c5;
     border-radius: 5px;
     overflow: hidden;
 }

 #myCarousel .carousel-inner img {
     border-radius: 5px;
 }

 /* FOOTER */
 .footer-hr {
     border: 1px solid #0d6efd;
     margin: 8px 0;
 }

 /* SECTION 1 PAGES */

 #section-one-page {
     margin-top: -110px;
 }

 @media (max-width: 576px) {
     #section-one-page {
         margin-top: 40px !important;
     }
 }

 /* ZOOM IMAGES */

 .zoom-img {
     transition: transform 0.3s ease;
     cursor: zoom-in;
 }

 .zoom-img:active {
     transform: scale(1.75);
     z-index: 999;
 }