@charset "ISO-8859-1";

/*
Author: YJ Studio Jean F. Vole
Author URI: https://jf.vole.photos/

Layout, (C) 2022 Jean F. Vole
Layout is distributed under the terms of the GNU GPL.
*/

/*
 * Header archive et singular
 */
.layout-header {
	display: flex;
	flex-direction: column;
	gap: var(--md-content-card-gap);
}

.layout-header:not(.without-action-bottom) {
	padding: var(--md-content-card-padding-top-bottom) var(--md-content-card-padding);
}

.layout-header.without-action-bottom {
	padding-top: var(--md-content-card-gap);
	padding-right: var(--md-content-card-gap);
	padding-left: var(--md-content-card-gap);
}

.layout-header .layout-action-bottom {
	text-align: end;
}

.layout-header .layout-action-top>*, .layout-header .layout-action-bottom>*
	{
	margin-bottom: var(--md-content-card-gap);
}

.layout-header .layout-action-top>*:not(:first-child), .layout-header .layout-action-bottom>*:not(:first-child)
	{
	margin-left: 8px;
}

/*
 * Archive
 */
@media only screen and (max-width: 599px) {
	.layout-archive {
		display: grid;
		grid-template-rows: 160px auto;
		grid-template-areas: "layout-image" "layout-headline" "layout-text"
			"layout-action";
		gap: var(--md-layout-gap);
	}
	.layout-archive.without-image {
		grid-template-rows: none;
		grid-template-areas: "layout-headline" "layout-text" "layout-action";
	}
	.layout-archive.without-image.without-text {
		grid-template-areas: "layout-headline" "layout-action";
	}
	.layout-archive.without-image.without-text.without-action {
		grid-template-areas: "layout-headline";
	}
	.layout-archive.without-headline.without-image.without-text {
		grid-template-areas: "layout-action";
	}
	.layout-archive>*:not(.layout-image) {
		padding-left: var(--md-card-padding);
	}
	.layout-archive .layout-headline {
		padding-top: var(--md-card-border-radius);
	}
	.layout-archive-header {
		display: grid;
		grid-template-columns: 33% auto;
		grid-template-rows: auto;
		grid-template-areas: "void layout-headline" "void layout-subhead"
			"void layout-text";
		gap: var(--md-layout-gap);
	}
	.layout-archive-header .layout-headline {
		padding-top: var(--md-card-border-radius);
	}
	.layout-image, .layout-image .leaflet-container {
		border-top-left-radius: var(--md-card-border-radius);
		border-top-right-radius: var(--md-card-border-radius);
	}
}

@media only screen and (min-width: 600px) and (max-width: 839px) {
	.layout-archive {
		display: grid;
		grid-template-rows: 160px auto;
		grid-template-areas: "layout-image" "layout-headline" "layout-text"
			"layout-action";
		gap: var(--md-layout-gap);
	}
	.layout-archive.without-image {
		grid-template-rows: none;
		grid-template-areas: "layout-headline" "layout-text" "layout-action";
	}
	.layout-archive.without-image.without-text {
		grid-template-areas: "layout-headline" "layout-action";
	}
	.layout-archive.without-image.without-text.without-action {
		grid-template-areas: "layout-headline";
	}
	.layout-archive.without-headline.without-image.without-text {
		grid-template-areas: "layout-action";
	}
	.layout-archive>*:not(.layout-image) {
		padding-left: var(--md-card-padding);
	}
	.layout-archive-header {
		display: grid;
		grid-template-areas: "layout-headline" "layout-subhead" "layout-text";
		gap: var(--md-layout-gap);
	}
	.layout-archive-header .layout-headline {
		padding-top: var(--md-card-border-radius);
	}
	.layout-archive-header>* {
		padding-left: var(--md-card-padding);
	}
	.layout-image, .layout-image .leaflet-container {
		border-top-left-radius: var(--md-card-border-radius);
		border-top-right-radius: var(--md-card-border-radius);
	}
}

@media only screen and (min-width: 840px) {
	.layout-archive {
		display: grid;
		grid-template-rows: 33.33vh auto;
		grid-template-areas: "layout-image" "layout-headline" "layout-text"
			"layout-action";
		grid-gap: var(--md-layout-gap);
	}
	.layout-archive.without-image {
		grid-template-rows: min-content;
		grid-template-areas: "layout-headline" "layout-text" "layout-action";
	}
	.layout-archive.without-image.without-text {
		grid-template-areas: "layout-headline" "layout-action";
	}
	.layout-archive.without-image.without-text.without-action {
		grid-template-areas: "layout-headline";
	}
	.layout-archive.without-headline.without-image.without-text {
		grid-template-areas: "layout-action";
	}
	.layout-archive>*:not(.layout-image) {
		padding-left: var(--md-card-padding);
	}
	.layout-archive-header {
		display: grid;
		grid-template-areas: "layout-headline" "layout-subhead" "layout-text";
		gap: var(--md-layout-gap);
	}
	.layout-archive-header .layout-headline {
		padding-top: var(--md-card-border-radius);
	}
	.layout-archive-header>* {
		padding-left: var(--md-card-padding);
		padding-right: var(--md-card-padding);
	}
	.layout-image, .layout-image .leaflet-container {
		border-top-left-radius: var(--md-card-border-radius);
		border-top-right-radius: var(--md-card-border-radius);
	}
}

.layout {
	margin: 0;
}

.layout>* {
	margin: 0;
}

.layout-archive>*:not(.layout-image) {
	padding-right: var(--md-card-padding);
	margin: 0;
}

.layout-archive>*:first-child:not(.layout-image) {
	padding-top: var(--md-card-padding);
}

.layout-archive {
	height: 100%;
}

.layout-archive>*:last-child {
	margin-top: auto;
}

.layout-archive>*:last-child, .layout-archive-header>*:last-child {
	padding-bottom: var(--md-card-padding);
}

.layout-image {
	grid-area: layout-image;
	background-size: cover;
	background-position: center;
}

.layout-headline {
	grid-area: layout-headline;
}

.layout-subhead {
	grid-area: layout-subhead;
	text-align: justify;
}

.layout-text {
	grid-area: layout-text;
	text-align: justify;
}

.layout-action {
	grid-area: layout-action;
	padding-bottom: var(--md-layout-margin);
	text-align: end;
}

.layout-action>*:not(:first-child) {
	margin-left: 8px;
}

.layout-action>* {
	margin-bottom: 8px;
}

.layout-grid {
	display: grid;
	gap: 8px;
}
/*
 * Article
 */
.layout-article {
	display: grid;
	grid-template-rows: 33.33vh auto;
	grid-template-areas: "layout-image" "layout-headline" "layout-text"
		"layout-action";
	grid-gap: var(--md-layout-gap);
}

.layout-article>*:not(.layout-image) {
	padding-left: var(--md-card-padding);
	padding-right: var(--md-card-padding);
}

.layout-article .layout-image {
	border-top-left-radius: var(--md-card-border-radius);
	border-top-right-radius: var(--md-card-border-radius);
}

/*
 * encapsules les chips avec le bon gap etc...
 */
.layout-article-chips {
	padding: 16px;
	text-align: end;
}

.layout-chips {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 8px;
	row-gap: 16px;
	justify-content: flex-end;
}

/*
 * encapsules le contenu d'un article
 */
.layout-content {
	padding: var(--md-card-padding);
}

/*
 * encapsules le contenu d'un attachment
 */
.layout-image p {
	display: none;
}

.layout-attachment .layout-image {
	border-radius: var(--md-card-border-radius);
	width: 100%;
}