@import url("./auth-navigation-guard.css?v=0802");
body { padding-bottom: 0; }
.container { width: min(calc(100% - 32px), var(--or-max)) !important; max-width: var(--or-max) !important; margin-inline: auto !important; }

.topbar, .or-header {
  position: sticky !important;
  top: 0;
  z-index: 90;
  min-height: var(--or-header);
  border-bottom: 1px solid var(--or-line) !important;
  background: rgba(12, 13, 13, .88) !important;
  backdrop-filter: blur(18px) saturate(1.25);
}
.topbar-inner { min-height: var(--or-header); display: flex; align-items: center; gap: 18px; }
.or-shell-legacy[hidden], .mobile-tools[hidden] { display: none !important; }
.topbar .logo { display: flex; align-items: center; gap: 11px; min-width: 0; }
.topbar .logo .mark, .or-brand__mark { width: 44px; height: 44px; border-radius: 13px !important; background: #181a19 url("../icons/outrider-icon.png") center / 80% no-repeat !important; color: transparent !important; box-shadow: 0 0 0 1px var(--or-line), 0 9px 24px rgba(255,114,23,.18); }
.topbar .logo h1 { margin: 0; font-size: clamp(1.12rem, 2vw, 1.55rem); text-transform: uppercase; }
.or-brand__text { display: grid; line-height: 1.05; }
.or-brand__name { font: 900 1.25rem/1 var(--or-display); letter-spacing: .06em; text-transform: uppercase; }
.or-brand__tagline { margin-top: 4px; color: var(--or-muted); font-size: .69rem; letter-spacing: .08em; text-transform: uppercase; }
.or-header__nav { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.or-header__nav a { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 0 12px; border-radius: 12px; color: var(--or-muted); font-weight: 800; text-decoration: none; }
.or-header__nav a:hover, .or-header__nav a[aria-current="page"] { color: var(--or-ink); background: rgba(255,255,255,.06); }
.or-header__nav a[aria-current="page"] { box-shadow: inset 0 -2px var(--or-orange); }
.or-header__utility { display: flex; gap: 8px; align-items: center; }
.or-search-button { width: 42px; min-width: 42px; padding: 0; display: grid; place-items: center; }

main.container, main.or-main { padding-block: clamp(18px, 3vw, 34px); }
.grid { gap: clamp(16px, 2vw, 26px) !important; }
.or-feed-layout { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(240px, 320px); gap: clamp(16px, 2vw, 26px); align-items: start; }
.or-rail { position: sticky; top: calc(var(--or-header) + 20px); display: grid; gap: 16px; max-height: none !important; overflow: visible !important; }

.desktop-tools { display: none !important; }
.mobile-tools:not(.or-mobile-nav) { display: none !important; }
.or-mobile-nav { display: none; }

@media (max-width: 1180px) {
  .or-header__nav a span { display: none; }
  .or-feed-layout { grid-template-columns: 220px minmax(0, 1fr); }
  .or-feed-layout > .or-rail:last-child { display: none; }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(var(--or-bottom-nav) + env(safe-area-inset-bottom)); }
  .container { width: min(calc(100% - 20px), var(--or-max)) !important; }
  .topbar, .or-header { min-height: 60px; }
  .topbar-inner { min-height: 60px; }
  .or-brand__tagline { display: none; }
  .topbar .logo .mark, .or-brand__mark { width: 38px; height: 38px; border-radius: 11px !important; }
  .or-header__nav { display: none; }
  .or-feed-layout { display: block; }
  .or-feed-layout > .or-rail { display: none; }
  .or-mobile-nav { position: fixed; z-index: 100; left: 10px; right: 10px; bottom: max(8px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 64px; padding: 6px; border: 1px solid var(--or-line); border-radius: 20px; background: rgba(20,22,22,.96); box-shadow: 0 18px 50px rgba(0,0,0,.48); backdrop-filter: blur(18px); }
  .or-mobile-nav a, .or-mobile-nav button { min-width:0; padding:0; display: grid; place-items: center; gap: 1px; border:0; border-radius: 14px; color: var(--or-muted); background:transparent; font-size: .63rem; font-weight: 800; text-decoration: none; }
  .or-mobile-nav a svg { width: 22px; height: 22px; }
  .or-mobile-nav a[aria-current="page"] { color: var(--or-orange); background: rgba(255,114,23,.1); }
  .or-mobile-more { position:fixed; z-index:101; right:10px; bottom:calc(var(--or-bottom-nav) + 20px + env(safe-area-inset-bottom)); display:grid; gap:5px; min-width:180px; padding:8px; border:1px solid var(--or-line); border-radius:16px; background:#1a1c1c; box-shadow:var(--or-shadow); }
  .or-mobile-more[hidden], .or-mobile-nav[hidden] { display:none !important; }
  .or-mobile-more a { display:flex; align-items:center; gap:10px; min-height:42px; padding:0 10px; border-radius:10px; color:var(--or-ink); font-weight:800; text-decoration:none; }
  .or-mobile-more a[aria-current="page"], .or-mobile-more a:hover { background:rgba(255,114,23,.12); color:var(--or-orange); }
}