/*
 * Interslide — Médias sources.
 * Styles volontairement discrets et bâtis sur les variables du thème (avec
 * valeurs de repli) : ils peuvent rejoindre style.css du thème plus tard.
 * Propriétés logiques uniquement, pour rester prêt pour l'arabe.
 */

/* Logo d'un média (image ou monogramme). */
.ism-logo {
	display: inline-block;
	inline-size: 1.25em;
	block-size: 1.25em;
	border-radius: 0.3em;
	object-fit: contain;
	background: #fff;
	box-shadow: 0 0 0 1px rgb(0 0 0 / 0.08);
	vertical-align: -0.28em;
	margin-inline-end: 0.4em;
	flex: none;
}

.ism-logo--monogramme {
	display: inline-grid;
	place-items: center;
	color: #fff;
	font-size: 0.72em;
	font-weight: 600;
	line-height: 1;
	box-shadow: none;
	vertical-align: 0.05em;
}

/* Bloc Sources : logo devant le nom. */
.interslide-sources__texte > a {
	display: inline-flex;
	align-items: center;
	gap: 0;
}

/* « Brève · d'après [logo] Média » */
.ism-dapres {
	text-transform: none;
	letter-spacing: 0;
	font-weight: 500;
}

.ism-dapres a {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
	white-space: nowrap;
}

.ism-dapres .ism-logo {
	margin-inline-start: 0.1em;
}

/* Carte d'une brève : image de l'article source + badge du média. */
.ism-visuel {
	position: relative;
	display: block;
	inline-size: 100%;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background: var(--wp--preset--color--gris-clair, #eeeae2);
}

.ism-visuel__image {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

.ism-visuel__badge {
	position: absolute;
	inset-block-end: 0.5rem;
	inset-inline-start: 0.5rem;
	display: inline-flex;
	align-items: center;
	max-inline-size: calc(100% - 1rem);
	padding: 0.25rem 0.55rem 0.25rem 0.3rem;
	border-radius: 999px;
	background: rgb(255 255 255 / 0.94);
	color: #15171c;
	font-family: var(--wp--preset--font-family--plex-sans, system-ui, sans-serif);
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.2;
	box-shadow: 0 1px 4px rgb(0 0 0 / 0.18);
}

.ism-visuel__badge > span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ism-visuel__badge .ism-logo {
	box-shadow: none;
}

.ism-attribution { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin:.65rem 0; font:500 12px/1.5 system-ui,sans-serif; color:#64676c; }
.ism-attribution a { display:inline-flex; align-items:center; color:#242629; text-decoration:none; }
.ism-attribution a:hover { text-decoration:underline; }
.is-ed-photo .ism-visuel__badge .ism-logo {width:20px;height:20px;object-fit:contain;display:inline-block;}
.is-ed-photo[hidden], .interslide-fil__visuel[hidden], .ism-visuel[hidden] {display:none!important;}
.interslide-fil__visuel .ism-visuel__badge {display:none;}
.ism-dapres a {white-space:normal;}

.interslide-sources__element--illustre {display:flex;align-items:center;gap:16px;}
.interslide-sources__vignette {display:block;flex:0 0 120px;inline-size:120px;aspect-ratio:3/2;overflow:hidden;}
.interslide-sources__vignette img {display:block;width:100%;height:100%;object-fit:cover;}
.interslide-sources__texte {min-width:0;}
.interslide-sources__credit {display:block;font-size:11px;color:#64676c;margin-top:4px;}
@media(max-width:600px){.interslide-sources__vignette{flex-basis:80px;inline-size:80px;}.interslide-sources__element--illustre{gap:10px;}}

.ism-archive-image {width:11rem;max-width:100%;margin:0;}
.interslide-carte__visuel[hidden]{display:none!important;}

.ism-visuel .ism-visuel__badge .ism-logo {width:20px!important;height:20px!important;object-fit:contain!important;display:inline-block!important;position:static!important;}
.ism-archive-image .ism-visuel__badge {display:none;}
