/* RailRadar Junction UI Priority Fix 0.7.1.6.2 */

.rr-junction-priority{
  display:grid;
  gap:12px;
  width:100%;
}

.rr-junction-priority-info{
  display:grid;
  gap:3px;
  padding:11px 13px;
  border:1px solid rgba(255,184,0,.30);
  border-radius:11px;
  background:rgba(255,184,0,.055);
}

.rr-junction-priority-info strong{
  color:#ffcf4a;
  font-size:13px;
}

.rr-junction-priority-info span{
  color:#96a9ba;
  font-size:11px;
}

.rr-junction-priority-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.rr-junction-priority .rr-junction-branch{
  display:grid !important;
  grid-template-columns:auto 1fr;
  align-items:center;
  column-gap:9px;
  min-height:86px;
  padding:12px 13px !important;
  border:1px solid #294157 !important;
  border-radius:12px !important;
  background:#0b1926 !important;
  color:#e9f1f7 !important;
  text-align:left !important;
}

.rr-junction-priority .rr-junction-arrow{
  color:#ffb800;
  font-size:20px;
}

.rr-junction-priority .rr-junction-branch strong{
  line-height:1.28;
}

.rr-junction-priority .rr-junction-branch[data-route-meta]:not([data-route-meta=""])::after{
  content:attr(data-route-meta);
  grid-column:2;
  display:block;
  margin-top:4px;
  color:#8fa4b7;
  font-size:11px;
  line-height:1.3;
  font-weight:600;
}

.rr-junction-priority .rr-junction-branch:hover,
.rr-junction-priority .rr-junction-branch.active,
.rr-junction-priority .rr-junction-branch.is-active{
  border-color:#ffb800 !important;
  background:rgba(255,184,0,.09) !important;
}

.rr-junction-priority .rr-junction-unknown{
  grid-column:1/-1;
  min-height:64px;
}

@media(max-width:700px){
  .rr-junction-priority-grid{
    grid-template-columns:1fr;
  }

  .rr-junction-priority .rr-junction-unknown{
    grid-column:auto;
  }
}