:root {
  --wp--style--global--content-size: clamp(1024px, 50vw, 100%);
  --wp--preset--color--contrast: #13130d;
  --c--secondary: #ce1c1c;
  --btn--pad: 0.125em 0.75em;
}

body {
	font-size: var(--wp--preset--font-size--medium);
}

a {
	transition: all 0.3s ease;
}

body {
	font-family: "nitti-typewriter-normal", sans-serif;
	font-weight: 400;
}

h1,
.content--wpr p strong,
.content--wpr h2:not(.no-style),
.content--wpr h4,
.like_tags p,
.clan--agenda time {
	font-family: "nitti-typewriter-cameo", sans-serif;
	font-weight: 700;
}

blockquote,
.wp-block-navigation,
.splide__slide .wp-element-caption a,
.auteur--titre,
.clan--agenda-spectacle {
	font-family: "nitti-typewriter-open", sans-serif;
	font-weight: 800;
}

blockquote cite,
.content--wpr a {
	font-family: "nitti-typewriter-underlined", sans-serif;
	font-weight: 500;
}

.wp-block-navigation .wp-block-navigation__submenu-icon,
.splide__slide .wp-element-caption a:hover,
.splide__slide .wp-element-caption a:focus,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content,
.content--wpr p strong,
.content--wpr a,
.like_tags p,
.clan--agenda-annee,
.clan--agenda-spectacle,
.clan--agenda-ville {
	color: var(--c--secondary);
}

.clan--header,
.splide__slide figcaption a,
footer {
	color: white;
}

.splide__pagination__page.is-active {
	background: var(--c--secondary);
}

.splide__slide .wp-element-caption a:hover,
.splide__slide .wp-element-caption a:focus,
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content:focus,
.wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content,
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content {
	background-color: white;
}

.clan--footer,
.clan--header {
	background-color: var(--wp--preset--color--contrast);
}

/* header */

.wp-site-blocks:has(#wp--skip-link--target > .wp-block-post-featured-image) .clan--header,
.home .clan--header {
	background-color: transparent;
	position: absolute;
	top: 0;
	z-index: 1000;
}

.clan--header {
	margin-bottom: var(--wp--preset--font-size--xx-large);
	padding: 1em 0.5em 1em 1em;
	width: 100%;
}

@media screen and (max-width: 1030px) {
	.custom-logo {
		width: 200px;
	}
}

.wp-block-navigation {
	font-size: 1.25rem;
}

.wp-block-navigation a[href*="#"] {
	cursor: default;
}

@media screen and (min-width:711px) {
	header .wp-block-navigation a {
		padding: var(--btn--pad);
	}
}

@media screen and (max-width: 910px) and (min-width: 600px) {
	.wp-block-group.alignwide:has(.wp-block-navigation) {
		flex-direction: column;
	}
}

@media screen and (max-width: 599px) {
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		padding-right: 1em;
	}
}

.wp-block-navigation__submenu-container {
	background-color: rgba(255, 255, 255, 0.5);
}

.clan--header + .wp-block-group {
	margin-top: 0;
	padding-bottom: var(--wp--preset--font-size--xx-large);
}

/* ---------------------- Slider ---------------------- */

.splide__slide figure {
    position: relative;
    height: 100%;
}

.splide__slide figcaption {
    position: absolute;
    bottom: 1rem;
	font-size: 2rem;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0.5rem 1rem;
}

.splide__pagination {
	bottom: -1em;
}

.splide__pagination__page {
	background: black;
	border-radius: 0;
	height: 5px;
	opacity: 1;
	width: 50px;
}

.content--wpr > .wp-block-post-featured-image {
	height: clamp(400px, calc(600px - 10vw), 500px);
}

.splide__slide img,
.wp-block-post-featured-image img {
	height: 100%;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.splide__pagination__page.is-active {
	transform: none;
}

.splide__slide a,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus {
	text-decoration: none;
}

.splide__slide .wp-element-caption a {
	border: solid 2px;
	display: inline-block;
	padding: var(--btn--pad);
}

.entry-content .splide + .wp-block-group,
.alignfull.wp-block-post-featured-image + .wp-block-group {
	background: white url(../img/texture-bg-1920.jpg) repeat-y left top;
	background-size: 100% auto;
	margin-top: 0;
	padding-top: 100px;
}

@media screen and (max-width:910px) {
	.splide__track > .splide__list > .splide__slide.is-active,
	#wp--skip-link--target > .wp-block-post-featured-image {
		min-height: 100vw;
		max-height: 80vh;
	}
	.splide__slide figcaption {
		font-size: 1.5rem;
	}
	.entry-content .splide + .wp-block-group,
	.alignfull.wp-block-post-featured-image + .wp-block-group {
		padding-top: 50px;
	}
}


/* ---------------------- Global --------------------- */

@media screen and (max-width:1550px) {
	.content--wpr > .wp-block-post-featured-image + .wp-block-group,
	.entry-content .splide + .wp-block-group {
		padding-left: 1em;
		padding-right: 1em;
	}
}

.content--wpr h1 {
	font-size: var(--wp--preset--font-size--xx-large);
}

.content--wpr h2:not(.no-style) {
	font-size: var(--wp--preset--font-size--x-large);
	margin-top: 1.5em;
}

.content--wpr h3 {
	font-size: var(--wp--preset--font-size--x-large);
}

.clan--agenda-annee {
	font-size: 2.1875rem;
}

.content--wpr h4,
.clan--agenda time,
.content--wpr .clan--agenda-spectacle {
	font-size: var(--wp--preset--font-size--large);
}

.content--wpr figure {
	margin-bottom: 0;
}

.wp-block-pullquote.alignfull {
	border-left: 3px solid var(--c--secondary);
	margin: 50px auto;
	width: 80%;
}

.wp-block-pullquote.alignfull blockquote {
	margin-left: 35px;
	text-align: left;
}

.wp-block-pullquote.alignfull blockquote,
.wp-block-pullquote.alignfull blockquote cite {
	font-size: 1.25rem;
}

.clan--dashed-bottom {
	background-image: repeating-linear-gradient(
		to right,
		var(--wp--preset--color--contrast) 0px,
		var(--wp--preset--color--contrast) 8px,
		transparent 8px,
		transparent 12px
		);
	background-position: left bottom;
	background-size: 12px 2px;
	background-repeat: repeat-x;
	margin-bottom: 3em;
	padding-bottom: 3.2rem;
}

.wp-element-caption {
	line-height: 1;
}

@media screen and (max-width:600px) {
	h1, h2, h3, h4 {
		hyphens: auto;
		overflow-wrap: break-word;
	}
}
@media screen and (max-width:450px) {
	.columns-2.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: 100%;
	}
}

/* ---------------------- Equipe --------------------- */

.clan--membre h3 + h4 {
	margin-top: 0;
}

.clan--membre--biblio:not(:empty) {
	margin-top: 1.2em;
}

/* ---------------------- Spectacle --------------------- */

.single-spectacle h1 {
	padding-bottom: 0.5em;
}

.clan--detail {
	gap: var(--wp--preset--font-size--xx-large);
}

.auteur--titre {
	font-size: var(--wp--preset--font-size--large);
}

.like_tags p {
	margin: -2px 0;
}


@media screen and (min-width: 911px) {
	.single-spectacle .content--wpr .wp-block-image {
		flex-shrink: 0;
		max-width: 40%;
		width: 370px;
	}
}

@media screen and (max-width:910px) {
	.single-spectacle .content--wpr .wp-block-image  {
		display: none;
	}
}
@media screen and (max-width: 1040px) {
	.entry-content .splide + .wp-block-group, 
	.alignfull.wp-block-image + .wp-block-group {
		padding-left: 1em;
		padding-right: 1em;
	}
}

.wp-block-embed {
	--dash: 8px;   /* largeur du tiret */
	--gap: 4px;    /* espace entre tirets */
	--size: 2px;   /* épaisseur de la bordure */

	background-image:
	/* haut */
    repeating-linear-gradient(90deg, var(--wp--preset--color--contrast) 0, var(--wp--preset--color--contrast) var(--dash), transparent var(--dash), transparent calc(var(--dash) + var(--gap))),
    /* bas */
    repeating-linear-gradient(90deg, var(--wp--preset--color--contrast) 0, var(--wp--preset--color--contrast) var(--dash), transparent var(--dash), transparent calc(var(--dash) + var(--gap))),
    /* gauche */
    repeating-linear-gradient(180deg, var(--wp--preset--color--contrast) 0, var(--wp--preset--color--contrast) var(--dash), transparent var(--dash), transparent calc(var(--dash) + var(--gap))),
    /* droite */
    repeating-linear-gradient(180deg, var(--wp--preset--color--contrast) 0, var(--wp--preset--color--contrast) var(--dash), transparent var(--dash), transparent calc(var(--dash) + var(--gap)));

	background-size:
	100% var(--size),  /* haut */
	100% var(--size),  /* bas */
	var(--size) 100%,  /* gauche */
	var(--size) 100%;  /* droite */

	background-position: top left, bottom left, top left, top right;
	background-repeat: no-repeat;
	padding: var(--wp--preset--font-size--xx-large);
}

.single-spectacle .wp-block-embed {
	margin: var(--wp--preset--font-size--xx-large) 0;
}

@media screen and (max-width:600px) {
	.single-spectacle .wp-block-embed {
		padding: var(--wp--preset--font-size--medium);
	}
}

/* --------------------- Agenda --------------------- */ 

.clan--agenda:has(.clan--agenda-tournee:empty) {
	display: none;
}

.clan--agenda-annee {
	margin-bottom: 1em;	
	padding-bottom: 0.25em;
	text-align: right;
}

.clan--agenda ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1em 1.5em;
}

@media screen and (min-width: 301px) {
	.clan--agenda ul {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 768px) and (min-width: 301px) {
	.clan--agenda ul {
		grid-template-columns: repeat(2, 1fr);
	}
}

.clan--agenda h3:empty,
.clan--agenda p:empty {
	display: none;
}

.clan--agenda p,
.clan--agenda h3 {
	margin: 0;

}

.clan--agenda time {
	display: block;
	margin-bottom: 1em;
}

.clan--agenda-footer {
	margin-top: 2em;
}

@media (max-width: 768px) {
	.cmplz-cookiebanner {
		width: calc(100% - 60px);
	}
}