/* Compléments propres à WordPress (contenu saisi dans l'éditeur, listes de repli). */
.cc-entry { max-width: 72ch; }
.cc-entry > * + * { margin-top: var(--space-4); }
.cc-entry h2 { margin-top: var(--space-7); font-size: var(--text-h3); }
.cc-entry h3 { margin-top: var(--space-6); font-size: var(--text-h4); }
.cc-entry ul, .cc-entry ol { padding-left: 1.2em; }
.cc-entry a { color: var(--c-petrol); text-underline-offset: 0.2em; }
.cc-entry img { height: auto; border-radius: 8px; }
.cc-list { list-style: none; display: grid; gap: var(--space-3); }
.alignleft { float: left; margin: 0 var(--space-5) var(--space-4) 0; }
.alignright { float: right; margin: 0 0 var(--space-4) var(--space-5); }
.aligncenter { display: block; margin-inline: auto; }
/* Téléphone de l'éventail : WordPress met sizes="auto" sur les images de la médiathèque, avec une taille de secours de 3000 × 1500 px ; on redonne son format au téléphone pour qu'il ne s'étire pas */
.show .show-fan__phone { aspect-ratio: 305 / 604; }

/* Réalisation sans site en ligne : le logo du client, entier et centré, sur fond blanc tenu par un filet (cartes de liste et haut de fiche) */
.work__media.work__media--logo,
.wtile .work__media.work__media--logo,
.wstory .work__media.work__media--logo,
.c-section--alt .wtile .work__media.work__media--logo { display: grid; place-items: center; padding: 0; background: var(--surface-page); }
.work__media--logo::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--c-line); pointer-events: none; }
.work__logo { position: absolute; inset: 0; display: block; width: auto; height: auto; max-width: 62%; max-height: 50%; margin: auto; object-fit: contain; transition: transform var(--dur-300) var(--ease-out); }
@media (hover: hover) { .work__card:hover .work__logo, .wtile__card:hover .work__logo, .wstory__card:hover .work__logo { transform: scale(1.03); } }
@media (prefers-reduced-motion: reduce) { .work__logo { transition: none; } }
.case-logo { position: relative; display: block; width: min(1000px, 100%); aspect-ratio: 1000 / 400; margin: 0; background: var(--surface-page); border-radius: 8px 8px 0 0; box-shadow: 0 -12px 60px rgba(0, 0, 0, 0.3); }
.case-logo img { position: absolute; inset: 0; display: block; width: auto; height: auto; max-width: 50%; max-height: 52%; margin: auto; object-fit: contain; }
@media (max-width: 639px) { .case-logo { aspect-ratio: 4 / 3; } .case-logo img { max-width: 70%; } }
/* Quatre secteurs + la carte « Votre secteur n'est pas dans la liste ? » : la carte d'appel prend deux colonnes pour fermer la grille */
@media (min-width: 700px) { .sector-cards .sector-card--cta { grid-column: span 2; } }