/**
* LOCLIGHT Planning — Tiroir « Mon panier »
* ==========================================
* Tout est préfixé .ll-cart- et vit en fin de : aucune interaction
* avec custom.css, qui reste dédié au header et au tunnel.
*
* Le dropdown natif de ps_shoppingcart est neutralisé plus bas avec
* !important : custom.js lui pose un display:block INLINE au survol, et
* seul !important passe devant un style inline.
*/
/* ---------- neutralisation du dropdown natif ---------- */
.blockcart-preview,
.blockcart .dropdown-menu.blockcart-preview {
display: none !important;
}
.blockcart .dropdown-toggle { cursor: pointer; }
/* ---------- voile ---------- */
.ll-cart-overlay {
position: fixed;
inset: 0;
z-index: 10040;
background: rgba(10, 10, 10, .45);
opacity: 0;
transition: opacity .22s ease;
}
.ll-cart-overlay.is-open { opacity: 1; }
/* tant que le voile n'est pas actif il ne doit intercepter aucun survol :
sinon il vole le pointeur à .blockcart et le tiroir clignote */
.ll-cart-overlay:not(.is-open) { pointer-events: none; }
.ll-cart-overlay[hidden] { display: none; }
/* ---------- tiroir ---------- */
.ll-cart-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 10050;
width: 400px;
max-width: 92vw;
display: flex;
flex-direction: column;
background: #fff;
color: #111;
font-family: inherit;
box-shadow: -20px 0 60px rgba(0, 0, 0, .35);
transform: translateX(100%);
transition: transform .28s cubic-bezier(.2, .8, .3, 1);
}
.ll-cart-drawer.is-open { transform: none; }
.ll-cart-drawer[hidden] { display: none; }
.ll-cart-drawer.is-busy { pointer-events: none; }
.ll-cart-drawer.is-loading .ll-cart-corps { opacity: .45; }
.ll-cart-corps { transition: opacity .15s ease; }
/* ---------- en-tête ---------- */
.ll-cart-grip { display: none; }
.ll-cart-tete {
flex: none;
display: flex;
align-items: center;
gap: 9px;
padding: 15px 18px;
background: #1a1a1a;
color: #fff;
}
.ll-cart-tete h3 {
margin: 0;
font-size: 13px;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
color: #fff;
}
.ll-cart-cnt {
background: #ffc600;
color: #111;
font-size: 10.5px;
font-weight: 800;
border-radius: 99px;
padding: 3px 8px;
line-height: 1.2;
}
.ll-cart-fermer {
margin-left: auto;
background: none;
border: 0;
padding: 4px;
line-height: 0;
cursor: pointer;
}
.ll-cart-fermer svg {
width: 18px;
height: 18px;
fill: none;
stroke: #fff;
stroke-width: 2.2;
}
/* ---------- corps ---------- */
.ll-cart-corps {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 4px 18px 14px;
}
/* bandeau noir « produits en location » */
/* Le bandeau « periode » est desormais rendu par ll-rail.js, qui porte son
propre dessin. Cette classe ne lui donne QUE sa place dans le tiroir : lui
appliquer .ll-cart-bandeau ferait gagner l'ancien padding et l'ancien rayon
(cart-drawer.css est un dans le body, donc apres le