/* -------------------------------------------------------------------
 * EVALJPROJETS — front.css
 *
 * IMPORTANT : le template single-projets.php utilise des classes
 * Tailwind (grid-cols-12, col-span-*, text-primary, font-headline...).
 * Si le thème actif compile déjà Tailwind avec ces mêmes tokens
 * (text-primary, text-secondary, font-label, font-headline), ce
 * fichier n'est là que pour les variables de couleur et peut être
 * désactivé. Sinon, il fournit une version de secours minimale
 * pour que la page reste lisible et fidèle au design.
 * ------------------------------------------------------------------- */

:root {
    --evalj-primary: #111111;   /* noir "text-primary" */
    --evalj-secondary: #ba1a20; /* rouge "text-secondary" (puces, hover figures) */
}

.evalj-projet {
    color: var(--evalj-primary);
}

/* --- Secours grille (si Tailwind absent) --------------------------- */
.evalj-projet .grid { display: grid; }
.evalj-projet .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.evalj-projet .col-span-12 { grid-column: span 12 / span 12; }
.evalj-projet .gap-4 { gap: 1rem; }

@media (min-width: 768px) {
    .evalj-projet .md\:col-span-3 { grid-column: span 3 / span 3; }
}

/* --- Secours typographie -------------------------------------------- */
.evalj-projet .font-label {
    font-family: 'Helvetica Neue', Arial, sans-serif;
    letter-spacing: 0.2em;
}
.evalj-projet .font-headline {
    font-family: Georgia, 'Times New Roman', serif;
}
.evalj-projet .text-primary { color: var(--evalj-primary); }
.evalj-projet .text-primary\/40 { color: rgba(17, 17, 17, 0.4); }
.evalj-projet .text-primary\/80 { color: rgba(17, 17, 17, 0.8); }
.evalj-projet .bg-primary { background-color: var(--evalj-primary); }
.evalj-projet .bg-secondary { background-color: var(--evalj-secondary); }

/* --- Puces d'intervention (rond 8x8px) ------------------------------ */
.evalj-projet .w-2 { width: 0.5rem; }
.evalj-projet .h-2 { height: 0.5rem; }
.evalj-projet .rounded-full { border-radius: 9999px; }