/* ===== SOCIAL SHARE CLEAN ===== */

.social-share {
  display: flex;
  gap: 8px;
}

/* Button */
.share-btn {
  width: 34px;
  height: 34px;
  border-radius: 10px;

  display: grid;
  place-items: center;

  background: #f1f1f1;
  transition: 0.2s ease;
}

/* ICON BASE */
.share-btn img {
  display: block;
  width: 26px;
  height: auto;
}

/* ===== BRAND BACKGROUNDS ===== */

.facebook { background:#1877F2; }
.x { background:#000000; }
.whatsapp { background:#25D366; }
.telegram { background:#229ED9; }
.linkedin { background:#0A66C2; }
.pinterest { background:#E60023; }
.email { background:#777; }
.copy { background:#999; }

/* WHITE ICONS */
.share-btn img {
  filter: brightness(0) invert(1);
}

/* ===== HOVER ===== */

.share-btn:hover {
  transform: translateY(-2px);
  opacity: 0.92;
}

/* ===== TOOLTIP ===== */

.share-btn::after {
  content: attr(title);
  position: absolute;
  bottom: -28px;
  font-size: 12px;
  background: #000;
  color: #fff;
  padding: 3px 6px;
  border-radius: 5px;
  opacity: 0;
  transition: 0.2s;
  white-space: nowrap;
}

.share-btn:hover::after {
  opacity: 1;
}

/* ===== OPTICAL BALANCE (IMPORTANT) ===== */

.x img { width: 24px; }          /* λεπτό */
.linkedin img { width: 30px; }
.email img { width: 26px; }
.copy img { width: 28px; }

.whatsapp img { width: 26px; }
.telegram img { width: 26px; }

.pinterest img { width: 26px; }

.facebook img { width: 26px; }

/* Για να είναι κέντρο το logo */
.social-share img {
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {

  .social-share {
    display: flex;
    flex-wrap: nowrap;     /* μία γραμμή */
    gap: 6px;              /* λίγο πιο σφιχτά */
  }

  .share-btn {
    width: 36px;           /* μικρότερα κουμπιά */
    height: 36px;
    border-radius: 8px;
  }

  .share-btn img {
    width: 20px;           /* μικρότερα icons */
  }

}
/* να μην φαίνονται οι τίτλοι */
.social-share .share-btn::before,
.social-share .share-btn::after {
  display: none !important;
  content: none !important;
}