/* ═══════════════════════════════════════════
   social.css — Social strip (rating + icons)
   Change this file to update: the rating pill,
   traveler count, chat button, Facebook /
   Instagram / YouTube icon colours
═══════════════════════════════════════════ */

.social-strip{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
  padding:18px 64px;
  background:linear-gradient(90deg,#0d0521,#150830,#0d0521);
  border-top:1px solid rgba(139,92,246,.15);
}
.strip-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.pill{
  display:flex;align-items:center;gap:8px;
  background:rgba(139,92,246,.12);
  border:1px solid rgba(139,92,246,.3);
  backdrop-filter:blur(12px);
  border-radius:50px;padding:8px 16px;font-size:13px;font-weight:600;
  box-shadow:0 2px 12px rgba(139,92,246,.15);
}
.pill .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}
.pill-chat{cursor:pointer;transition:all .2s}
.pill-chat:hover{background:var(--accent);border-color:var(--accent)}

.strip-right{display:flex;align-items:center;gap:16px}
.stars-gold{color:var(--gold2);font-size:14px;letter-spacing:1px}

.sicons{display:flex;gap:12px}
.si{
  width:42px;height:42px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;cursor:pointer;
  text-decoration:none;color:white;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.si:hover{
  transform:translateY(-3px) scale(1.1);
  filter:brightness(1.15);
}
.si-fb{
  background:#1877f2;
  box-shadow:0 4px 16px rgba(24,119,242,.45);
}
.si-fb:hover{box-shadow:0 6px 24px rgba(24,119,242,.7)}

.si-ig{
  background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  box-shadow:0 4px 16px rgba(220,39,67,.45);
}
.si-ig:hover{box-shadow:0 6px 24px rgba(220,39,67,.7)}