/* Gabarits propres au site, non dessinés par Cath : page simple, résultats de recherche, pagination.
   Mêmes jetons que le reste du thème. */

.page-simple { padding-block: 40px 64px; }
.page-simple__contenu { max-width: 880px; }
.page-simple__titre { margin-bottom: 24px; }
.page-simple__meta { margin-bottom: 24px; font: 400 14px/20px var(--police-texte); color: rgba(58, 57, 53, .5); }
.page-simple__visuel { position: relative; height: 420px; margin: 0 0 32px; border-radius: var(--r-carte); overflow: hidden; }

.texte-riche { font: 400 18px/26px var(--police-texte); color: var(--noir); }
.texte-riche > * + * { margin-top: 16px; }
.texte-riche h2 { margin-top: 32px; font: 600 32px/38.4px var(--police-titre); color: var(--titre); }
.texte-riche h3 { margin-top: 24px; font: 600 24px/28.8px var(--police-titre); color: var(--titre); }
.texte-riche a { color: var(--corail); }
.texte-riche a:hover { text-decoration: underline; text-underline-offset: 3px; }
.texte-riche ul, .texte-riche ol { display: grid; gap: 8px; padding-left: 25px; list-style: revert; }
.texte-riche img { border-radius: var(--r-carte); }
.texte-riche blockquote { padding-left: 20px; border-left: 2px solid var(--lavande); font-weight: 300; }

.resultats { display: grid; gap: 12px; margin-top: 24px; }
.resultat__lien { display: flex; align-items: center; gap: 16px; padding: 12px; border: 1px solid rgba(217, 217, 217, .4); border-radius: var(--r-bloc); background: var(--blanc); }
.resultat__lien:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, .06); }
.resultat__visuel { position: relative; flex: none; width: 80px; height: 80px; border-radius: var(--r-petit); overflow: hidden; }
.resultat__texte { display: grid; gap: 4px; }
.resultat__titre { font: 600 18px/24px var(--police-texte); color: var(--noir); }
.resultat__resume { font: 400 15px/22px var(--police-texte); color: var(--noir); }

.pagination { margin-top: 32px; }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.pagination .page-numbers {
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding-inline: 12px;
  border: 1px solid rgba(73, 71, 66, .5);
  border-radius: var(--r-pilule);
  font: 600 16px/20px var(--police-titre);
  color: var(--titre);
}
.pagination .page-numbers.current { background: var(--corail); border-color: var(--corail); color: var(--blanc); }

@media (max-width: 767px) {
  .page-simple { padding-block: 24px 32px; }
  .page-simple__visuel { height: 220px; border-radius: var(--r-bloc); }
  .texte-riche { font-size: 16px; line-height: 24px; }
  .texte-riche h2 { font-size: 24px; line-height: 28.8px; }
}

/* ——— Catalogue : les photos produit sont des packshots de formats variés ——— */
.carte-produit__cadre .photo { object-fit: contain; }
.categorie__titre a:hover { text-decoration: underline; text-underline-offset: 4px; }
.catalogue .pagination { margin-top: 32px; }