/* ============================================================
 * CSS recupere d'Elementor Pro (agenceseo.ch), preparation du 21/08/2026.
 * A charger par mu-plugin au moment de la sortie d'Elementor Pro.
 * ============================================================ */

/* --- police 'futura' --- */
@font-face {
	font-family: 'futura';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://agenceseo.ch/wp-content/uploads/2023/11/futura-medium-bt.ttf') format('truetype');
}



/* ------------------------------------------------------------
 * Grille d'articles, en remplacement des loop-grid d'Elementor Pro.
 * Pose le 21/08/2026.
 * ------------------------------------------------------------ */
.cem-articles { display: grid; gap: 2rem; }
.cem-articles--col1 { grid-template-columns: 1fr; }
.cem-articles--col2 { grid-template-columns: repeat(2, 1fr); }
.cem-articles--col3 { grid-template-columns: repeat(3, 1fr); }
.cem-articles--col4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) { .cem-articles--col3, .cem-articles--col4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px)  { .cem-articles { grid-template-columns: 1fr !important; } }

.cem-article { display: flex; flex-direction: column; }
.cem-article__media img { width: 100%; height: auto; display: block; border-radius: 8px; }
.cem-article__corps { padding-top: 1rem; }
.cem-article__titre { margin: 0 0 .4rem; font-size: 1.25rem; line-height: 1.3; }
.cem-article__titre a { text-decoration: none; color: inherit; }
.cem-article__meta { margin: 0 0 .6rem; font-size: .85rem; opacity: .65; }
.cem-article__extrait { margin: 0 0 1rem; line-height: 1.6; }
.cem-article__bouton { display: inline-block; text-decoration: none; font-weight: 600; }

.cem-articles__pagination { display: flex; align-items: center; gap: 1.5rem; margin-top: 2.5rem; }
.cem-articles__pagination a { text-decoration: none; font-weight: 600; }
.cem-articles__pos { opacity: .65; font-size: .9rem; }

/* Article en une : image a gauche, texte a droite au-dela du mobile */
.cem-articles.article-une .cem-article { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }
@media (max-width: 767px) { .cem-articles.article-une .cem-article { grid-template-columns: 1fr; } }