/*
Theme Name: Campagne Têtu
Theme URI: https://www.campagnetetu.medianes.net/
Description: Thème enfant de Twenty Twenty-Five pour la campagne Têtu. Les réglages, polices et styles de la campagne vivent ici et survivent aux mises à jour du thème parent.
Author: Médianes
Template: twentytwentyfive
Version: 1.0.0
Text Domain: campagnetetu
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a:where(:not(.wp-element-button)) {
	text-decoration: underline;
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

[data-socledon-mounted],
[data-socledon-widget] {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 1px 12px 0 #ffb7df;
	overflow: hidden;
}

[data-socledon-mounted] iframe {
	display: block;
	width: 100%;
	border: 0;
	background: #fff;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

/*
 * Cartes contreparties : titre en haut, texte au milieu, bouton en bas.
 */
.wp-block-columns.contrepartie {
	align-items: stretch !important;
	column-gap: 3.5625rem;
	row-gap: 1.5rem;
}

.wp-block-columns.contrepartie > .wp-block-column {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	align-self: stretch;
	min-height: 24.75rem;
}

.wp-block-columns.contrepartie > .wp-block-column > .wp-block-heading,
.wp-block-columns.contrepartie > .wp-block-column > .wp-block-paragraph,
.wp-block-columns.contrepartie > .wp-block-column > .wp-block-buttons {
	margin-block: 0;
}

.wp-block-columns.contrepartie > .wp-block-column > .wp-block-heading + .wp-block-paragraph {
	margin-block-start: auto;
}

.wp-block-columns.contrepartie > .wp-block-column > .wp-block-paragraph + .wp-block-paragraph {
	margin-block-start: 0.75rem;
}

.wp-block-columns.contrepartie > .wp-block-column > .wp-block-buttons {
	margin-block-start: auto;
	width: 100%;
}

.wp-block-columns.contrepartie .wp-block-button,
.wp-block-columns.contrepartie .wp-block-button__link {
	width: 100%;
	justify-content: center;
}

/*
 * Le CSS additionnel du site force encore Degular.
 * Ces règles, plus spécifiques, rétablissent Bitter et Thunder LC.
 */
body .entry-content p,
body .has-degular-text-font-family,
body .has-degular-font-family,
body .has-degular-mono-font-family,
body .has-loretta-font-family {
	font-family: "Bitter", serif !important;
}

body .entry-content :is(h1, h2, h3, h4, h5, h6),
body .wp-block-heading,
body .has-thunder-lc-font-family,
body .entry-content p:is(
	.is-style-h1,
	.is-style-h1-gras,
	.is-style-h1-leger,
	.is-style-h1-mobile,
	.is-style-h1-gras-mobile,
	.is-style-h1-leger-mobile,
	.is-style-h3,
	.is-style-h3-mobile,
	.is-style-h4
) {
	font-family: "Thunder LC", sans-serif !important;
}

.compteur-temps-wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 6px;
}

.compteur-segment {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}

body .compteur-temps-container .compteur-nombre,
body .compteur-temps-container .compteur-separator {
	color: #000 !important;
	font-family: "Thunder LC", sans-serif !important;
	font-size: 40px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0.025rem !important;
	text-transform: uppercase;
}

.compteur-separator {
	display: flex;
	align-items: center;
	padding: 6px;
}

body .compteur-temps-container .compteur-label {
	color: #000 !important;
	font-family: "Bitter", serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
	letter-spacing: 0 !important;
	text-align: center;
}

@media (max-width: 782px) {
	body h1.wp-block-heading,
	body .wp-block-heading:is(.is-style-h1, .is-style-h1-mobile, .is-style-h1-leger, .is-style-h1-leger-mobile, .is-style-h1-gras, .is-style-h1-gras-mobile) {
		font-size: 3.125rem !important;
	}

	body h3.wp-block-heading,
	body .wp-block-heading:is(.is-style-h3, .is-style-h3-mobile) {
		font-size: 2rem !important;
	}

	body {
		--wp--style--root--padding-left: 1.25rem !important;
		--wp--style--root--padding-right: 1.25rem !important;
	}

	p.txt-mobile {
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 28px */
	}

	.wp-block-columns.contrepartie {
		row-gap: 1.25rem;
		width: calc(100vw - 2.5rem) !important;
		max-width: calc(100vw - 2.5rem) !important;
		margin-left: calc(50% - 50vw + 1.25rem) !important;
		margin-right: calc(50% - 50vw + 1.25rem) !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.wp-block-columns.contrepartie > .wp-block-column {
		flex-basis: 100% !important;
		width: 100% !important;
		min-height: 0;
		padding: 1.5rem !important;
	}

	.wp-block-columns.contrepartie > .wp-block-column > .wp-block-heading + .wp-block-paragraph,
	.wp-block-columns.contrepartie > .wp-block-column > .wp-block-paragraph + .wp-block-paragraph,
	.wp-block-columns.contrepartie > .wp-block-column > .wp-block-buttons {
		margin-block-start: 1.25rem !important;
	}
}

/*
 * Accordéon FAQ : ombre rose fermé, ombre bleue et bord noir ouvert, chevrons.
 */
.wp-block-accordion.is-layout-flow > * + * {
	margin-block-start: 1.5rem !important;
}

.wp-block-accordion-item {
	background: #fff;
	border: 1px solid transparent;
	border-radius: 6px;
	box-shadow: 0 1px 12px 0 #ffb7df !important;
	overflow: hidden;
}

.wp-block-accordion-item.is-open {
	border-color: #000;
	box-shadow: 3px 3px 0 #000052 !important;
}

.wp-block-accordion-heading {
	margin: 0;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: "Thunder LC", sans-serif !important;
	font-size: 1.6875rem !important;
	font-weight: 500 !important;
	font-style: normal !important;
	line-height: 1 !important;
	letter-spacing: 0.050625rem !important;
	text-transform: none !important;
}

.wp-block-accordion-heading__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	padding: 1.5rem !important;
	color: #000;
	text-align: left;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title,
.wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.wp-block-accordion-heading__toggle-title {
	flex: 1;
}

.wp-block-accordion-heading__toggle-icon {
	display: block;
	position: relative;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	margin: 0;
	overflow: hidden;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	border: 0;
	background: none !important;
	transform: none !important;
	rotate: none !important;
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon {
	transform: none !important;
	rotate: none !important;
}

.wp-block-accordion-heading__toggle-icon::after {
	content: "";
	position: absolute;
	inset: 0;
	background: center / 24px 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 9l7 7 7-7' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 15l7-7 7 7' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.wp-block-accordion-panel {
	padding: 0 1.5rem 1.5rem !important;
}

.wp-block-accordion-panel p {
	margin: 0 0 1.5rem;
	padding: 0 !important;
	color: #000 !important;
	font-family: "Bitter", serif !important;
	font-size: 1.125rem !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.3 !important;
}

.wp-block-accordion-panel p:last-child {
	margin-bottom: 0;
}

.wp-block-button__link:hover {
	background-color: #ffe0f1 !important;
	color: #000 !important;
	border-color: #000 !important;
	box-shadow: 4px 4px 0 #000052;
}

.wp-block-button__link:focus,
.wp-block-button__link:focus-visible,
.wp-block-button__link:active,
.wp-element-button:focus,
.wp-element-button:focus-visible,
.wp-element-button:active {
	outline: none;
}

p.chapo {
	background-color: transparent;
}

p.chapo .chapo-fond {
	background-color: #fff;
	border-radius: 6px;
	padding: 3px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}