/* ============================================================
   Mr Robot — logo (Direction D · "Scanline")
   Place at: public/assets/customer/css/logo.css  (or merge into customer.css)
   Pairs with partials/logo.blade.php
   ============================================================ */
.mr-logo{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  line-height:1;
  white-space:nowrap;
}
.mr-logo__mark{
  flex:0 0 auto;
  width:40px;         /* header size — change here to scale the whole lockup */
  height:40px;
  display:block;
}
.mr-logo__word{
  font-family:'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  font-weight:700;
  font-size:20px;
  letter-spacing:0;
  color:#fff;                 /* dark header default */
}
/* Integration note (mrrobot repo): the legacy global `html[dir=ltr] *{font-family:Inter}`
   in customer.css line 1 outranks a bare class — repeat the wordmark face at higher
   specificity so the monospace brand tell survives. */
html[dir] .mr-logo .mr-logo__word{
  font-family:'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
}
.mr-logo--light .mr-logo__word{ color:#0B0E14; }

/* optional: tuck the underscore + word tighter at small sizes */
@media (max-width:560px){
  .mr-logo__mark{ width:34px; height:34px; }
  .mr-logo__word{ font-size:17px; }
}

/* if you ever render the logo on a light surface inside a dark theme, or vice-versa,
   just add mr-logo--light / mr-logo--dark — the mark variant is driven by the Blade
   $variant param, the wordmark colour by these classes. */