/* --- FLOATING SHARE WIDGET STYLES --- */
.share-container {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 12px;
  z-index: 2000;
}

.main-share-icon {
  position: relative;
  width: 56px;
  height: 56px;
  background: linear-gradient(180deg, rgba(214,179,90,.22), rgba(15,23,48,.40));
  border: 1px solid rgba(214,179,90,.42);
  color: #f1dfaa; /* Gold 2 */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5), inset 0 0 15px rgba(214,179,90,.05);
  z-index: 2;
  transition: all 0.3s ease;
}

.main-share-icon:hover {
  border-color: rgba(241,223,170,.78);
  background: rgba(15,23,48,.65);
  box-shadow: 0 8px 24px rgba(0,0,0,.4), 0 0 18px rgba(214,179,90,.15);
}

.ripple {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  border: 1px solid rgba(214,179,90,.5);
  border-radius: 50%;
  z-index: -1;
  animation: pulse-ripple 2.5s infinite ease-out;
  pointer-events: none;
}

@keyframes pulse-ripple {
  0% { transform: scale(1); opacity: 0.8; border-width: 1px; }
  100% { transform: scale(2.2); opacity: 0; border-width: 0px; }
}

.share-btn {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #141e3a; /* Mid2 */
  border: 1px solid rgba(214,179,90,.35); /* Line */
  color: #f6f1e6; /* Ivory */
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  font-size: 16px;
}

.share-container:hover .share-btn {
  display: flex;
  animation: slideIn 0.3s ease-out forwards;
}

@keyframes slideIn {
  from { opacity:0; transform: translateY(15px); }
  to { opacity:1; transform: translateY(0); }
}

.share-btn:hover {
  background: #d6b35a; /* Gold */
  color: #000;
}