/* ===== HEADER — compte + recherche ===== */

.uicore-custom-area:has(.pp-nav-extras){
	width:auto !important;
	overflow:visible;
}

.pp-nav-extras{
	display:inline-flex;
	align-items:center;
	gap:16px;
	height:100%;
	color:var(--e-global-color-uicore_headline, #33221F);
}

.pp-nav-account{
	display:inline-flex;
	align-items:center;
	gap:8px;
	text-decoration:none !important;
	color:inherit;
	line-height:1;
	transition:color .2s ease;
}
.pp-nav-account:hover{
	color:var(--e-global-color-uicore_primary, #C7ADA8);
}

.pp-nav-account-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:22px;height:22px;
	flex:none;
}
.pp-nav-account-icon svg{
	display:block;
	width:20px;height:20px;
}

.pp-nav-avatar{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;height:28px;
	border-radius:50%;
	flex:none;
	background:var(--e-global-color-uicore_primary, #C7ADA8);
	color:var(--e-global-color-uicore_white, #FFFFFF);
	font-family:var(--e-global-typography-uicore_accent-font-family, "Plus Jakarta Sans"), sans-serif;
	font-size:10px;
	font-weight:700;
	letter-spacing:.04em;
	line-height:1;
}

.pp-nav-account-label{
	font-family:var(--e-global-typography-uicore_text-font-family, "Plus Jakarta Sans"), sans-serif;
	font-size:14.5px;
	font-weight:600;
	white-space:nowrap;
}

.pp-nav-account-wrap{
	position:relative;
	display:inline-flex;
	align-items:center;
	height:100%;
}
.pp-nav-account-menu{
	position:absolute;
	top:calc(100% + 4px);
	right:0;
	z-index:100001;
	min-width:220px;
	padding:8px;
	background:var(--e-global-color-uicore_white, #FFFFFF);
	border:1px solid rgba(199,173,168,.4);
	border-radius:16px;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translateY(8px);
	transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.pp-nav-account-menu::before{
	content:"";
	position:absolute;
	left:0;right:0;bottom:100%;
	height:14px;
}
.pp-nav-account-wrap:hover .pp-nav-account-menu,
.pp-nav-account-wrap:focus-within .pp-nav-account-menu{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:none;
}
.pp-nav-account-menu a{
	display:block;
	padding:10px 12px;
	border-radius:10px;
	font-family:var(--e-global-typography-uicore_text-font-family, "Plus Jakarta Sans"), sans-serif;
	font-size:13.5px;
	font-weight:500;
	color:var(--e-global-color-uicore_headline, #33221F);
	text-decoration:none !important;
	white-space:nowrap;
	transition:background .2s ease, color .2s ease;
}
.pp-nav-account-menu a:hover{
	background:var(--e-global-color-uicore_light, #FBF6F4);
	color:var(--e-global-color-uicore_primary, #C7ADA8);
}
.pp-nav-account-menu a.pp-nav-account-logout{
	margin-top:4px;
	border-top:1px solid rgba(199,173,168,.35);
	border-radius:0 0 10px 10px;
	color:var(--e-global-color-uicore_body, #6E5852);
}
.pp-nav-account-menu a.pp-nav-account-logout:hover{
	color:#C0392B;
	background:rgba(192,57,43,.06);
}

.uicore-navbar .uicore-extra,
.uicore-custom-area:has(.pp-nav-account-wrap){
	overflow:visible !important;
}

.pp-nav-search-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;height:22px;
	padding:0;margin:0;
	border:0;
	background:none;
	color:var(--uicore-header--menu-typo-c, #070707);
	cursor:pointer;
	line-height:0;
	transition:color .2s ease;
}
.pp-nav-search-btn:hover{
	color:var(--e-global-color-uicore_primary, #C7ADA8);
}
.pp-nav-search-btn svg{
	display:block;
	width:20px;height:20px;
}
.pp-nav-search-btn svg circle,
.pp-nav-search-btn svg path{
	stroke-width:2.05;
}

@media (min-width:1025px){
	.uicore-navbar .uicore-extra{
		gap:15px !important;
	}
}

@media (max-width:1024px){
	.pp-nav-account-label{ display:none; }
	.pp-nav-extras{ gap:14px; }
}

/* ===== MODALE RECHERCHE ===== */

body.pp-search-open{ overflow:hidden; }

.pp-search-modal[hidden]{ display:none !important; }
.pp-search-modal{
	position:fixed;
	inset:0;
	z-index:100000;
	display:block;
	opacity:0;
	transition:opacity .28s ease;
}
.pp-search-modal.is-open{
	opacity:1;
}

.pp-search-overlay{
	position:absolute;
	inset:0;
	background:rgba(51,34,31,.28);
}

.pp-search-dialog{
	position:relative;
	z-index:1;
	width:min(440px, calc(100vw - 32px));
	margin:14vh auto 0;
	padding:22px;
	background:var(--e-global-color-uicore_white, #FFFFFF);
	border:1px solid rgba(199,173,168,.4);
	border-radius:20px;
	opacity:0;
	transform:translateY(16px) scale(.98);
	transition:opacity .32s ease, transform .32s ease;
}
.pp-search-modal.is-open .pp-search-dialog{
	opacity:1;
	transform:none;
}

@media (prefers-reduced-motion:reduce){
	.pp-search-modal,
	.pp-search-dialog{
		transition:none;
	}
}

.pp-search-dialog-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:14px;
}
.pp-search-dialog-title{
	margin:0;
	font-family:var(--e-global-typography-uicore_primary-font-family, "mundial"), sans-serif;
	font-size:20px;
	font-weight:600;
	letter-spacing:-.02em;
	color:var(--e-global-color-uicore_headline, #33221F);
}

.pp-search-close{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;height:32px;
	padding:0;border:0;
	border-radius:50%;
	background:rgba(199,173,168,.18);
	color:var(--e-global-color-uicore_headline, #33221F);
	cursor:pointer;
	transition:background .2s ease;
}
.pp-search-close:hover{
	background:rgba(199,173,168,.32);
}

.pp-search-field{
	display:flex;
	align-items:stretch;
	gap:10px;
	min-height:52px;
	padding:4px 4px 4px 16px;
	border:1px solid rgba(199,173,168,.5);
	border-radius:100px;
	background:var(--e-global-color-uicore_light, #FBF6F4);
	box-sizing:border-box;
}
.pp-search-field:focus-within{
	border-color:var(--e-global-color-uicore_primary, #C7ADA8);
	background:var(--e-global-color-uicore_white, #FFFFFF);
}
.pp-search-field-icon{
	display:flex;
	align-items:center;
	align-self:center;
	color:var(--e-global-color-uicore_primary, #C7ADA8);
	flex:none;
}
.pp-search-field-icon svg{
	width:18px;height:18px;
	display:block;
}
.pp-search-field input[type="search"]{
	flex:1;
	min-width:0;
	border:0;
	background:transparent;
	padding:0;
	font-family:var(--e-global-typography-uicore_text-font-family, "Plus Jakarta Sans"), sans-serif;
	font-size:14.5px;
	color:var(--e-global-color-uicore_headline, #33221F);
	outline:none;
	box-shadow:none;
}
.pp-search-field input[type="search"]::placeholder{
	color:var(--e-global-color-uicore_body, #6E5852);
	opacity:.7;
}
.pp-search-field button[type="submit"]{
	flex:none;
	align-self:stretch;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:100px;
	padding:0 20px;
	min-height:100%;
	height:auto;
	line-height:1;
	cursor:pointer;
	font-family:var(--e-global-typography-uicore_accent-font-family, "Plus Jakarta Sans"), sans-serif;
	font-size:13px;
	font-weight:600;
	background:var(--e-global-color-uicore_primary, #C7ADA8);
	color:var(--e-global-color-uicore_white, #FFFFFF);
	transition:background .2s ease;
}
.pp-search-field button[type="submit"]:hover{
	background:var(--e-global-color-uicore_headline, #33221F);
}
