/* Planète Marseille Explorer — bouton et panneau « Rechercher » du header (chargés sur tout le site) — v0.11 */
.pm-header-search-menuitem > a.pm-header-search-trigger,
a.pm-header-search-trigger{
  color:#0F979E!important;
  font-family:Poppins,Arial,sans-serif!important;
  font-weight:700!important;
}
a.pm-header-search-trigger:hover{color:#0b777d!important}

.pm-header-search-root{
  --pm-search-top:100px;
  position:fixed;
  inset:0;
  z-index:99995;
  font-family:Poppins,Arial,sans-serif;
}
.pm-header-search-root[hidden]{display:none!important}
.pm-header-search-backdrop{
  position:absolute;
  inset:var(--pm-search-top) 0 0;
  background:rgba(16,42,43,.28);
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  animation:pmhs-fade .18s ease-out;
}
.pm-header-search-panel{
  position:absolute;
  top:var(--pm-search-top);
  left:0;
  right:0;
  background:#fff;
  border-radius:0 0 24px 24px;
  box-shadow:0 24px 50px rgba(16,42,43,.18);
  animation:pmhs-drop .22s ease-out;
}
@keyframes pmhs-fade{from{opacity:0}to{opacity:1}}
@keyframes pmhs-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.pm-header-search-inner{
  max-width:820px;
  margin:0 auto;
  padding:30px 24px 26px;
  box-sizing:border-box;
  text-align:center;
}
.pm-header-search-top{
  position:relative;
  margin-bottom:18px;
}
.pm-header-search-top strong{
  display:block;
  color:#1c2a2b;
  font-size:28px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:-.02em;
}
.pm-header-search-top .pmx-hl{
  color:#0F979E;
  background:linear-gradient(transparent 62%,#FFDD0E 62%,#FFDD0E 90%,transparent 90%);
  padding:0 .08em;
}
.pm-header-search-close{
  position:absolute;
  top:-14px;
  right:-8px;
  width:40px;
  height:40px;
  appearance:none;
  border:0!important;
  border-radius:50%!important;
  background:#f4f8f8!important;
  color:#6a7a7b!important;
  font:400 24px/1 Arial,sans-serif!important;
  cursor:pointer;
  padding:0!important;
  box-shadow:none!important;
}
.pm-header-search-close:hover{background:#1c2a2b!important;color:#fff!important}
.pm-header-search-form{
  display:flex;
  align-items:center;
  gap:6px;
  height:62px;
  padding:5px 5px 5px 22px;
  border:2px solid #e2e9e9;
  border-radius:999px;
  background:#fff;
  box-shadow:0 10px 30px rgba(15,151,158,.12);
  box-sizing:border-box;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.pm-header-search-form:focus-within{border-color:#0F979E;box-shadow:0 0 0 5px rgba(15,151,158,.12),0 10px 30px rgba(15,151,158,.14)}
.pm-header-search-form input{
  flex:1;
  width:100%;
  min-width:0;
  height:100%!important;
  box-sizing:border-box;
  border:0!important;
  background:transparent!important;
  color:#1c2a2b!important;
  font:400 16px/1.2 Poppins,Arial,sans-serif!important;
  padding:0 6px!important;
  outline:none!important;
  box-shadow:none!important;
}
.pm-header-search-form input::placeholder{color:#97a5a6;opacity:1}
.pm-header-search-form input::-webkit-search-cancel-button{display:none}
.pm-header-search-form button{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  height:100%!important;
  padding:0 24px!important;
  appearance:none;
  border:0!important;
  border-radius:999px!important;
  background:#FFDD0E!important;
  color:#1c2a2b!important;
  font:700 15px/1 Poppins,Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  cursor:pointer;
  box-shadow:none!important;
  transition:background .15s ease,color .15s ease;
}
.pm-header-search-form button:hover{background:#0F979E!important;color:#fff!important}
.pm-header-search-form .pmx-ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pm-header-search-suggestions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-top:18px;
}
.pm-header-search-suggestions a{
  display:inline-flex;
  align-items:center;
  height:36px;
  box-sizing:border-box;
  padding:0 16px;
  border:1px solid #e2e9e9;
  border-radius:999px;
  background:#fff;
  color:#1c2a2b!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:500;
  transition:border-color .15s ease,color .15s ease,transform .15s ease;
}
.pm-header-search-suggestions a:hover{border-color:#0F979E;color:#0F979E!important;transform:translateY(-2px)}
.pm-header-search-advanced{
  display:inline-block;
  margin-top:18px;
  color:#6a7a7b!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:600;
}
.pm-header-search-advanced:hover{color:#0F979E!important;text-decoration:underline!important}
html.pm-header-search-open{overflow:hidden}

@media(max-width:760px){
  .pm-header-search-root{--pm-search-top:0px}
  .pm-header-search-backdrop{display:none}
  .pm-header-search-panel{
    top:0;
    bottom:0;
    overflow:auto;
    border-radius:0;
    border-top:5px solid #FFDD0E;
    box-shadow:none;
  }
  .pm-header-search-inner{padding:52px 16px 28px}
  .pm-header-search-top strong{font-size:24px}
  .pm-header-search-close{top:-40px;right:-4px}
  .pm-header-search-form{height:56px;padding-left:16px}
  .pm-header-search-form button{padding:0 16px!important}
  .pm-header-search-form button span{display:none}
  .pm-header-search-suggestions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pm-header-search-suggestions::-webkit-scrollbar{display:none}
  .pm-header-search-suggestions a{white-space:nowrap;flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){
  .pm-header-search-backdrop,.pm-header-search-panel{animation:none}
}