/* ============================================================
   NAUTICA TURVO V0.5
   RECOMENDACAO PARA PASSEIO COMPARTILHADO
============================================================ */

.shared-recommendation{
  margin-bottom:20px;
}

.shared-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin-top:14px;
}

.shared-input{
  background:#0b2030;
  color:white;
  border:1px solid var(--line);
  border-radius:8px;
  padding:12px;
  font-size:17px;
}

.rule-85{
  display:inline-block;
  margin-top:7px;
  background:#173f54;
  color:#9edcff;
  padding:6px 9px;
  border-radius:20px;
  font-size:11px;
}

.recommendation-result{
  margin-top:15px;
}

.recommendation-card{
  background:var(--card2);
  border:1px solid var(--line);
  border-radius:11px;
  padding:15px;
  margin-top:10px;
}

.recommendation-card.best{
  border-color:var(--green);
}

.recommendation-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.recommendation-title h3{
  margin:0;
  font-size:18px;
}

.recommendation-badge{
  background:#124c38;
  color:#7af0b3;
  padding:5px 8px;
  border-radius:20px;
  font-size:11px;
  font-weight:bold;
}

.configuration-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:13px;
}

.configuration-boat{
  background:#0a2130;
  border-radius:8px;
  padding:11px;
}

.configuration-boat strong{
  display:block;
  font-size:15px;
  margin-bottom:5px;
}

.configuration-line{
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.comfort-ok{
  color:var(--green);
  font-weight:bold;
}

.fuel-known{
  color:#79efb0;
}

.fuel-unknown{
  color:var(--yellow);
}

.recommendation-summary{
  margin-top:12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}

.no-configuration{
  background:#402430;
  border:1px solid #6f3441;
  color:#ffd2d8;
  padding:14px;
  border-radius:9px;
  margin-top:12px;
}

@media(max-width:850px){

  .configuration-grid{
    grid-template-columns:1fr;
  }

  .shared-form{
    grid-template-columns:1fr;
  }

}