/* Pages sans marges */
.wp-singular .content {
	padding: 0rem;
}
.single-wrapper {
	padding: 2rem;
}
.single-hero {
    height: 200px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.single-meta {
	font-size: 0.8rem;
}
.single-cat {
	text-align: center;
	font-size: 1rem;
}
/* Barre d'infos */
.nav-links {
	border-top: none;
}
.single-bar {
	display: flex;
    justify-content: space-between; /* date à gauche, commentaires à droite */
    align-items: center;
    padding: var(--space-s) var(--space-m);
	background-color: color-mix(in srgb, var(--color-border) 90%, transparent);
	margin-top: var(--space-s);
	margin-bottom: calc(-1*var(--space-m));
	box-sizing: border-box;
}
.single-date a {
	text-decoration: none;
	color: var(--color-text);
}
/* Alignement interne */
.single-date,
.single-author {
    display: flex;
    align-items: center;
    gap: var(--space-s);
}
.single-author a {
	text-decoration: none;
	color: var(--color-text);
	text-transform: capitalize;
	font-weight: bold;
}
/* Hero AVEC image */
.single-hero.has-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.single-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
}
.single-hero .single-title {
    position: relative;
    z-index: 2;
    color: white;
    text-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
/* Hero SANS image */
.single-hero.no-image {
    background: var(--color-bg);
}
.hack-large {
	width: calc(100% + 4rem);
	max-width: calc(100% + 4rem);
	padding-left: 0;
	margin-left: -2rem;
}