.actualites-listing {
width: 100%;
}
.actualites-listing__filters {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.5rem 1.75rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}
.actualites-listing__filter {
position: relative;
display: inline-block;
margin: 0;
padding: 0.35rem 0;
border: 0;
background: transparent;
color: inherit;
font-family: inherit;
font-size: var(--wp--preset--font-size--2);
font-weight: 500;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
}
.actualites-listing__filter::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1.05rem;
height: 2px;
background: var(--wp--preset--color--custom-primary);
transform: scaleX(0);
transform-origin: center;
transition: transform 0.3s ease;
}
.actualites-listing__filter:hover,
.actualites-listing__filter:focus-visible,
.actualites-listing__filter.is-active {
color: var(--wp--preset--color--custom-default);
}
.actualites-listing__filter.is-active::after,
.actualites-listing__filter:hover::after,
.actualites-listing__filter:focus-visible::after {
transform: scaleX(1);
}
.actualites-listing__intro {
max-width: 46rem;
margin: var(--wp--preset--spacing--5, 3rem) auto var(--wp--preset--spacing--5, 3rem);
text-align: center;
}
.actualites-listing__intro p {
margin: 0;
font-size: var(--wp--preset--font-size--4);
line-height: 1.55;
}
.actualites-listing__intro[hidden] {
display: none;
}
.actualites-listing__results {
display: grid;
gap: var(--wp--preset--spacing--5, 3rem);
}
.actualites-listing__empty {
margin: 0;
text-align: center;
opacity: 0.7;
}
.actualites-listing__pagination {
display: flex;
justify-content: center;
margin-top: var(--wp--preset--spacing--5, 3rem);
}
.actualites-listing__pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 2.25rem;
height: 2.25rem;
padding: 0 0.5rem;
color: inherit;
font-size: var(--wp--preset--font-size--2);
font-weight: 500;
text-decoration: none;
transition: color 0.25s ease, opacity 0.25s ease;
}
.actualites-listing__pagination .page-numbers:hover,
.actualites-listing__pagination .page-numbers:focus-visible {
color: var(--wp--preset--color--custom-primary);
}
.actualites-listing__pagination .page-numbers.current {
color: var(--wp--preset--color--custom-primary);
}
.actualites-listing__pagination ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.35rem 0.65rem;
margin: 0;
padding: 0;
list-style: none;
}
.actualites-listing__pagination li {
margin: 0;
padding: 0;
list-style: none;
} .actualites-featured {
width: 100%;
}
.actualites-featured__link {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
min-height: clamp(320px, 36vw, 480px);
color: inherit;
text-decoration: none;
}
.actualites-featured__media {
position: relative;
overflow: hidden;
background: var(--wp--preset--color--custom-default);
}
.actualites-featured__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.actualites-featured__body {
display: flex;
flex-direction: column;
justify-content: center;
gap: var(--wp--preset--spacing--2, 1.5rem);
padding: clamp(1.75rem, 4vw, 3rem);
background: var(--wp--preset--color--custom-bg-1);
}
.actualites-featured__title {
margin: 0;
font-family: var(--wp--preset--font-family--outfit);
font-size: var(--wp--preset--font-size--6);
font-weight: 500;
line-height: 1.2;
}
.actualites-featured__excerpt {
margin: 0;
font-size: var(--wp--preset--font-size--3);
line-height: 1.55;
opacity: 0.92;
} .actualites-listing__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--wp--preset--spacing--4, 2rem);
}
.actualites-card {
height: 100%;
}
.actualites-card__link {
display: grid;
grid-template-rows: auto 1fr;
gap: var(--wp--preset--spacing--2, 1.5rem);
height: 100%;
color: inherit;
text-decoration: none;
}
.actualites-card__media {
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--actualites-card-accent, var(--wp--preset--color--custom-bg-1));
}
.actualites-card__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.actualites-card__body {
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.actualites-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem 0.65rem;
margin: 0;
font-size: var(--wp--preset--font-size--1);
font-weight: 500;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.actualites-card__sep {
opacity: 0.45;
}
.actualites-card__title {
margin: 0;
font-family: var(--wp--preset--font-family--outfit);
font-size: var(--wp--preset--font-size--4);
font-weight: 600;
line-height: 1.1;
}
.actualites-card__excerpt {
margin: 0;
font-size: var(--wp--preset--font-size--2);
line-height: 1.5;
color: rgba(0, 0, 0, 0.72);
}
.actualites-card--inaugurations {
--actualites-card-accent: #2f6f78;
}
.actualites-card--distinctions {
--actualites-card-accent: #6b5b8a;
}
.actualites-card--le-cabinet {
--actualites-card-accent: #9c4f52;
}
.actualites-card--temoignages {
--actualites-card-accent: #c26b62;
}
.actualites-card--default {
--actualites-card-accent: var(--wp--preset--color--custom-bg-1);
}
.actualites-featured__body .actualites-card__meta,
.actualites-featured__body .actualites-card__category,
.actualites-featured__body .actualites-card__date {
color: inherit;
}
@media (max-width: 900px) {
.actualites-featured__link {
grid-template-columns: 1fr;
min-height: 0;
}
.actualites-listing__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.actualites-listing__filters {
justify-content: flex-start;
gap: 0.35rem 1.1rem;
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
.actualites-listing__filter {
white-space: nowrap;
font-size: var(--wp--preset--font-size--1);
}
.actualites-listing__grid {
grid-template-columns: 1fr;
}
}