/* ============================= */
/* LEVELFOUR - HEADER / MENU */
/* ============================= */
/* Hauteur générale du header */
header#top,
header .navbar {
min-height: 95px;
}
/* Navbar */
header .navbar {
padding-top: 12px !important;
padding-bottom: 12px !important;
align-items: center !important;
}
/* Logo */
header .navbar-brand img {
max-height: 70px !important;
width: auto !important;
}
/* Menu principal */
header .navbar-nav {
align-items: center !important;
}
/* Liens du menu principal */
header .navbar-nav > .nav-item > .nav-link {
font-size: 15px !important;
font-weight: 600 !important;
padding: 0 20px !important;
height: 70px !important;
line-height: 70px !important;
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
/* Même taille pour tous les items */
header .navbar-nav > .nav-item {
display: flex !important;
align-items: center !important;
}
/* Hover menu principal */
header .navbar-nav > .nav-item > .nav-link:hover {
opacity: 0.75;
}
/* ============================= */
/* SOUS-MENUS */
/* ============================= */
/* Position du sous-menu : plus bas */
header .dropdown-menu,
header .o_mega_menu {
margin-top: 18px !important;
top: 100% !important;
}
/* Style général sous-menu */
header .dropdown-menu {
min-width: 230px !important;
padding: 12px 0 !important;
border-radius: 12px !important;
border: none !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15) !important;
}
/* Liens sous-menu */
header .dropdown-menu .dropdown-item,
header .dropdown-menu a {
font-size: 14px !important;
font-weight: 500 !important;
padding: 11px 22px !important;
line-height: 1.4 !important;
white-space: nowrap !important;
}
/* Hover sous-menu */
header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu a:hover {
background: rgba(0, 0, 0, 0.05) !important;
}
/* Mega menu Odoo */
header .o_mega_menu {
padding: 22px 28px !important;
border-radius: 14px !important;
border: none !important;
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.15) !important;
}
/* Colonnes mega menu */
header .o_mega_menu a {
font-size: 14px !important;
padding: 9px 0 !important;
line-height: 1.4 !important;
}
/* Évite que le sous-menu coupe le logo */
header {
overflow: visible !important;
z-index: 9999 !important;
}
header .navbar,
header .container,
header .container-fluid {
overflow: visible !important;
}
/* ============================= */
/* MOBILE */
/* ============================= */
@media (max-width: 991px) {
header#top,
header .navbar {
min-height: 75px;
}
header .navbar-brand img {
max-height: 55px !important;
}
header .navbar-nav > .nav-item > .nav-link {
height: auto !important;
line-height: 1.4 !important;
padding: 12px 16px !important;
display: block !important;
}
header .dropdown-menu,
header .o_mega_menu {
margin-top: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 5px 0 !important;
}
header .dropdown-menu a,
header .dropdown-menu .dropdown-item {
padding: 10px 24px !important;
}
}