/* Heop — les ateliers et leurs dates.
 *
 * Un atelier n'est pas un produit : ce qui le definit, c'est QUAND il a lieu.
 * Melange a la grille des produits il perdait ses dates, donc sa nature. Il a
 * donc sa propre section, et chaque carte porte les creneaux que le
 * professionnel a decrits — jamais un calendrier fabrique par la plateforme.
 *
 * Les pastilles de date reprennent `.ui-tag` de la recette de fusion : c'est
 * deja le gabarit « un etat, jamais un compteur de vanite ».
 */

.public-producer-workshops__heading {
    margin-bottom: var(--ui-space-2);
}

.public-producer-workshops__grid {
    display: grid;
    gap: var(--ui-space-2);
    grid-template-columns: 1fr;
}

@media (min-width: 720px) {
    .public-producer-workshops__grid {
        grid-template-columns: 1fr 1fr;
    }
}

.public-producer-workshop {
    display: flex;
    flex-direction: column;
    gap: var(--ui-space-1);
    padding: var(--ui-space-3);
    border: 1px solid var(--ui-color-line);
    border-radius: var(--ui-radius-card);
    background: var(--ui-plan-card);
    box-shadow: var(--ui-shadow-sm);
}

.public-producer-workshop__title {
    color: inherit;
    font-size: var(--ui-font-md);
    text-decoration: none;
}

.public-producer-workshop__title:hover {
    text-decoration: underline;
}

.public-producer-workshop__price {
    color: var(--ui-color-brand);
    font-family: var(--ui-font-display);
    font-size: var(--ui-font-sm);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.public-producer-workshop__text,
.public-producer-workshop__pending {
    color: var(--ui-color-muted);
    font-size: var(--ui-font-xs);
}

.public-producer-workshop__dates {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: var(--ui-space-1) 0 0;
    padding: 0;
    list-style: none;
}