#sidebar {
width:80%;
position: fixed;
top: 0;
right:-80%;
height: 100vh;
z-index: 999;
background:#222;
color: #fff;
transition: all 0.3s;
overflow-y: scroll; 
 
}
#sidebar.active {
right: 0;
}
#dismiss i {
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: #f60c3f;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#dismiss i:hover {
background: #fff;
color: #000;
}
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.overlay.active {
display: block;
opacity: 1;
}
#sidebar .sidebar-header {
padding: 20px;
background: #222; font-size:18px
}
#sidebar ul.components {
padding: 20px 0;
border-bottom: 1px solid #47748b;
}
#sidebar ul p {
color: #fff;
padding: 10px;
}
#sidebar ul li a {
padding:14px 20px 14px 0;
font-size: 1.1em;
display: block; border-bottom: solid 2px #999; font-weight:600
}


.link-2 {padding:10px 20px 10px 20px!important; width:215px!important; margin:0!important}

#sidebar ul li a:hover {
color: #fff;
}


#sidebar ul { margin:0 0 0 40px; padding:0;}

#sidebar ul li ul { margin:0 0 0 20px; padding:0;}

#sidebar ul li ul li { list-style:none;}
#sidebar ul li ul li a { list-style:none;  border-bottom: solid 1px #999; font-weight:400!important}
#sidebar ul li ul li a { font-size:17px;}
#sidebar ul li a {font-size:17px;}
#sidebar ul li.active>a, a[aria-expanded="true"] {
color: #fff;
}

#sidebar .navbar-nav .nav-item { border-bottom:solid 1px #3c3c3c} 


 
 
#sidebar  .dropdown-menu  { position:relative!important; transform: translate3d(0px, 0px, 0px)!important; border-radius:0!important; border:0!important}

#sidebar  .dropdown-menu { padding:15px}
#sidebar  li a { color:#fff} 

 
#sidebar .megamenu a img  { border:solid 2px #fff; transition: 0.3s;}
#sidebar .megamenu a:hover img  {border:solid 2px #ff9f0d; transition: 0.3s;} 
 
/* ── Off-canvas menu: funnel adjustments ─────────────────────────────────────── */
/* Compact, single-line, brand-red "Souscrire maintenant" button (text + arrow on one line) */
#sidebar .navbar-nav a.btn-book-a-table.thm-btn {
  width: auto !important;
  display: inline-flex !important; align-items: center; gap: 7px;
  white-space: nowrap;
  padding: 11px 24px !important;
  font-size: 15px; line-height: 1;
  background: #e6031f !important; color: #fff;
}
#sidebar .navbar-nav a.btn-book-a-table.thm-btn i { font-size: 19px; line-height: 0; }

/* Funnel: "Nos lotissements" is disabled in the menu (cannot navigate to that page) */
#sidebar a[href="/lotissement/"] {
  pointer-events: none; cursor: default; opacity: .5;
}