/* ==================================================
   WOODFLIX MENU — drawer
   ================================================== */
:root{
  --wfm-accent:#c60000;
  --wfm-ink:#1a1a1f;
  --wfm-width:410px;
  --wfm-muted:#a8a8b0;
  --wfm-line:#f0f0f2;
}

/* ---------- BOUTON HAMBURGER ---------- */
.wfm-toggle,
.wfm-toggle:hover,
.wfm-toggle:focus,
.wfm-toggle:active{
  width:46px !important;height:46px !important;
  min-width:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.1) !important;
  border-radius:12px !important;
  cursor:pointer;
  padding:0 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
}
.wfm-bars{display:flex;flex-direction:column;gap:4px;width:20px}
.wfm-bars i{display:block;height:2.5px;background:var(--wfm-accent);border-radius:2px}
.wfm-bars i:nth-child(2){width:70%}

.wfm-float{position:fixed;top:14px;z-index:99990}
.wfm-float-right{right:14px}
.wfm-float-left{left:14px}

/* ---------- OVERLAY ---------- */
.wfm-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,.45);
  z-index:99997;
  opacity:0;transition:opacity .25s ease;
}
.wfm-overlay.is-open{opacity:1}

/* ---------- DRAWER ---------- */
.wfm-drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:var(--wfm-width);
  /* Kite yon bann nan paj la vizib agoch — pa janm tout ekran an */
  max-width:var(--wfm-max, 88%);
  background:#fff;
  z-index:99998;
  display:flex;flex-direction:column;
  transform:translateX(100%);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
  box-shadow:-8px 0 40px rgba(0,0,0,.16);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
              "Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wfm-drawer.is-open{transform:translateX(0)}
.wfm-drawer *{box-sizing:border-box}

/* ---------- ANTET ---------- */
.wfm-head{
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 24px 20px;
  border-bottom:1px solid #ececee;
}
.wfm-head-title{
  font-size:13px;font-weight:700;
  letter-spacing:2.5px;color:var(--wfm-muted);
}
.wfm-drawer .wfm-close,
.wfm-drawer .wfm-close:hover,
.wfm-drawer .wfm-close:focus,
.wfm-drawer .wfm-close:active{
  width:46px !important;height:46px !important;
  min-width:46px !important;
  border:none !important;
  border-radius:50% !important;
  background:#f2f2f4 !important;
  color:#3a3a40 !important;
  font-size:24px !important;
  font-weight:400 !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer;
  padding:0 !important;
  margin:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.wfm-drawer .wfm-close:hover{background:#e9e9ec !important}

/* ---------- KO ---------- */
.wfm-body{
  flex:1 1 auto;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding:0 24px;
}
.wfm-body::-webkit-scrollbar{width:4px}
.wfm-body::-webkit-scrollbar-thumb{background:#d8d8dc;border-radius:4px}

.wfm-label{
  font-size:11.5px;font-weight:700;
  letter-spacing:2px;color:var(--wfm-muted);
  padding:26px 0 14px;
}

/* ---------- LIS ---------- */
.wfm-list{list-style:none;margin:0;padding:0}
.wfm-list li{border-bottom:1px solid var(--wfm-line)}
.wfm-list li:last-child{border-bottom:none}

.wfm-list a{
  display:flex;align-items:center;
  justify-content:flex-start;
  gap:18px;
  padding:19px 4px;
  text-decoration:none;
  color:var(--wfm-ink);
  font-size:15.5px;font-weight:600;
  letter-spacing:.7px;
  line-height:1.4;
  text-transform:uppercase;
  text-align:left;
}
.wfm-list a:hover{color:var(--wfm-accent)}
.wfm-list a:active{background:#fafafb}

.wfm-ico{
  flex:0 0 26px;width:26px;
  font-size:19px;line-height:1;
  text-align:center;
}
/* Si pa gen ikon, pa kite yon twou */
.wfm-ico-empty{display:none}
.wfm-txt{flex:1 1 auto;text-align:left}

.wfm-list li.is-current a{color:var(--wfm-accent)}

/* ---------- ANBA ---------- */
.wfm-foot{
  flex:0 0 auto;
  padding:0 24px 20px;
  border-top:1px solid #ececee;
}
.wfm-foot .wfm-label{padding:16px 0 10px}

.wfm-drawer .wfm-btn-main{
  display:block !important;width:100% !important;
  padding:13px !important;border-radius:10px !important;
  background:var(--wfm-accent) !important;
  color:#fff !important;
  font-size:14px !important;font-weight:700 !important;
  text-align:center !important;text-decoration:none !important;
  letter-spacing:.2px;border:none !important;
  box-shadow:none !important;
}
.wfm-btn-main:hover{filter:brightness(1.08)}

.wfm-drawer .wfm-btn-out{
  display:flex !important;align-items:center;justify-content:center;gap:9px;
  width:100% !important;margin-top:9px !important;padding:12px !important;
  border-radius:10px !important;border:1px solid #f0c9c9 !important;
  background:#fff !important;
  color:var(--wfm-accent) !important;
  font-size:14px !important;font-weight:700 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
.wfm-btn-out:hover{background:#fff6f6}

/* ---------- BAR ADMIN WORDPRESS ---------- */
body.admin-bar .wfm-drawer,
body.admin-bar .wfm-overlay{top:46px}

@media (min-width:783px){
  body.admin-bar .wfm-drawer,
  body.admin-bar .wfm-overlay{top:32px}
}

/* ---------- BODY LE DRAWER OUVE ---------- */
body.wfm-open{overflow:hidden}

/* ---------- TABLET / PC ---------- */
@media (min-width:768px){
  .wfm-head{padding:28px 28px 22px}
  .wfm-body{padding:0 28px}
  .wfm-foot{padding:0 28px 22px}
  .wfm-list a{padding:18px 4px;font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  .wfm-drawer,.wfm-overlay{transition:none}
}