.page .entry-title {
    display: none !important;
}
.site-footer,
.wp-block-template-part {
    display: none !important;
}

.justifier {text-align : justify;}

/* =========================

   IMAGES (on laisse vivre le site)

   ========================= */

/* Optionnel : empêcher juste le drag (léger, sans casser l’UX) */

img {

  -webkit-user-drag: none;

  user-drag: none;

/*
  NOITOME — version inspirée du menu de the-quirky.com
  À COLLER UNIQUEMENT dans WPCode > CSS Snippet global.
  Ne pas coller dans le CSS personnalisé d'un bloc Image ou Logo.
*/

:root {
  --noitome-header-height: 89px;
  --noitome-header-padding-x: clamp(24px, 5vw, 64px);
  --noitome-white: #f8f8f8;
  --noitome-ease: cubic-bezier(.22, 1, .36, 1);
}

/* Même principe que la référence : le header recouvre l'image dès l'arrivée. */
body .noitome-header {
  position: fixed !important;
  z-index: 1000 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  min-height: var(--noitome-header-height);
  padding: 0 var(--noitome-header-padding-x);
  color: var(--noitome-white);
  background: transparent;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition: min-height .4s var(--noitome-ease), padding .4s var(--noitome-ease), background-color .4s ease, border-color .4s ease, -webkit-backdrop-filter .4s ease, backdrop-filter .4s ease;
}

/* Au scroll, exactement comme The Quirky : noir léger + flou. */
body .noitome-header.is-scrolled {
  min-height: 72px;
  background: rgba(0, 0, 0, .35);
  border-bottom-color: rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

/* La structure Gutenberg actuelle contient : réseaux | logo | navigation. */
body .noitome-header > .wp-block-group__inner-container { display: contents; }

body .noitome-header > .wp-block-group__inner-container > .wp-block-columns {
  grid-column: 1;
  justify-self: start;
  width: auto !important;
  margin: 0 !important;
}

body .noitome-header > .wp-block-group__inner-container > .wp-block-image {
  grid-column: 2;
  margin: 0 !important;
  line-height: 0;
}

body .noitome-header > .wp-block-group__inner-container > .wp-block-image img,
body .noitome-header .noitome-logo img {
  display: block;
  width: auto !important;
  max-width: min(230px, 38vw);
  height: 42px !important;
  object-fit: contain;
  transition: height .4s var(--noitome-ease);
}

body .noitome-header.is-scrolled > .wp-block-group__inner-container > .wp-block-image img,
body .noitome-header.is-scrolled .noitome-logo img { height: 34px !important; }

/* Navigation desktop, droite, comme sur le site de référence. */
body .noitome-nav {
  grid-column: 3;
  justify-self: end;
  margin: 0 !important;
}

body .noitome-nav .wp-block-navigation__container { gap: clamp(16px, 2vw, 30px) !important; }

body .noitome-nav .wp-block-navigation-item__content {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .12em;
  line-height: 1;
  text-decoration: none !important;
  text-transform: uppercase;
}

body .noitome-nav .wp-block-navigation-item__content::after {
  position: absolute;
  right: 0;
  bottom: 6px;
  left: 0;
  height: 1px;
  content: "";
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .3s var(--noitome-ease);
}

body .noitome-nav .wp-block-navigation-item__content:hover::after,
body .noitome-nav .wp-block-navigation-item__content:focus-visible::after,
body .noitome-nav .current-menu-item > .wp-block-navigation-item__content::after {
  transform: scaleX(1);
  transform-origin: left center;
}

body .noitome-header :is(a, button):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

/* Sur tablette/mobile : même menu plein écran sombre que la référence. */
@media (max-width: 1100px) {
  body .noitome-header {
    display: flex !important;
    justify-content: space-between;
    min-height: 76px;
    padding: 0 5vw;
  }

  body .noitome-header > .wp-block-group__inner-container > .wp-block-columns { display: none !important; }

  body .noitome-header > .wp-block-group__inner-container > .wp-block-image {
    order: 1;
  }

  body .noitome-header > .wp-block-group__inner-container > .wp-block-image img,
  body .noitome-header .noitome-logo img {
    max-width: 160px;
    height: 30px !important;
  }

  body .noitome-nav {
    display: block !important;
    order: 3;
    margin-left: auto !important;
  }

  body .noitome-nav .wp-block-navigation__responsive-container-open {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 4px;
    color: var(--noitome-white);
    background: transparent !important;
    border: 0;
  }

  body .noitome-nav .wp-block-navigation__responsive-container-open svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
  }

  /* Gutenberg ouvre ce panneau lorsque le hamburger est cliqué. */
  body .noitome-nav > .wp-block-navigation__responsive-container {
    position: fixed !important;
    z-index: 1001;
    inset: 0;
    display: none !important;
    color: var(--noitome-white);
    background: rgba(0, 0, 0, .95) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  body .noitome-nav > .wp-block-navigation__responsive-container.is-menu-open,
  body .noitome-nav > .wp-block-navigation__responsive-container.has-modal-open { display: block !important; }

  body .noitome-nav .wp-block-navigation__responsive-dialog {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    padding: 32px;
  }

  body .noitome-nav .wp-block-navigation__responsive-container-content,
  body .noitome-nav .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    align-items: center;
    width: 100%;
    gap: 2.5rem !important;
  }

  body .noitome-nav .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    justify-content: center;
    width: 100%;
    min-height: auto;
    font-size: 1rem !important;
    letter-spacing: .2em;
  }

  body .noitome-nav .wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 22px;
    right: 5vw;
    width: 32px;
    height: 32px;
    padding: 4px;
    color: var(--noitome-white);
    background: transparent;
    border: 0;
  }
}

body.admin-bar .noitome-header { top: 32px !important; }

@media (max-width: 782px) { body.admin-bar .noitome-header { top: 46px !important; } }

@media (prefers-reduced-motion: reduce) {
  body .noitome-header,
  body .noitome-header * { transition-duration: .01ms !important; }
}