/* HELP-VIVO – Profile (Light)
   Mobile-first, beličast + glass, sticky left card na >=1024px  */

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  color:var(--text);
  background:var(--bg);
}

/* Top bar */
.hv-topbar{
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(16px) saturate(160%);
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  background:var(--glass-strong);
  border-bottom:1px solid var(--line);
}
.hv-topbar__inner{
  max-width:1200px;margin:auto;
  display:flex;align-items:center;gap:12px;
  padding:.8rem 1rem;
}
.hv-topbar__spacer{flex:1}

/* Buttons/links */
.hv-btn{
  appearance:none;border:0;cursor:pointer;
  padding:.7rem 1.2rem;border-radius:999px;
  background:var(--text);color:#fff;font-weight:700;
  transition:transform .2s, box-shadow .2s, opacity .2s;
}
.hv-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.hv-btn--ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.hv-link{color:var(--text);text-decoration:none;font-weight:600}
.hv-link:hover{opacity:.75}

/* Wrapper */
.hv-wrap{max-width:1200px;margin:32px auto;padding:0 16px; margin-top: 13vh;}

/* GRID */
.hv-grid{display:grid;gap:20px}
@media (min-width:1024px){
  .hv-grid{grid-template-columns:360px 1fr;align-items:start}
}

/* LEFT CARD (sticky) */
.hv-card{background:var(--glass);backdrop-filter:blur(var(--blur));
  -webkit-backdrop-filter:blur(var(--blur));
  border:1px solid #fff; border-radius:var(--radius-lg);
  box-shadow:var(--shadow); padding:20px}
.hv-card--left{
  position:relative;
  top:0;
}
@media (min-width:1024px){
  .hv-card--left{position:sticky; top:9vh}
}

.hv-avatar{
  width:128px;height:128px;border-radius:50%;object-fit:cover;
  display:block;margin:4px auto 12px;border:4px solid #fff;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.hv-name{margin:.2rem 0 .1rem;font-size:1.8rem;text-align:center}
.hv-role{text-align:center;color:var(--muted);margin-bottom:10px;font-weight:600}

.hv-meta{list-style:none;margin:0;padding:0;display:grid;gap:10px;  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;}
.hv-meta li{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:.55rem .75rem;border-radius:12px;background:var(--glass-strong);
  border:1px solid #fff;
}
.hv-meta li span{color:var(--muted);flex:0 0 auto;white-space:nowrap}
.hv-meta li strong{text-align:right;min-width:0;overflow-wrap:anywhere}
.hv-contact{margin-top:12px;display:grid;gap:8px}
.hv-contact__row a{color:var(--text);text-decoration:none}
.hv-contact--muted{color:var(--muted);font-style:italic;margin-top:6px}

.hv-fav{margin-top:14px;text-align:center}
.hv-fav .hv-btn{width:100%; font-family: 'Montserrat', sans-serif;}

/* RIGHT STACK */
.hv-stack{display:grid;gap:20px}
.hv-card h2{margin:.2rem 0 10px;font-size:1.15rem}
.hv-prose{line-height:1.6}
.hv-muted{color:var(--muted)}

/* 2-col section (Spec/Usluge) */
.hv-grid-2{display:grid;gap:16px}
@media (min-width:640px){
  .hv-grid-2{grid-template-columns:1fr 1fr}
}

/* Rating + comments */
.hv-rating{font-weight:800;margin:.3rem 0 1rem}
.hv-rating span{color:var(--muted);font-weight:600;margin-left:.3rem}

.hv-comment{border-top:1px solid var(--line);padding:12px 0}
.hv-comment__head{font-weight:800;margin-bottom:6px}
.hv-comment p{margin:.2rem 0}

/* Form */
.hv-form{display:grid;gap:10px;margin-top:12px}
.hv-form input[type=number], .hv-form textarea{
  width:100%;padding:.7rem .9rem;border-radius:12px;border:1px solid rgba(11,31,62,.18);
  background:#fff;font:inherit
}
.hv-form input[type=number]:focus,.hv-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}

/* Similar profiles */
.hv-similar{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.hv-similar__card{
  display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text);
  padding:10px;border-radius:14px;background:var(--glass-strong);border:1px solid #fff;
  transition:transform .2s, box-shadow .2s;
}
.hv-similar__card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hv-similar__card img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.hv-similar__meta{display:grid}
.hv-similar__meta span{color:var(--muted);font-size:.9rem}
.hv-similar__meta em{font-style:normal;margin-top:2px}

/* Mobile paddings refinements */
@media (max-width:480px){
  .hv-card{padding:16px}
  .hv-name{font-size:1.6rem}
}




/* Verifikovan badge */
.verif-badge{
  display:inline-flex;align-items:center;gap:.4em;
  padding:.32rem .68rem;border-radius:999px;line-height:1;
  font-weight:700;font-size:.8rem;user-select:none;
  margin-left:.5rem;
  color:#fff;background:#fff;border:1px solid rgba(23,108,66,.18);
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}
/* Mali badge (za slične profile) */
.verif-badge--sm{padding:.12rem .45rem;font-size:.7rem;margin-left:.35rem}

/* Prsten oko avatara kada je verifikovan */
.hv-avatar--ring-verified{
  box-shadow:0 8px 24px rgba(0,0,0,.08),
             0 0 0 3px #67b2d3, 0 0 0 8px rgb(103 178 211);
}


.hv-btn--full{width:100%; }
.show-desktop{display:inline-flex; margin-top: 1vh; font-weight: 400;}


.hv-badge{
  display:inline-block;
  padding:0.25rem 0.7rem;
  border-radius:999px;
  font-size:0.8rem;
  font-weight:500;
}

.hv-badge--med{
  background:#67a06a;
  color:#fff;
}

.hv-badge--nonmed{
  background:#e5e5e5;
  color:#444;
}