/* Vrienda v4.4 Discovery Algorithm */

.vrienda-discovery{
  display:block;
}

.vrienda-discovery-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,480px);
  gap:22px;
  align-items:center;
  border-radius:32px;
  background:linear-gradient(135deg,#ff7a18,#fb923c);
  color:#fff;
  padding:30px;
  box-shadow:0 18px 44px rgba(255,122,24,.18);
  margin-bottom:18px;
}

.vrienda-discovery-hero h1{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:38px!important;
}

.vrienda-discovery-hero p{
  margin:0!important;
  color:rgba(255,255,255,.92);
  font-weight:800;
  line-height:1.45;
}

#vriendaDiscoverySearch{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  background:rgba(255,255,255,.18);
  padding:10px;
  border-radius:24px;
}

#vriendaDiscoverySearch input{
  border:0;
  border-radius:18px;
  min-height:50px;
  padding:0 16px;
  font-size:15px;
  background:#fff;
}

#vriendaDiscoverySearch button{
  border:0;
  border-radius:18px;
  background:#fff;
  color:#ff7a18;
  font-weight:1000;
  padding:0 18px;
  cursor:pointer;
}

.vrienda-discovery-note{
  border:1px solid #fed7aa;
  background:#fff7ed;
  color:#9a3412;
  border-radius:22px;
  padding:14px 16px;
  font-weight:800;
  margin-bottom:18px;
}

.vrienda-discovery-results{
  display:grid;
  gap:18px;
}

.vrienda-discovery-section{
  border:1px solid var(--line,#eadfd3);
  border-radius:30px;
  background:#fff;
  box-shadow:0 14px 38px rgba(28,25,23,.07);
  padding:22px;
}

.vrienda-discovery-section h2{
  margin:0 0 16px!important;
  font-size:25px!important;
}

.vrienda-discovery-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.vrienda-discovery-tags a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#9a3412!important;
  text-decoration:none!important;
  padding:10px 13px;
  font-weight:1000;
}

.vrienda-discovery-tags b{
  background:#ff7a18;
  color:#fff;
  border-radius:999px;
  padding:3px 7px;
  font-size:12px;
}

.vrienda-discovery-people{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:12px;
}

.vrienda-discovery-person{
  display:grid;
  place-items:center;
  text-align:center;
  gap:8px;
  border:1px solid var(--line,#eadfd3);
  border-radius:22px;
  background:var(--surface-2,#fffaf5);
  padding:14px;
  color:var(--text,#1f2937)!important;
  text-decoration:none!important;
}

.vrienda-discovery-avatar{
  width:64px;
  height:64px;
  border-radius:22px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#ff7a18,#fb923c);
  color:#fff;
  font-size:24px;
  font-weight:1000;
}

.vrienda-discovery-avatar img,
.vrienda-discovery-mini-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.vrienda-discovery-person strong{
  display:block;
}

.vrienda-discovery-person small{
  color:var(--muted,#6b7280);
  font-weight:800;
}

.vrienda-discovery-groups,
.vrienda-discovery-posts{
  display:grid;
  gap:12px;
}

.vrienda-discovery-group{
  display:flex;
  gap:14px;
  align-items:flex-start;
  border:1px solid var(--line,#eadfd3);
  border-radius:22px;
  background:var(--surface-2,#fffaf5);
  padding:14px;
  color:var(--text,#1f2937)!important;
  text-decoration:none!important;
}

.vrienda-discovery-group-icon{
  width:54px;
  height:54px;
  flex:0 0 auto;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff7a18,#fb923c);
  color:#fff;
  font-size:24px;
  font-weight:1000;
}

.vrienda-discovery-group strong,
.vrienda-discovery-group small,
.vrienda-discovery-group em{
  display:block;
}

.vrienda-discovery-group small{
  color:var(--muted,#6b7280);
  font-weight:800;
  margin-top:3px;
}

.vrienda-discovery-group em{
  color:var(--muted,#6b7280);
  margin-top:7px;
  font-style:normal;
}

.vrienda-discovery-post{
  border:1px solid var(--line,#eadfd3);
  border-radius:22px;
  background:var(--surface-2,#fffaf5);
  padding:16px;
}

.vrienda-discovery-post-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.vrienda-discovery-mini-avatar{
  width:44px;
  height:44px;
  border-radius:15px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#ff7a18,#fb923c);
  color:#fff;
  font-weight:1000;
}

.vrienda-discovery-post-head strong,
.vrienda-discovery-post-head small{
  display:block;
}

.vrienda-discovery-post-head small{
  color:var(--muted,#6b7280);
  font-weight:800;
}

.vrienda-discovery-post p{
  font-size:16px;
  line-height:1.5;
  margin:0 0 12px;
}

.vrienda-discovery-post-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.vrienda-discovery-post-meta span{
  border-radius:999px;
  padding:7px 10px;
  background:#fff;
  border:1px solid var(--line,#eadfd3);
  font-weight:900;
  color:var(--muted,#6b7280);
}

.vrienda-discovery-empty,
.vrienda-discovery-loading{
  border:1px dashed var(--line,#eadfd3);
  border-radius:22px;
  padding:22px;
  color:var(--muted,#6b7280);
  font-weight:900;
  text-align:center;
  background:#fff;
}

@media(max-width:900px){
  .vrienda-discovery-hero{
    grid-template-columns:1fr;
    border-radius:24px;
    padding:20px;
  }

  .vrienda-discovery-hero h1{
    font-size:30px!important;
  }

  #vriendaDiscoverySearch{
    grid-template-columns:1fr;
  }

  #vriendaDiscoverySearch button{
    min-height:46px;
  }

  .vrienda-discovery-section{
    border-radius:22px;
    padding:16px;
  }

  .vrienda-discovery-people{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}