/*
 * Shortcode [oqrc_event_share] styles.
 * Bloc de partage complet en fin d'article evenement.
 */
.oqrc-partage-box {
    margin: 40px 0;
    padding: 28px;
    border-radius: 4px;
    background: #f8f9fa;
    text-align: center;
}

/* Nom distinct de .oqrc-partage-titre (fiche-projet.css) : meme nom de
   classe existait dans les 2 fichiers avec des styles differents (couleur/
   poids) — collision corrigee suite a l'audit couleurs titres/liens. */
.oqrc-partage-titre-evenement {
    margin: 0 0 18px;
    color: #2b5f7f;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.oqrc-partage-liens {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.oqrc-partage-lien {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid #e9ecef;
    border-radius: 20px;
    background: #fff;
    color: #54595F;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: var(--oqrc-transition, all 0.3s ease);
}

.oqrc-partage-lien:hover,
.oqrc-partage-lien:focus-visible {
    background: #eef2f6;
    transform: translateY(-1px);
}

.oqrc-partage-copy {
    position: relative;
}

@media (max-width: 600px) {
    .oqrc-partage-box {
        padding: 20px;
    }

    .oqrc-partage-liens {
        flex-direction: column;
        align-items: stretch;
    }

    .oqrc-partage-lien {
        justify-content: center;
    }
}
