/*
Theme Name: Wots Theme (org selector)
Version: 0.3.0
*/

:root{
  --wots-bg:#f9fafb;
  --wots-border:#e5e7eb;
  --wots-muted:#6b7280;
}
html,body{height:100%;}
body{background:var(--wots-bg);}
#sidebar{background:#fff;border-right:1px solid var(--wots-border);min-height:100vh;transition:width .2s ease;}
#sidebar .nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;color:#111827;text-decoration:none;}
#sidebar .nav a.active,#sidebar .nav a:hover{background:#f3f4f6;}
#site-header{background:#fff;border-bottom:1px solid var(--wots-border);}
/* colapsado por defecto en páginas internas */
body.wots-inner #sidebar{width:80px;overflow:hidden;}
body.wots-inner #sidebar .brand small,
body.wots-inner #sidebar .nav .text{display:none !important;}
/* expandido al togglear */
body.wots-inner.sidebar-open #sidebar{width:260px;}
body.wots-inner.sidebar-open #sidebar .brand small,
body.wots-inner.sidebar-open #sidebar .nav .text{display:inline-block!important;}

:root{ --sidebar-w:260px; --sidebar-wc:72px; }
#sidebar, #wots-sidebar, #sidebarMenu{ width:var(--sidebar-w); transition:width .2s ease, transform .2s ease; }
html.sidebar-collapsed #sidebar,
html.sidebar-collapsed #wots-sidebar,
html.sidebar-collapsed #sidebarMenu{ width:var(--sidebar-wc); overflow:hidden; }

/* Mobile: sidebar como overlay si no usas offcanvas de Bootstrap */
@media (max-width: 991.98px){
  #sidebar, #wots-sidebar, #sidebarMenu{
    position:fixed; z-index:1040; top:56px; bottom:0; left:0;
    width:min(85vw, 320px); transform:translateX(-100%);
    box-shadow:0 2px 18px rgba(0,0,0,.12);
  }
  body.sidebar-open #sidebar,
  body.sidebar-open #wots-sidebar,
  body.sidebar-open #sidebarMenu{ transform:translateX(0); }
}