/*
 * Shortcodes — badges de visibilité des shortcodes restreints par groupe.
 * Trois états : --locked (visiteur non autorisé, badge seul),
 * --granted (membre autorisé, cadenas ouvert), --preview (auteur/staff).
 * Couleurs en rgba translucide pour rester lisibles en thème clair et sombre.
 */

/* Pilule unifiée lien + badge */
.sc-restricted {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    vertical-align: baseline;
    max-width: 100%;
}

.sc-restricted > a {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Badge : dimensionné en em pour suivre la taille du texte environnant */
.sc-restricted-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    font-size: 0.68em;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.6;
    padding: 0.15em 0.65em;
    border-radius: 999px;
    border: 1px solid transparent;
    vertical-align: baseline;
    white-space: nowrap;
    cursor: help;
}

.sc-restricted-badge .fas {
    font-size: 0.85em;
}

/* Visiteur non autorisé : gris neutre, remplace le contenu */
.sc-restricted-badge--locked {
    color: #808a99;
    background: rgba(128, 138, 153, 0.12);
    border-color: rgba(128, 138, 153, 0.35);
}

/* Membre autorisé : vert, accès accordé */
.sc-restricted-badge--granted {
    color: #22a06b;
    background: rgba(34, 160, 107, 0.1);
    border-color: rgba(34, 160, 107, 0.35);
}

/* Prévisualisation auteur/staff hors groupe : ambre, avertissement doux */
.sc-restricted-badge--preview {
    color: #c99418;
    background: rgba(210, 153, 34, 0.12);
    border-color: rgba(210, 153, 34, 0.4);
}