/* Navigation commune et pied de page. */
.ppf-site-header,.ppf-site-footer {
  max-width:1500px;
  margin:auto;
  padding:24px clamp(24px,4vw,64px)
}

.ppf-site-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid #2a3830
}

.ppf-brand {
  font-size:15px;
  line-height:1.2;
  font-weight:bold;
  text-decoration:none;
  letter-spacing:.04em;
  flex-shrink:0
}

.ppf-brand span {
  display:block;
  color:#c7ff48
}

.ppf-site-header nav {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px
}

.ppf-site-header nav a {
  font-size:14px;
  text-decoration:none;
  padding:10px 0
}

.ppf-site-header nav a[aria-current]:not(.ppf-nav-booking) {
  color:#c7ff48
}

.ppf-site-header nav .ppf-nav-booking {
  background:#c7ff48;
  color:#06110d;
  border-radius:28px;
  padding:12px 18px;
  font-weight:bold
}

.ppf-nav-booking span {
  display:block;
  font-size:10px;
  font-weight:normal;
  margin-top:3px
}

.ppf-site-footer {
  margin-top:36px;
  border-top:1px solid #2a3830;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:24px;
  font-size:14px
}

.ppf-site-footer p {
  color:#b6bfb5;
  line-height:1.6
}

.ppf-site-footer nav {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  align-items:center
}

.ppf-site-footer__note {
  width:100%;
  font-size:12px;
  margin:0
}

.ppf-external-note {
  display:block;
  font-size:12px;
  color:#b6bfb5;
  line-height:1.5;
  margin-top:8px
}

@media(max-width:1380px) {
  .ppf-site-header {
    align-items:flex-start;
    flex-direction:column;
    gap:12px
  }

  .ppf-site-header nav {
    gap:6px 18px
  }

  .ppf-site-header nav a {
    font-size:13px
  }

  .ppf-site-footer {
    flex-direction:column
  }

}

/* Comfortable touch targets and explicit keyboard focus. */
.ppf-site-header nav a,.ppf-site-footer nav a {
  min-height:44px;
  display:inline-flex;
  align-items:center
}

.ppf-site-header nav .ppf-nav-booking {
  display:block
}

.ppf-brand {
  min-height:44px;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.ppf-site-header a:focus-visible,.ppf-site-footer a:focus-visible {
  outline:2px solid #c7ff48;
  outline-offset:4px
}

#infos-pratiques {
  scroll-margin-top:24px
}

/* Le menu reste entièrement accessible lorsque JavaScript est absent. */
.ppf-site-header [hidden] { display:none; }
.ppf-menu-toggle {
  min-height:44px;
  padding:10px 16px;
  border:1px solid #52683b;
  border-radius:24px;
  background:transparent;
  color:#f5f2e8;
  font:inherit;
  cursor:pointer;
}
.ppf-menu-toggle span { margin-left:12px; color:#c7ff48; }
.ppf-menu-toggle:focus-visible { outline:2px solid #c7ff48; outline-offset:4px; }
@media(max-width:1380px) {
  .ppf-site-header { flex-direction:row; align-items:center; flex-wrap:wrap; }
  .ppf-site-header nav { width:100%; }
  .ppf-site-header nav:not([hidden]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ppf-site-header nav .ppf-nav-booking { grid-column:1/-1; text-align:center; }
}

/* Sous-rubriques accessibles au clavier et sans JavaScript. */
.ppf-nav-group { position:relative; font-size:14px; }
.ppf-nav-group summary { cursor:pointer; padding:12px 0; min-height:44px; box-sizing:border-box; }
.ppf-nav-group summary:focus-visible { outline:2px solid #c7ff48; outline-offset:4px; }
.ppf-nav-group[open] summary { color:#c7ff48; }
.ppf-nav-submenu { position:absolute; top:100%; left:0; z-index:50; width:280px; padding:12px 20px; background:#102119; border:1px solid #3e5941; box-shadow:0 16px 40px #0006; }
.ppf-site-header .ppf-nav-submenu a { display:block; line-height:1.5; border-bottom:1px solid #2a3830; }
.ppf-site-header .ppf-nav-submenu a:last-child { border-bottom:0; }
@media(max-width:1380px) {
  .ppf-nav-group { align-self:start; min-width:0; }
  .ppf-nav-submenu { position:static; width:auto; padding:4px 12px; box-shadow:none; }
}

/* Accès direct à la boutique de bons cadeaux du domaine. */
.ppf-site-header nav .ppf-nav-gifts {
  padding:10px 14px;
  border:1px solid #52683b;
  border-radius:28px;
  gap:8px;
  white-space:nowrap;
}
.ppf-nav-gifts span { color:#c7ff48; }
.ppf-site-header nav .ppf-nav-gifts:hover { border-color:#c7ff48; }

@media(min-width:1381px) {
  .ppf-site-header { padding-inline:24px; gap:20px; }
  .ppf-site-header nav { gap:12px; }
  .ppf-site-header nav a,.ppf-nav-group { font-size:13px; }
}