/* Styles du Social Dock SETRANS */

#setrans-social-dock * {
    box-sizing: border-box;
}

/* État actif : Déployer les icônes */
#setrans-social-dock.active .social-items {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* Pivoter le bouton + pour en faire un X de fermeture */
#setrans-social-dock.active .trigger-icon {
    transform: rotate(135deg) !important;
}

/* Retards de transition pour un effet cascade à l'ouverture */
#setrans-social-dock .social-item:nth-child(1) { transition-delay: 50ms; }
#setrans-social-dock .social-item:nth-child(2) { transition-delay: 100ms; }
#setrans-social-dock .social-item:nth-child(3) { transition-delay: 150ms; }

/* Tooltips stylisés pour mobile/ordinateur */
.social-item {
    position: relative;
}
.social-item::after {
    content: attr(title);
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translateY(-50%) scale(0.9);
    background-color: #0F172A;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 6px 12px;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.social-item:hover::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}