:root{
  --cf-offcanvas-width: 300px;
  --cf-overlay-bg: rgba(0,0,0,.55);
  --cf-offcanvas-bg: #0e1220;
  --cf-offcanvas-text: #f5f7ff;
}
/* Burger button always visible */
.cf-menu-toggle{
  display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;
  color:currentColor;cursor:pointer;z-index:1101;position:relative;
}
.cf-menu-toggle .bar{display:block;width:22px;height:2px;background:currentColor;margin:3px 0;border-radius:2px;}
/* Overlay + panel */
.cf-offcanvas-overlay{position:fixed;inset:0;background:var(--cf-overlay-bg);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1000;}
.cf-offcanvas{position:fixed;top:0;left:0;height:100vh;width:var(--cf-offcanvas-width);
  transform:translateX(-100%);transition:transform .3s ease;background:var(--cf-offcanvas-bg);color:var(--cf-offcanvas-text);
  z-index:1001;box-shadow:2px 0 24px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow-y:auto;}
.cf-offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);}
.cf-offcanvas-nav{padding:10px 8px;}
.cf-offcanvas-nav a{display:flex;align-items:center;justify-content:space-between;padding:12px;color:inherit;text-decoration:none;border-radius:10px;}
.cf-offcanvas-nav a:hover{background:rgba(255,255,255,.06);}
/* State */
.cf-offcanvas-open .cf-offcanvas{transform:none;}
.cf-offcanvas-open .cf-offcanvas-overlay{opacity:1;pointer-events:auto;}
/* Try to place button nicely if header uses .header-row */
.header-row { display:flex; align-items:center; gap:12px; }
.header-row .cf-menu-toggle { order:0; }
.header-row .site-logo, .header-row .site-branding { order:1; }
/* Hide inline header menu when drawer open (only on home to match earlier request) */
html.cf-offcanvas-open body.home header nav,
html.cf-offcanvas-open body.home header .primary-nav,
html.cf-offcanvas-open body.home header .main-menu,
html.cf-offcanvas-open body.home header .site-nav { display:none !important; }

html.cf-offcanvas-open #cf-menu-toggle{opacity:0;pointer-events:none;visibility:hidden;}

.cf-offcanvas .cf-menu-toggle{color:#fff;border-color:rgba(255,255,255,.3);} .cf-offcanvas .cf-menu-toggle .bar{background:#fff;}