/* cache sidebar */
.sidebar {
	display: none;
}





/* custom style for portraits */
/**/

/* HEADER */
/* Header */
.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: black;
	border-radius: 10px;
	padding: 10px 20px;
	margin: 10px;
	margin: 1.5em;


}

/* Cache le titre du site */
.site-branding {
	display: none;
}

/* Conteneur nav */
.main-navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.menu-menu-1-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

/* Lien HOME */
.burger-home-link {
	flex: 1;
	color: white;
	text-decoration: none;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	background-color: black;
	border-radius: 10px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	z-index: 9999;
}

.burger-home-link:visited {
	color: white;
	text-decoration: none;
}

/* Cache le menu par défaut */
#primary-menu {
	display: none;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: black;
	z-index: 9999;
	gap: 40px;
	margin: 0;
	padding: 0 10vw;
	list-style: none;
	box-sizing: border-box;

	font-size: 8em;
	font-weight: 700;



	font-family: poppins;
}

#primary-menu.open {
	display: flex !important;
}

#primary-menu li a {
	color: white;
	text-decoration: none;
	font-size: clamp(2rem, 6vw, 5rem);
	font-weight: 700;
	text-transform: uppercase;
}

#primary-menu .current-menu-item a {
	color: var(--rose);
}

/* Burger */
.burger {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	gap: 6px;
	background-color: black;
	border: none;
	outline: none;
	box-shadow: none;
	padding: 12px;
	border-radius: 10px;
	flex-shrink: 0;
	/* position: fixed; */
	z-index: 1000;
	/* right: 0; */
}

.burger span {
	display: block;
	width: 25px;
	height: 3px;
	background-color: var(--rose);
	border-radius: 10px;
}

/* Croix fermer */
.burger-close {
	background: none;
	border: none;
	color: white;
	font-size: 4rem;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 1;
}

button.bruger {
	margin-right: 0;
}






/* FOOTER */

/* cache site info */

.site-info {
	display: none
}


/* modif display */
.post-6 {
	height: fit-content;
}

.entry-footer {
	display: none;
}

/* ===== FOOTER ===== */

/* Conteneur principal du footer */
#secondary {
	background-color: black;
	padding: 1em;
	margin: 0 1.5em 1.5em;
	border-radius: 10px;
	color: white;
	display: flex;
	flex-direction: column;
	gap: 1em;
	margin: 0 1.5em 0;
}

/* ===== BARRE DE RECHERCHE ===== */

.searchbar .wp-block-search__label {
	color: white;
	font-weight: 700;
	font-size: 1.2em;
	display: block;
	margin-bottom: 0.4em;
}

.searchbar .wp-block-search__inside-wrapper {
	display: flex;
	gap: 0.5em;
	width: 100% !important;
}

.searchbar .wp-block-search__input {
	flex: 1;
	padding: 0.5em 0.8em;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background-color: rgba(255, 255, 255, 0.1);
	color: white;
	font-size: 0.9em;
	outline: none;
	caret-color: var(--rose);
	color: var(--rose);

}

/* Couleur du texte placeholder dans le champ de recherche */
.searchbar .wp-block-search__input::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.searchbar .wp-block-search__input:focus {
	color: var(--rose);
}

/* Bouton de recherche — même style que les autres boutons du site */
.searchbar .wp-block-search__button {
	appearance: none;
	background-color: var(--rose) !important;
	border: none;
	border-radius: 5px !important;
	font-weight: 700;
	font-size: 0.85em;
	font-family: poppins-bold;
	text-transform: uppercase;
	color: white;
	padding: 0.5em 1em;
	cursor: pointer;
}

/* ===== COLONNES DE PRÉNOMS ===== */

/* Supprime les puces et l'indentation des listes */
#secondary .wp-block-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Espacement vertical entre chaque prénom — augmente/diminue cette valeur */
#secondary .wp-block-list li {
	padding: 0.15em 0;
	font-size: 0.9em;
	color: rgba(255, 255, 255, 0.8);
}

/* Colonne de gauche — prénoms alignés à gauche */
#secondary .wp-block-columns .wp-block-column:first-child .wp-block-list {
	text-align: left;
}

/* Colonne du centre — prénoms centrés */
#secondary .wp-block-columns .wp-block-column:nth-child(2) .wp-block-list {
	text-align: center;
}

/* Colonne de droite — prénoms alignés à droite */
#secondary .wp-block-columns .wp-block-column:last-child .wp-block-list {
	text-align: right;
}

#block-5 {

	margin: 0;
	height: fit-content;

}




/* CONTENU ================ */



/* couleur */

:root {
	--rose: #FF0073;
}


/* font */
@font-face {
	/* poppins */
	font-family: poppins;
	src: url(webfonts/poppins/Poppins_Complete/Fonts/WEB/fonts/Poppins-ExtraBold.woff);
}




@font-face {
	/* poppins BOLD */
	font-family: poppins-bold;
	src: url(webfonts/poppins/Poppins_Complete/Fonts/WEB/fonts/Poppins-Bold.woff2);
}

@font-face {
	/* poppins BOLD */
	font-family: poppins-semi;
	src: url(webfonts/poppins/Poppins_Complete/Fonts/WEB/fonts/Poppins-SemiBold.woff2);
}



@font-face {
	/* redhat */
	font-family: red-hat;
	src: url(webfonts/red-hat/8vIQ7wUr0m80wwYf0QCXZzYzUoTg_T6hR4jNCA.woff2);
}



h1.page-title {

	display: none;

}

.portraits-grid {


	background-color: #000000;
	border-radius: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);

	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1.5em;

}


.portraits-grid article {
	position: relative;
	width: 94%;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	height: 30vh;
	border-radius: 20px;

}


.portraits-grid article img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.portraits-grid article h4 {
	position: absolute;
	top: 0;
	left: 0;

}






.search article {

	background-color: aquamarine;
}

/* BODY */

body {

	font-family: red-hat;
}

/* SITE TITLE */


.site-title {
	display: none;

}

/* HOME PAGE */
.home .entry-header {
	display: none;
}

/* INTRO HOME */
.entry-content .intro {

	background-color: black;
	color: white;
	padding-left: 2.5em;
	padding-right: 2.5em;
	padding-top: 2.5em;
	padding-bottom: 2.5em;

	height: 82.5vh;

	margin-left: 1.5em;
	margin-right: 1.5em;

	margin-bottom: 1.5em;
	border-radius: 10px;



}

.entry-content img {
	width: 100vw !important;
	object-fit: cover;
	border-radius: 12px;
	height: 40vh;
	margin-bottom: 2em;
	margin-top: 2em;

}


/* TEXTE INTRO TITRE */



.titre-home {
	width: 100%;
	flex-direction: row !important;
	gap: 0;

}

.titre-home h1,
.titre-home h2 {
	width: 50%;
	margin: 0;
	font-size: 7.8em;
	font-weight: 700;
	line-height: 0.8em;
	letter-spacing: -5px;

	font-family: poppins;
}

.titre-home h2 {
	text-align: right;
}

span {
	color: var(--rose);
}

/* CTA TEXTE */
/* Cache le bouton natif WordPress */
.menu-toggle {
	display: none !important;
}



.info-cta-home {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1.5rem;
}

.info-cta-home p {
	margin: 0;
	flex: 3;
	/* ~75% */
	color: var(--rose);
	font-size: 1.1em;
}

.info-cta-home span {
	margin: 0;
	flex: 3;
	/* ~75% */
	color: #ffffff;

}


.info-cta-home .wp-block-buttons {
	flex: 1;
	/* ~25% */
	display: flex;
	justify-content: center;
}

.cta {
	appearance: none;
	background-color: var(--rose);
	border-radius: 5px;
	font-weight: 700;
	font-size: 1.2em;
	font-family: poppins-bold;
	text-transform: uppercase;
	margin-left: auto;
}

.info-cta-home.wp-block-group {
	flex-direction: row !important;
	align-items: flex-end;
}

.info-cta-home p {
	margin: 0;
	flex: 3;
}

.info-cta-home .wp-block-buttons {
	flex: 1;
	justify-content: center;
}






/* DECOUVRIR PROJETS SECTION ============================*/


.entry-content .projets-decouvrir {
	background-color: black;
	color: white;
	padding: 1.5em;
	margin: 0 1.5em 1.5em;
	margin-bottom: 0;
	border-radius: 10px;
}

/* CTA */



.wp-block-button__link {

	background-color: var(--rose);
}



a:visited {
	color: #ffffff;
}


/* CONTENT */

h3 {

	text-transform: uppercase;
	font-family: poppins-bold;
	font-size: 3em;
	margin: 0;


}

.entry-content .projets-decouvrir img {

	margin: 0;
	max-height: 25vh;
}


/* CSS SHORTCODE */

.random-images {

	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	width: 100%;

}

a {
	text-decoration: none;
}


.shortcode-item {
	width: 31.5%;
}

.shortcode-col {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
	transition: all ease-in-out 0.3s;
}

.shortcode-col img {
	width: 100%;
	display: block;
	border-radius: 0;
}



.shortcode-item h5 {
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: var(--rose);
	font-family: poppins-bold;
	font-size: 3em;
	opacity: 0;
	transition: all ease-in-out 0.3s;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}


.shortcode-item a:hover h5 {

	opacity: 1;


}


.shortcode-item a:hover img {

	opacity: 0;


}



/* SSERIE */

.entry-title{

display: none;

}
.post-thumbnail {

	display: none;
}



.nav-next,
.nav-previous{
	display: none;
}

.type-portrait{
	background-color: #000000;
	color: #ffffff;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border-radius: 10px;
}

.entry-header{

display: none;

}

.entry-content{

color: #000000;
}

/* MOBILE ===============================================================*/


@media (max-width: 768px) {

	/* ===== HERO ===== */

	.entry-content .intro {
		height: 100svh;
		margin: 0;
		border-radius: 0;
		padding: 1em;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 0.5em;
		overflow: hidden;
	}

	.entry-content .intro .info-cta-home {
		display: none !important;
	}

	.entry-content .intro .titre-home {
		order: 1;
		flex-direction: column !important;
		gap: 0 !important;
		width: 100%;
		margin: 0;
	}

	.entry-content .intro img {
		order: 2;
		display: block !important;
		width: 1% !important;
		height: 35vw;
		object-fit: cover;
		border-radius: 10px;
		margin: 0;
	}

	/* Deuxième titre — si tu as un second .titre-home */
	.entry-content .intro .titre-home:last-of-type {
		order: 3;
	}

	.titre-home h1,
	.titre-home h2 {
		width: 100% !important;
		font-size: 16vw !important;
		letter-spacing: -1px;
		line-height: 0.88em;
		margin: 0;
	}

	.titre-home h2 {
		text-align: left !important;
	}

	/* ===== PORTRAITS GRID ===== */

	.portraits-grid {
		grid-template-columns: 1fr;
		margin: 1em;
		gap: 0;
	}

	.portraits-grid article {
		width: 100%;
		margin: 0 0 1em 0;
		height: 55vw;
		border-radius: 14px;
	}

	/* ===== PROJETS / DECOUVRIR ===== */

	.entry-content .projets-decouvrir {
		margin: 1em;
		padding: 1.25em;
		border-radius: 10px;
	}

	.entry-content .projets-decouvrir img {
		display: block !important;
		width: 100% !important;
		height: 45vw;
		object-fit: cover;
		border-radius: 8px;
		margin: 0.75em 0;
	}

	h3 {
		font-size: 2.2em;
		line-height: 1em;
	}

	/* ===== SHORTCODES ===== */

	.random-images {
		flex-direction: column;
		gap: 1em;
		margin-bottom: 1.5em;
	}

	.shortcode-item {
		width: 100%;
	}

	.shortcode-col {
		border-radius: 10px;
		height: 55vw;
	}

	.shortcode-col img {
		height: 100%;
		object-fit: cover;
	}

	.shortcode-item h5 {
		font-size: 2em;
	}

	/* ===== IMAGES GLOBALES (hors hero) ===== */

	.entry-content img {
		width: 100% !important;
		height: 45vw;
		border-radius: 10px;
		margin: 0.75em 0;
	}

	/* ===== TYPE PORTRAIT ===== */

	.type-portrait {
		margin: 1em;
		padding: 1.25em;
		border-radius: 10px;
	}

	/* ===== SIDEBAR FOOTER ===== */

	#secondary .wp-block-columns {
		flex-direction: column;
		gap: 1rem;
	}

	#secondary .wp-block-columns .wp-block-column:first-child .wp-block-list,
	#secondary .wp-block-columns .wp-block-column:nth-child(2) .wp-block-list,
	#secondary .wp-block-columns .wp-block-column:last-child .wp-block-list {
		text-align: left;
	}
}