/*--------------------------------------------------------
 * Horaires - affichage développé
 *---------------------------------------------------------*/

.tw-horaire--developed {
    max-width: 500px;
	border: solid 1px var(--tw-color-border);
	border-radius : 10px;
	padding: 20px 5px 20px 20px;
}

.tw-horaire--developed .tw-horaire__title {
    margin: .5rem;
	text-align : left;
    font-size: 1.6rem;
    line-height: 1.2;
}

.tw-horaire__period {
    margin: 0 0 1.2rem;

    color: var(--tw-color-muted, #666);
    font-size: .95rem;
}

.tw-horaire__note--general {
    margin: 0 0 1rem;

    color: var(--tw-color-text, #222);

}

.tw-horaire__list {
    display: grid;
    gap: .45rem;
}

.tw-horaire__row {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: .75rem;

    align-items: baseline;
}

.tw-horaire__day {
    font-weight: 600;
}

.tw-horaire__slots {
    color: var(--tw-color-text, #222);
}

.tw-horaire__closed {
    color: var(--tw-color-muted, #777);
}

.tw-horaire__note {
    display: block;

    margin-top: .15rem;

    color: var(--tw-color-muted, #777);
    font-size: .9rem;
}