/* ============================================================
   additions.css — override minimaux uniquement
   Utilise UNIQUEMENT les variables definies dans site.css :
   --radius-sm, --radius-md, --color-*, --shadow-*, --transition
   ============================================================ */

/* Fix : article-grid (ArticleList.razor) vs articles-grid (site.css) */
.article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.75rem;
}

/* Fix : reset img { height: auto } ecrase height: 100% sur card-image */
.card-image {
    height: 100%;
}

/* Video article dans post-layout */
.post-video-wrapper {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: #000;
    margin-bottom: 2rem;
    box-shadow: var(--shadow-md);
}

.post-video {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Supprime le focus ring sur tous les éléments
   qui reçoivent le focus programmatiquement
   (tabindex="-1") — pas d'impact sur l'accessibilité clavier */
[tabindex="-1"]:focus,
[tabindex="-1"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Sécurité supplémentaire sur main */
main:focus,
main:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* ── Badges rôles utilisateurs ── */
.badge-superadmin {
    background: #7c3aed;
    color: #fff;
}

.badge-editor {
    background: #0284c7;
    color: #fff;
}

.badge-manager {
    background: #d97706;
    color: #fff;
}

.badge-support {
    background: #059669;
    color: #fff;
}