:root {
	--pm-petrole: #082f49;
	--pm-hover: #0e4661;
	--pm-soft: #dce6e8;
	--pm-line: #9eb2b8;
	--pm-sable: #f0c98b;
	--pm-histoire: #971a0f;
	--pm-texte: #3c3c3c;
}

.pm-conteneur,
.pm-colonne,
.pm-accordeon__content,
.pm-chronologie__content,
.pm-pense-bete__content,
.pm-a-suivre__content { color: var(--pm-texte); }

.pm-conteneur {
	background: var(--pm-container-bg, transparent);
	border: var(--pm-container-border-width, 1px) solid var(--pm-container-border-color, var(--pm-line));
	border-radius: var(--pm-container-radius, .35rem);
	color: var(--pm-container-color, var(--pm-texte));
	padding: var(--pm-container-spacing, clamp(1rem, 2.5vw, 2rem));
}
.pm-conteneur--border-all { border-width: var(--pm-container-border-width, 1px); }
.pm-conteneur--border-left { border-width: 0; border-left-width: var(--pm-container-border-width, 5px); }
.pm-conteneur--border-right { border-width: 0; border-right-width: var(--pm-container-border-width, 5px); }
.pm-conteneur--border-none { border-width: 0; }

.pm-colonnes {
	background: var(--pm-columns-bg, transparent);
	border-color: var(--pm-columns-border-color, var(--pm-line));
	border-style: var(--pm-columns-border-style, solid);
	border-width: 0;
	border-radius: var(--pm-columns-radius, 0);
	color: var(--pm-columns-color, var(--pm-texte));
	display: grid;
	grid-template-columns: repeat(var(--pm-columns, 2), minmax(0, 1fr));
	gap: var(--pm-columns-gap, clamp(1rem, 2.5vw, 2rem));
	padding: var(--pm-columns-spacing, 0);
}
.pm-colonnes--2 { --pm-columns: 2; }
.pm-colonnes--3 { --pm-columns: 3; }
.pm-colonnes--border-all { border-width: var(--pm-columns-border-width, 1px); }
.pm-colonnes--border-left { border-left-width: var(--pm-columns-border-width, 5px); }
.pm-colonnes--border-right { border-right-width: var(--pm-columns-border-width, 5px); }
.pm-colonnes--border-top { border-top-width: var(--pm-columns-border-width, 5px); }
.pm-colonnes--border-bottom { border-bottom-width: var(--pm-columns-border-width, 5px); }
.pm-colonnes--border-none { border-width: 0; }
.pm-colonne {
	background: var(--pm-column-bg, transparent);
	color: var(--pm-column-color, inherit);
	min-width: 0;
	padding: var(--pm-column-spacing, 0);
}

.pm-accordeon {
	border: 1px solid var(--pm-accordion-border-color, var(--pm-line));
	border-radius: var(--pm-accordion-radius, .35rem);
	overflow: hidden;
}
.pm-accordeon summary {
	background: var(--pm-accordion-title-bg, var(--pm-petrole));
	color: var(--pm-accordion-title-color, #fff);
	cursor: pointer;
	list-style: none;
	padding: 1rem 3rem 1rem 1.25rem;
	position: relative;
}
.pm-accordeon summary::-webkit-details-marker { display: none; }
.pm-accordeon summary::after {
	content: '+';
	font-size: 1.5rem;
	position: absolute;
	right: 1.25rem;
	top: .6rem;
}
.pm-accordeon[open] summary::after { content: '\2212'; }
.pm-accordeon summary:hover { filter: brightness(.94); }
.pm-accordeon__title { font-weight: 700; margin: 0; }
.pm-accordeon__content {
	background: var(--pm-accordion-content-bg, transparent);
	color: var(--pm-accordion-content-color, var(--pm-texte));
	padding: var(--pm-accordion-content-spacing, 1.25rem);
}

.pm-chronologie {
	border-left: 3px solid var(--pm-histoire);
	padding: .25rem 0 1.5rem 1.5rem;
	position: relative;
}
.pm-chronologie::before {
	background: var(--pm-histoire);
	border: 4px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--pm-histoire);
	content: '';
	height: .75rem;
	left: -.48rem;
	position: absolute;
	top: .4rem;
	width: .75rem;
}
.pm-chronologie__period { color: var(--pm-histoire); font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.pm-chronologie__title { color: var(--pm-petrole); margin: .25rem 0 .75rem; }

.pm-pense-bete,
.pm-a-suivre { border-radius: var(--pm-note-radius, .35rem); padding: clamp(1rem, 2.5vw, 1.75rem); }
.pm-pense-bete {
	background: var(--pm-note-content-bg, var(--pm-soft));
	border: 0 solid var(--pm-note-border-color, var(--pm-petrole));
	border-left-width: var(--pm-note-border-width, 5px);
	color: var(--pm-note-content-color, var(--pm-texte));
}
.pm-pense-bete--border-all { border-width: var(--pm-note-border-width, 1px); }
.pm-pense-bete--border-left { border-width: 0; border-left-width: var(--pm-note-border-width, 5px); }
.pm-pense-bete--border-right { border-width: 0; border-right-width: var(--pm-note-border-width, 5px); }
.pm-pense-bete--border-top { border-width: 0; border-top-width: var(--pm-note-border-width, 5px); }
.pm-pense-bete--border-bottom { border-width: 0; border-bottom-width: var(--pm-note-border-width, 5px); }
.pm-pense-bete--border-none { border-width: 0; }
.pm-a-suivre { background: var(--pm-petrole); border-top: 5px solid var(--pm-sable); color: #fff; }
.pm-pense-bete__title,
.pm-a-suivre__title { margin: 0 0 .75rem; }
.pm-pense-bete__title {
	background: var(--pm-note-title-bg, transparent);
	color: var(--pm-note-title-color, var(--pm-petrole));
	font-size: var(--pm-note-title-size, inherit);
	font-style: var(--pm-note-title-style, normal);
	font-weight: var(--pm-note-title-weight, 700);
	padding: var(--pm-note-title-spacing, 0);
	text-align: var(--pm-note-title-align, left);
}
.pm-pense-bete__content { color: var(--pm-note-content-color, var(--pm-texte)); padding: var(--pm-note-content-spacing, 0); }
.pm-a-suivre__title { color: var(--pm-sable); }
.pm-a-suivre__content { color: #fff; }
.pm-a-suivre a { color: var(--pm-sable); }

.pm-conteneur > :first-child,
.pm-colonne > :first-child,
.pm-accordeon__content > :first-child,
.pm-chronologie__content > :first-child,
.pm-pense-bete__content > :first-child,
.pm-a-suivre__content > :first-child { margin-top: 0; }
.pm-conteneur > :last-child,
.pm-colonne > :last-child,
.pm-accordeon__content > :last-child,
.pm-chronologie__content > :last-child,
.pm-pense-bete__content > :last-child,
.pm-a-suivre__content > :last-child { margin-bottom: 0; }

/* Repères discrets uniquement dans Gutenberg. */
.editor-styles-wrapper .pm-colonne { border: 1px dashed var(--pm-line); min-height: 5rem; padding: .75rem; }
.editor-styles-wrapper .pm-a-suivre .block-editor-default-block-appender__content,
.editor-styles-wrapper .pm-a-suivre .block-editor-inserter__toggle { color: #fff; }

/* Gutenberg insère deux enveloppes entre le parent et les blocs Colonne.
 * La grille d'édition doit donc être portée par la liste intérieure. */
.editor-styles-wrapper .pm-colonnes {
	display: block;
	width: 100%;
}
.editor-styles-wrapper .pm-colonnes > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	gap: var(--pm-columns-gap, clamp(1rem, 2.5vw, 2rem));
	width: 100%;
}
.editor-styles-wrapper .pm-colonnes--2 > .block-editor-inner-blocks > .block-editor-block-list__layout {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.editor-styles-wrapper .pm-colonnes--3 > .block-editor-inner-blocks > .block-editor-block-list__layout {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.editor-styles-wrapper .pm-colonnes > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
	margin-bottom: 0;
	margin-top: 0;
	min-width: 0;
	width: auto;
}
.editor-styles-wrapper .pm-colonne {
	box-sizing: border-box;
	min-height: 6rem;
	width: 100%;
}

@media (max-width: 599px) {
	.pm-colonnes:not(.block-editor-block-list__block) { grid-template-columns: 1fr; }
	.editor-styles-wrapper .pm-colonnes--2 > .block-editor-inner-blocks > .block-editor-block-list__layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.editor-styles-wrapper .pm-colonnes--3 > .block-editor-inner-blocks > .block-editor-block-list__layout { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}