/*
Theme Name: PILIPILI
Theme URI: 
Author: Ici Sue
Author URI: 
Description: Un thème pour le site du STUDIO PILIPILI, basé sur le thème Spierkermann d'Anders Noren
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pilipili
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, blog, portfolio, news

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: 'salt' on, 'calt' off, 'liga' off;
	font-synthesis: small-caps style;
}

:root :where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

a, .wp-element-button {
	transition: color .1s linear, background-color .1s linear, border-color .1s linear, opacity .1s linear;
}

@supports (min-height: 100dvh) {
	[style*="min-height:100vh"] {
		min-height: calc( 100dvh - var( --wp-admin--admin-bar--height, 0px ) ) !important;
	}
}

.wp-site-blocks > .wp-block-group[style*="min-height:100vh"] > main {
	flex: 1;
}

/*
 * Elements
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: 'salt' on, 'calt' off, 'liga' off;
	font-synthesis: small-caps style;
}

:root :where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.15em;
}

a, .wp-element-button {
	transition: color .1s linear, background-color .1s linear, border-color .1s linear, opacity .1s linear;
}

@supports (min-height: 100dvh) {
	[style*="min-height:100vh"] {
		min-height: calc( 100dvh - var( --wp-admin--admin-bar--height, 0px ) ) !important;
	}
}

.wp-site-blocks > .wp-block-group[style*="min-height:100vh"] > main {
	flex: 1;
}

/*
 * Elements
 */

thead {
	background-color: var( --wp--preset--color--contrast );
	border: none;
	color: var( --wp--preset--color--base );
}

th {
	font-weight: 400;
}

/*
 * Typography
 */

:where( .has-x-large-font-size ),
:where( .has-large-font-size ) {
	line-height: 1.35;
}

.entry-content,
.comment-content {
	font-feature-settings: 'cv10' on, 'ss01' on, 'ss03' on, 'ss02' on, 'liga' off, 'calt' off;
}

/*
 * Helper classes
 */

.hide-empty:not(:has(*)) {
	display: none !important;
}

.ss00 { font-feature-settings: 'liga' off; }
.ss01 { font-feature-settings: 'salt' on; }
.ss02 { font-feature-settings: 'salt' on, 'ss02' on; }
.ss03 { font-feature-settings: 'salt' on, 'ss03' on; }
.ss04 { font-feature-settings: 'salt' on, 'ss04' on; }
.ss05 { font-feature-settings: 'salt' on, 'ss05' on; }

/*
 * Inputs
 */

::placeholder {
	color: var( --wp--preset--color--contrast-2 );
}

label {
	font-size: var(--wp--preset--font-size--small);
}

:where(input, textarea, select) {
	background-color: var(--wp--preset--color--base);
	border: 1px solid;
	border-radius: 5px;
	color: inherit;
	font-family: var(--wp--preset--font-family--body-alt);
	font-size: var( --wp--preset--font-size--normal );
	line-height: 1.5;
	margin: 0;
	padding: .666em 1em;
}

textarea {
	height: 5lh;
}

/*
 * Template Part: Footer
 */

footer.wp-block-template-part a[href="https://andersnoren.se"] {
	text-decoration: none;
}

footer.wp-block-template-part a[href="https://andersnoren.se"]:hover {
	text-decoration: underline;
}


/*
 * custom PILIPILI CSS : pages projets (posts)
 */

.rubrique-tag {
	letter-spacing: 0.1em;
	font-weight:600;
}

.taxonomy-category {
	font-weight: 900;
}


	/* styling ID card */

.is-acf-field ul {
	padding-left: 12px;
	margin:0;
}

.project-id{
	row-gap: 24px;
}

.project-id > div {
	flex: auto;
	width: 100%;
}

/* __________________________________________________________________________________*/


	/* category list */
/* 
.cat-item a {
	text-decoration: none;
}
*/

.wp-block-categories-list {
	list-style:none;
}



.une-projet img {
	aspect-ratio: 2/1;

}

.contact-pilipili {
	max-width: 1440px;
}


.wp-block-navigation:not(.has-background) 
.wp-block-navigation__submenu-container {
  background-color: #fff;
  border:none;
  padding-top: 16px;
}

.wp-block-navigation__submenu-container li {

  border:none;
  border-left: 1px solid #FABD00;

}

footer a {
	font-size: var(--wp--preset--font-size--xx-small);
}