/* ==========================================================================
   nexusexpo — static build helpers (drawer + carousel)
   Minimal CSS added on top of the original Quasar stylesheets so the mobile
   drawer and the home carousel work without the Vue/Quasar runtime.
   ========================================================================== */

/* ---- Right drawer (mobile menu) ---------------------------------------- */
#nx-drawer{
  transform:translateX(100%);
  visibility:hidden;
  transition:transform .3s ease, visibility .3s ease;
  z-index:3000;
}
body.nx-drawer-open #nx-drawer{
  transform:translateX(0);
  visibility:visible;
}

#nx-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
  z-index:2000;
  pointer-events:none;
}
body.nx-drawer-open #nx-backdrop{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* ---- Home carousel ------------------------------------------------------ */
#nx-carousel{height:400px;}
#nx-carousel .q-carousel__slides-container{
  position:relative;
  height:400px;
  width:100%;
  overflow:hidden;
}
#nx-carousel .nx-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  opacity:0;
  transition:opacity .6s ease;
}
#nx-carousel .nx-slide.nx-active{opacity:1;}

/* navigation dots active/inactive state */
#nx-carousel [data-nx-dot]{opacity:.45;transition:opacity .2s ease;}
#nx-carousel [data-nx-dot].nx-dot-active{opacity:1;}