/* Robotaxi Owners Club starter theme (header-width content, related visible, no public Log in) */
:root{
  --layout-container-width: 940px;
  --default-container-width: 940px;
  --narrow-container-width: 940px;
}
html,body{overflow-x:hidden;max-width:100%;}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;}
.ui.container,
#main .ui.container,
#page-document,
#view,
main{
  max-width:940px !important;
  width:100%;
}
/* Stock Log in stays in the DOM for /login but must not be visible to visitors */
header a[href="/login"],
header a[href^="/login?"],
.personal-tools,
.tools a[href="/login"],
.tools a[href^="/login?"],
a#login,
.right.menu a[href*="/login"]{display:none !important;}
/* Show native Related Items */
.related-items{display:block !important;max-width:940px;margin:2rem auto;padding:1.25rem 1.5rem;background:#f3f6fb;border:1px solid #d5deea;border-radius:10px;color:#12233a;}
.related-items h2{margin:0 0 .75rem;font-size:1.15rem;color:#12233a;}
.related-items ul{margin:0;padding-left:1.2rem;}
.related-items a{color:#1a4a8a;}
/* Hide foreign/stock footer chrome; brand footer is injected */
#footer, .footer-message, footer.ui.segment:not(#rtoc-brand-footer){display:none !important;}
#rtoc-brand-footer{background:#0f2a4a;color:#fff;text-align:center;padding:1.25rem 1rem;margin-top:auto;width:100%;}
#rtoc-brand-footer a{color:#fff;text-decoration:underline;}
#rtoc-brand-footer .inner{max-width:940px;margin:0 auto;}
#rtoc-brand-footer p{margin:0 0 .4rem;}
/* Custom logo in place of the stock Volto/Plone mark */
.header-wrapper .header .logo-nav-wrapper .logo{
  flex:0 0 auto !important;
  max-width:200px !important;
  max-height:none !important;
  margin-right:0.5rem;
}
.header-wrapper .header .logo-nav-wrapper .logo a{display:block;}
.header-wrapper .header .logo-nav-wrapper .logo a img{
  height:36px !important;
  width:auto !important;
  max-width:200px !important;
  max-height:36px !important;
}
.header-wrapper .header .logo-nav-wrapper{
  align-items:center;
  max-width:940px;
  margin:0 auto;
  width:100%;
  min-width:0;
}
/* Keep the nine short nav labels inside the 940px header */
#navigation,
#navigation .ui.menu{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
}
#navigation .ui.menu .item,
header .ui.pointing.menu .item,
.header-wrapper .ui.menu .item{
  padding:0.65em 0.4em !important;
  font-size:12px !important;
  letter-spacing:0.02em !important;
}
@media (max-width:767px){
  .header-wrapper .header .logo-nav-wrapper .logo{max-width:210px !important;}
  .header-wrapper .header .logo-nav-wrapper .logo a img{
    height:34px !important;
    max-width:210px !important;
    max-height:34px !important;
  }
}