.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.muted-color {
    color: var(--pico-muted-color);
}

.cta-button {
    border: 2px solid var(--pico-primary);
    border-radius: 8px;
}
.cta-button .icon {
    font-size: 3rem;
}

#comment-ca-marche {
    padding: 1rem;

}
#comment-ca-marche p {
    margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.25);
    color: var(--pico-muted-color);
}

/* flash messages */
.flash-info {
    color: var(--pico-color-azure-750);
    background-color: var(--pico-color-azure-100);
}

.flash-success {
    color: var(--pico-color-jade-750);
    background-color: var(--pico-color-jade-50);

}

.flash-error {
    color: var(--pico-color-pink-750);
    background-color: var(--pico-color-pink-100)
}

/* buttons */
.btn-red {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-color: var(--pico-color-red-500) !important;
}

.btn-red:hover {
    background-color: var(--pico-color-red-300) !important;
}

.btn-green {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-color: var(--pico-color-green-500) !important;
}

.btn-green:hover {
    background-color: var(--pico-color-green-300) !important;
}

/* grids */
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grid-8 {
    grid-template-columns: repeat(8, 1fr);
}

.grid-12 {
    grid-template-columns: repeat(12, 1fr);
}

/* consultation newsletters */
.grid-newsletter {
    grid-column-gap: 8px;
}

.grid-newsletter>div[role="button"] {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
}

/* table dans l'admin */
table em {
    font-style: normal !important;
    border-bottom: none !important;
}

/* sections dans tout le site */
section {
    margin-bottom: 2rem;
}