/* ==========================================================================
   SJLC — CSS personnalisé du thème
   Chargé automatiquement par YOOtheme Pro (LoadThemeHead : ~theme/css/custom.css).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Étiquettes de rubrique sur les cartes d'actualité. Utilisé par le bloc
   « Actualités » de la page d'accueil (panel-slider) et par la page
   /actualites (grille du Template « Actualités Frontpage »).

   Mécanique : l'élément conteneur porte la classe « sjlc-actus » ; chaque carte
   reçoit en classe le nom de sa catégorie ZOO principale, via la liaison
   dynamique `primary_category.name` posée sur la prop « Classes » de l'item.
   Le libellé et la couleur de l'étiquette sont donc choisis ici, par rubrique.

   Couleurs : palette Pix Colors du site (plugin System - Pix Colors).
   La couleur du texte est choisie par fond pour rester lisible ; ratios
   mesurés indiqués en commentaire.
   -------------------------------------------------------------------------- */

.sjlc-actus .uk-card-media-top {
    position: relative;
}

/* Gabarit commun. Pas de `content` ici : sans lui le pseudo-élément n'est pas
   généré, donc une rubrique non prévue ci-dessous n'affiche aucune pastille
   vide. */
.sjlc-actus .el-item .uk-card-media-top::before {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    padding: 5px 11px;
    border-radius: 100px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none; /* la carte entière est un <a> */
    box-shadow: 0 2px 10px rgba(26, 26, 46, 0.25);
}

/* Institution — @global-primary / blanc : 8,35:1 */
.sjlc-actus .el-item.Institution .uk-card-media-top::before {
    content: "Institution";
    background: #26526e;
    color: #fff;
}

/* École — @pix-tertiary / texte foncé : 9,36:1 (le blanc n'y est qu'à 1,82:1) */
.sjlc-actus .el-item.École .uk-card-media-top::before {
    content: "École";
    background: #c6c632;
    color: #1a1a2e;
}

/* Collège — @pix-quaternary assombri de 10 % / blanc : 4,82:1
   (#E8404E tel quel ne monte qu'à 3,98:1 en blanc et 4,28:1 en foncé) */
.sjlc-actus .el-item.Collège .uk-card-media-top::before {
    content: "Collège";
    background: #d03946;
    color: #fff;
}

/* Lycée — @pix-quinary / texte foncé : 6,32:1 (blanc : 2,70:1) */
.sjlc-actus .el-item.Lycée .uk-card-media-top::before {
    content: "Lycée";
    background: #0fadc3;
    color: #1a1a2e;
}

/* Enseignement supérieur — @pix-senary / blanc : 6,13:1.
   Le nom de la catégorie contient une espace : deux classes sur la carte. */
.sjlc-actus .el-item.Enseignement.supérieur .uk-card-media-top::before {
    content: "Sup’";
    background: #b22675;
    color: #fff;
}

/* Formation continue — @pix-octonary / texte foncé : 5,19:1 */
.sjlc-actus .el-item.Formation.continue .uk-card-media-top::before {
    content: "Formation continue";
    background: #399f76;
    color: #1a1a2e;
}