/* ==========================
   Import Google Fonts
   ========================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* ==========================
   Police globale
   ========================== */
body {
    font-family: 'Montserrat', sans-serif;
}

/* ==========================
   Titres
   ========================== */

/* Titres des pages */
h1.page-title, 
h2.page-title, 
h3.page-title {
    color: #ADB1BA !important;
    font-size: 1.6rem !important;
}

/* Titres des articles */
.page-header h1,
.item-title,
.item-title a {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #ADB1BA !important;
}

/* Titres généraux */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ADB1BA !important;
}

/* ==========================
   Menu principal
   ========================== */

.navbar-nav .nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700 !important; /* GRAS */
    color: #ADB1BA !important;
    font-size: 1.9rem !important; /* beaucoup plus gros */
    padding: 1rem 1.4rem !important;
    transition: color 0.3s ease;
}

/* Hover menu */

.navbar-nav .nav-link:hover,
.dropdown-menu .dropdown-item:hover {
    color: #ffffff !important;
}

/* Sous-menu */

.dropdown-menu .dropdown-item {
    font-family: 'Montserrat', sans-serif;
    color: #ADB1BA !important;
    font-weight: 600 !important;
    font-size: 1.2rem !important;
}

/* ==========================
   Header, Menu, Footer
   ========================== */

.header,
.navbar,
.footer {
    background-image: none !important;
    background: #3E97B8 !important;
}

/* ==========================
   Effet rideau moderne
   ========================== */

.container-component {
    opacity: 0;
    transform: translateX(80px);
    filter: blur(8px);
}

body.loaded .container-component {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
    transition: all 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ==========================
   Supprimer précédent / suivant
   ========================== */

.nav-previous,
.nav-next,
.article-navigation,
.pager,
.pagination,
button.previous,
button.next,
a.previous,
a.next {
    display: none !important;
}
/* Titres des articles en gras */
.article-title,
h2.article-title,
h3.article-title {
    font-weight: 700 !important; /* 700 = gras */
}