/* =========================================================
   LACME 03 – HEADER PLUS COMPACT
   ========================================================= */

/* ---------- HEADER PRINCIPAL ---------- */

.site-header,
#masthead,
header {
    margin-top: 0 !important;
}

/* Réduction des espacements verticaux du header */
.site-header .inside-header,
#masthead .inside-header {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}


/* ---------- LOGO ---------- */

/* Réduit légèrement le logo */
.site-header img.custom-logo,
#masthead img.custom-logo {
    max-height: 75px !important;
    width: auto !important;
}


/* ---------- TITRE LACME 03 ---------- */

.site-title {
    line-height: 1.1 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ---------- MENU PRINCIPAL ---------- */

.main-navigation,
.main-navigation ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.main-navigation > ul > li > a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


/* ---------- SOUS-MENUS ---------- */

.main-navigation ul ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1024px) {

    .site-header .inside-header,
    #masthead .inside-header {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .site-header img.custom-logo,
    #masthead img.custom-logo {
        max-height: 65px !important;
    }

    .main-navigation > ul > li > a {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }
}


/* =========================================================
   TELEPHONE
   ========================================================= */

@media (max-width: 768px) {

    .site-header .inside-header,
    #masthead .inside-header {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .site-header img.custom-logo,
    #masthead img.custom-logo {
        max-height: 55px !important;
    }

    .main-navigation > ul > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}