/* desktop_8 visual contract for the production Blade/Livewire browse page. */

/* Header: preserve the reference dimensions and remove link/theme leakage. */
.top{isolation:isolate}
.top a{text-decoration:none}
.top-actions{height:44px}
.post{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:max-content;
  white-space:nowrap;
  line-height:1;
  text-decoration:none!important;
  box-shadow:none;
}
.post>span{display:inline-flex;align-items:center}
.post:hover,.post:focus-visible{filter:brightness(1.06);outline:2px solid rgba(255,151,9,.35);outline-offset:2px}
.jr-signin{background:#0c1821!important;border:1px solid var(--line2)!important;color:#f3f5f6!important}
.icon-btn{position:relative;border-radius:10px;color:#d6dde1}
.icon-btn:hover,.icon-btn:focus-visible{background:#101c25;outline:0;color:#fff}
.nav-badge{
  top:4px!important;
  right:3px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--orange)!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:16px!important;
}
.jr-header-initial{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#16323f,#0d1d29);
  color:#ffd9a1;
  font-size:16px;
  font-weight:800;
  line-height:1;
}

/* Reference locale trigger, backed by the existing production preference wiring. */
.jr-e18-prefs{display:inline-flex!important;align-items:center!important;max-width:none!important;height:44px!important}
.jr-prefs-root{font-family:inherit!important}
.jr-prefs-trigger{
  height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 8px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#f3f5f6!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
.jr-prefs-trigger:hover,.jr-prefs-trigger:focus-visible{
  background:#0c1821!important;
  border-color:var(--line2)!important;
  outline:0!important;
}
.jr-prefs-trigger>.fa-globe{display:none!important}
.jr-prefs-trigger-label{color:#f3f5f6!important;font-size:14px!important;gap:6px!important}
.jr-prefs-trigger-code{color:#f3f5f6!important;font-weight:700!important}
.jr-prefs-sep{color:#aab4ba!important;opacity:1!important}
.jr-prefs-chevron{color:#94a3b8!important}
.jr-prefs-trigger .jr-prefs-flag .fi,.jr-prefs-trigger .jr-prefs-flag img{width:20px!important;height:15px!important;border-radius:2px!important}

/* New professional preference surface: reference modal geometry + navy palette. */
.jr-prefs-backdrop{
  background:rgba(0,0,0,.62)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
.jr-prefs-panel{
  top:8vh!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(540px,calc(100vw - 24px))!important;
  max-height:min(84vh,720px)!important;
  overflow:hidden!important;
  background:#0b141c!important;
  border:1px solid var(--line2)!important;
  border-radius:16px!important;
  color:var(--text)!important;
  box-shadow:0 40px 100px rgba(0,0,0,.62)!important;
}
.jr-prefs-head{padding:16px 18px!important;background:#0b141c!important;border-color:var(--line)!important}
.jr-prefs-head strong{color:#fff!important;font-size:18px!important}
.jr-prefs-close{color:#94a3b8!important;background:transparent!important}
.jr-prefs-close:hover{color:#fff!important;background:#15232d!important}
.jr-prefs-tabs{background:#071119!important;border-color:var(--line)!important}
.jr-prefs-tab{color:#9eabb3!important;background:transparent!important}
.jr-prefs-tab:hover{color:#fff!important;background:#101c25!important}
.jr-prefs-tab.is-active{color:var(--orange)!important;background:#0b141c!important}
.jr-prefs-tab-icon{color:inherit!important}
.jr-prefs-body{background:#0b141c!important}
.jr-prefs-hint{color:#aab4ba!important}
.jr-prefs-search{background:#0c1821!important;border-color:var(--line2)!important;color:#f3f5f6!important}
.jr-prefs-search::placeholder{color:#7f8d96!important}
.jr-prefs-search:focus{background:#0c1821!important;border-color:var(--orange)!important;box-shadow:0 0 0 3px rgba(255,151,9,.16)!important}
.jr-prefs-list-scroll::-webkit-scrollbar-thumb{background:#334550!important}
.jr-prefs-item{background:transparent!important;border-color:transparent!important;color:#f3f5f6!important}
.jr-prefs-item:hover{background:#15232d!important}
.jr-prefs-item:focus-visible{background:#15232d!important;box-shadow:inset 0 0 0 2px rgba(255,151,9,.25)!important}
.jr-prefs-item.is-active{background:rgba(255,151,9,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,151,9,.35)!important}
.jr-prefs-item-text strong{color:#f3f5f6!important}
.jr-prefs-item-text small{color:#8fa0aa!important}
.jr-prefs-item.is-active .jr-prefs-item-text strong{color:var(--orange)!important}
.jr-prefs-drag-handle{color:#60717c!important}
.jr-prefs-drag-handle:hover{color:#aab4ba!important;background:#15232d!important}
.jr-prefs-currency-symbol,.jr-prefs-unit-icon{background:#0c1821!important;border-color:var(--line2)!important;color:#d6dde1!important}
.jr-prefs-item.is-active .jr-prefs-currency-symbol,.jr-prefs-item.is-active .jr-prefs-unit-icon{background:rgba(255,151,9,.14)!important;border-color:rgba(255,151,9,.45)!important;color:var(--orange)!important}
.jr-theme-option{background:#0c1821!important;border-color:var(--line2)!important;color:#f3f5f6!important}
.jr-theme-option small{color:#8fa0aa!important}
.jr-theme-option.is-active{border-color:var(--orange)!important;background:rgba(255,151,9,.08)!important}

/* Beat saved legacy theme selectors without disabling the user's preference data. */
html[data-jr-theme] .jr-prefs-trigger{background:transparent!important;border-color:transparent!important;color:#f3f5f6!important}
html[data-jr-theme] .jr-prefs-trigger:hover,html[data-jr-theme] .jr-prefs-trigger:focus-visible{background:#0c1821!important;border-color:var(--line2)!important;color:#fff!important}
html[data-jr-theme] .jr-prefs-trigger-label,html[data-jr-theme] .jr-prefs-trigger-code{color:#f3f5f6!important}
html[data-jr-theme] .jr-prefs-backdrop{background:rgba(0,0,0,.62)!important}
html[data-jr-theme] .jr-prefs-panel{background:#0b141c!important;border-color:var(--line2)!important;color:var(--text)!important}
html[data-jr-theme] .jr-prefs-head,html[data-jr-theme] .jr-prefs-body{background:#0b141c!important;border-color:var(--line)!important}
html[data-jr-theme] .jr-prefs-head strong{color:#fff!important}
html[data-jr-theme] .jr-prefs-tabs{background:#071119!important;border-color:var(--line)!important}
html[data-jr-theme] .jr-prefs-tab{background:transparent!important;color:#9eabb3!important}
html[data-jr-theme] .jr-prefs-tab:hover{background:#101c25!important;color:#fff!important}
html[data-jr-theme] .jr-prefs-tab.is-active{background:#0b141c!important;color:var(--orange)!important}
html[data-jr-theme] .jr-prefs-hint{color:#aab4ba!important}
html[data-jr-theme] .jr-prefs-search{background:#0c1821!important;border-color:var(--line2)!important;color:#f3f5f6!important}
html[data-jr-theme] .jr-prefs-item{background:transparent!important;color:#f3f5f6!important}
html[data-jr-theme] .jr-prefs-item:hover{background:#15232d!important}
html[data-jr-theme] .jr-prefs-item.is-active{background:rgba(255,151,9,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,151,9,.35)!important}
html[data-jr-theme] .jr-prefs-item-text strong{color:#f3f5f6!important}
html[data-jr-theme] .jr-prefs-item-text small{color:#8fa0aa!important}
html[data-jr-theme] .jr-prefs-item.is-active .jr-prefs-item-text strong{color:var(--orange)!important}

/* Header dropdowns/account menu use the same reference surface. */
.jr-e18-menu,.jr-am{background:#0b151d!important;border:1px solid var(--line2)!important;border-radius:12px!important;box-shadow:0 24px 60px rgba(0,0,0,.5)!important}
.jr-am{top:calc(100% + 12px)!important;right:0!important;max-height:min(72vh,680px)!important}
.jr-am-head,.jr-am-foot{background:#0b141c!important;border-color:var(--line)!important}
.jr-am-body{background:#0b151d!important}
.jr-am-item:hover{background:#15232d!important}

/* "Recently viewed" is intentionally not part of the homepage. */
#recentRow,.recent-row,[data-jr-recent-row]{display:none!important}

/* Expanded filters: near-black navy, with compact correctly aligned checks. */
.jr-mf{
  background:#08141d!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
  color:var(--text)!important;
}
.jr-mf>div{min-width:0}
.jr-mf label{color:#aab4ba!important}
.jr-mf select,.jr-mf input:not([type="checkbox"]){
  background:#0b1720!important;
  border-color:var(--line2)!important;
  color:#f3f5f6!important;
  box-shadow:none!important;
}
.jr-mf select:focus,.jr-mf input:not([type="checkbox"]):focus{
  border-color:var(--orange)!important;
  outline:2px solid rgba(255,151,9,.18)!important;
  outline-offset:1px!important;
}
.jr-mf label.chk{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:start!important;
  gap:9px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 8px!important;
  color:#d6dde1!important;
  line-height:1.3!important;
}
.jr-mf label.chk input[type="checkbox"]{
  width:16px!important;
  min-width:16px!important;
  height:16px!important;
  margin:0!important;
  padding:0!important;
  accent-color:var(--orange)!important;
}
.jr-dd{background:#0b151d!important;border-color:var(--line2)!important}
.jr-dd input[type="text"],.jr-dd input[type="number"],.jr-dd select{background:#0b1720!important;border-color:var(--line2)!important;color:#f3f5f6!important}

@media(max-width:1050px){
  .top{grid-template-columns:210px minmax(220px,1fr) auto}
  .top-actions{gap:6px}
  .jr-prefs-trigger{padding-inline:6px!important}
  .jr-prefs-trigger-label{gap:4px!important}
  .jr-prefs-trigger-unit{display:none!important}
}
@media(max-width:700px){
  .post{min-width:44px}
  .jr-prefs-panel{top:0!important;left:0!important;right:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;transform:none!important;border-radius:0!important}
}

/* Keep link-based toolbar actions visually identical to neighbouring buttons. */
a.small-action,
a.small-action:link,
a.small-action:visited,
a.small-action:hover,
a.small-action:active{
  color:#f3f5f6!important;
  text-decoration:none!important;
}
a.small-action:focus-visible{
  color:#f3f5f6!important;
  text-decoration:none!important;
  outline:2px solid rgba(255,151,9,.55)!important;
  outline-offset:2px!important;
}
a.small-action [data-icon],
a.small-action .jrico{
  color:currentColor!important;
}