/*


 * GlomaxGPT — Sohbet İçi Link Kartları v1.0


 * Hem kullanıcı hem AI mesajlarındaki URL'leri favicon'lu pill olarak gösterir.


 */





/* ── İnline link pill (kullanıcı mesajı içindeki URL) ── */


.gx-msg-link {


  display: inline-flex;


  align-items: center;


  gap: 5px;


  padding: 2px 8px 2px 5px;


  border-radius: 20px;


  background: var(--surface2, rgba(120,120,120,.14));


  border: 1px solid var(--border, rgba(120,120,120,.2));


  text-decoration: none !important;


  color: var(--text1, inherit) !important;


  font-size: .82rem;


  font-weight: 500;


  max-width: 260px;


  overflow: hidden;


  vertical-align: middle;


  cursor: pointer;


  transition: background .15s, border-color .15s;


  margin: 1px 2px;


}





.gx-msg-link:hover {


  background: var(--surface3, rgba(120,120,120,.22));


  border-color: var(--border2, rgba(120,120,120,.35));


  text-decoration: none !important;


}





.gx-msg-link-fav {


  width: 14px;


  height: 14px;


  border-radius: 3px;


  object-fit: contain;


  flex-shrink: 0;


}





.gx-msg-link-globe {


  width: 13px;


  height: 13px;


  flex-shrink: 0;


  opacity: .55;


}





.gx-msg-link-label {


  overflow: hidden;


  text-overflow: ellipsis;


  white-space: nowrap;


  max-width: 200px;


  line-height: 1.3;


}





/* Dark / Light tema uyumu */


[data-theme="dark"] .gx-msg-link {


  background: rgba(255,255,255,.08);


  border-color: rgba(255,255,255,.14);


  color: var(--text1, #e8e8e8) !important;


}


[data-theme="dark"] .gx-msg-link:hover {


  background: rgba(255,255,255,.13);


  border-color: rgba(255,255,255,.24);


}


[data-theme="light"] .gx-msg-link {


  background: rgba(0,0,0,.055);


  border-color: rgba(0,0,0,.13);


  color: var(--text1, #1a1a1a) !important;


}


[data-theme="light"] .gx-msg-link:hover {


  background: rgba(0,0,0,.09);


  border-color: rgba(0,0,0,.2);


}





/* ── AI yanıtlarındaki <a> linklere favicon ekleme ── */


.message.assistant .message-content a.gx-link-enriched {


  display: inline-flex;


  align-items: center;


  gap: 4px;


  text-decoration: underline;


  text-underline-offset: 3px;


}





.message.assistant .message-content a.gx-link-enriched .gx-msg-link-fav {


  width: 13px;


  height: 13px;


}





/* ── Standalone link kart (AI yanıtında tek başına URL satırı) ── */


.gx-link-card {


  display: flex;


  align-items: center;


  gap: 10px;


  padding: 10px 14px;


  border-radius: 12px;


  border: 1px solid var(--border, rgba(120,120,120,.18));


  background: var(--surface, rgba(120,120,120,.07));


  text-decoration: none !important;


  color: var(--text1, inherit) !important;


  margin: 8px 0;


  transition: background .15s, box-shadow .15s;


  overflow: hidden;


}


.gx-link-card:hover {


  background: var(--surface2, rgba(120,120,120,.13));


  box-shadow: 0 2px 12px rgba(0,0,0,.08);


  text-decoration: none !important;


}


[data-theme="dark"] .gx-link-card {


  background: rgba(255,255,255,.05);


  border-color: rgba(255,255,255,.1);


}


[data-theme="dark"] .gx-link-card:hover {


  background: rgba(255,255,255,.09);


}


[data-theme="light"] .gx-link-card {


  background: rgba(0,0,0,.03);


  border-color: rgba(0,0,0,.1);


}





.gx-link-card-fav {


  width: 20px;


  height: 20px;


  border-radius: 4px;


  flex-shrink: 0;


  object-fit: contain;


}


.gx-link-card-globe {


  width: 20px;


  height: 20px;


  flex-shrink: 0;


  opacity: .4;


}


.gx-link-card-info {


  display: flex;


  flex-direction: column;


  gap: 1px;


  overflow: hidden;


  flex: 1;


  min-width: 0;


}


.gx-link-card-domain {


  font-size: .75rem;


  color: var(--text3, #888);


  white-space: nowrap;


  overflow: hidden;


  text-overflow: ellipsis;


}


.gx-link-card-url {


  font-size: .8rem;


  font-weight: 500;


  white-space: nowrap;


  overflow: hidden;


  text-overflow: ellipsis;


  color: var(--text1, inherit);


}