/* ==========================================================================
   WIDGET TAUTAN & SOSMED — tautan-sosmed-widget.css
   CSS khusus widget tautan website dan sosial media
   ========================================================================== */

/* ── Tautan Website ── */
.pnbyw-tautan-list { list-style: none; padding: 0; margin: 0; }

.pnbyw-tautan-item {
  padding: 5px 0;
  border-bottom: 1px dashed #e2e4e8;
  font-size: 11px;
}

.pnbyw-tautan-item:last-child { border-bottom: none; }

.pnbyw-tautan-item a {
  color: #374151;
  display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  transition: color .15s, padding-left .15s;
}

.pnbyw-tautan-item a::before {
  content: '›';
  color: #9a2109;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

.pnbyw-tautan-item a:hover {
  color: #9a2109;
  padding-left: 3px;
}

/* ── Sosial Media ── */
.pnbyw-sosmed-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.pnbyw-sosmed-item {
  display: flex;
  align-items: center;
  gap: 6px;
  border: .5px solid #e2e4e8;
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 10px;
  color: #555;
  transition: border-color .15s, background .15s, color .15s;
  text-decoration: none;
}

.pnbyw-sosmed-item:hover {
  border-color: #9a2109;
  color: #9a2109;
  background: #fef3ee;
}

.pnbyw-sosmed-item img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex-shrink: 0;
}