/* ===== ACCUEIL ===== */

.home #secondary {
  display: none !important;
}

.home #primary {
  width: 100% !important;
  max-width: 100% !important;
}

.page-id-33224 .entry-title {
  display: none !important;
}

.page-id-33224 .site-content,
.page-id-33224 .content-area,
.page-id-33224 #main,
.page-id-33224 .site-main,
.page-id-33224 article,
.page-id-33224 .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: none !important;
  box-shadow: none !important;
  background: #fffdfb !important;
}

.page-id-33224 hr,
.page-id-33224 .separator,
hr {
  display: none !important;
}


/* ===== SIDEBAR : ENLEVÉE SUR LES PAGES, GARDÉE SUR LES ARTICLES ===== */

body.page #secondary,
body.page .secondary,
body.page .sidebar,
body.page .widget-area {
  display: none !important;
}

body.page #primary,
body.page .primary,
body.page .content-area,
body.page .site-main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}


/* ===== HEADER / MENU DESKTOP ===== */

.site-header,
.main-navigation,
#site-navigation,
.nav-primary,
.navigation-top,
.header-wrapper {
  border: none !important;
  box-shadow: none !important;
}

.site-header {
  background: #fffdfb !important;
  padding-bottom: 0 !important;
}

.main-navigation,
#site-navigation {
  background: transparent !important;
  max-width: none;
  width: auto;
  margin: 8px auto 0 auto !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
}

.main-navigation ul,
#site-navigation ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.main-navigation li,
#site-navigation li {
  position: relative !important;
  padding-bottom: 12px !important;
}

.main-navigation a,
#site-navigation a {
  font-size: 17px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px !important;
  color: #2f2b28 !important;
  padding: 10px 14px !important;
  border-radius: 999px;
  transition: all 0.25s ease;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.main-navigation a:hover,
#site-navigation a:hover {
  background: #fffdfb !important;
  color: #8f5f58 !important;
}

.current-menu-item > a,
.current_page_item > a {
  background: #efe6df !important;
  color: #8f5f58 !important;
}


/* ===== SOUS-MENUS DESKTOP ===== */

.main-navigation ul ul,
#site-navigation ul ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  position: absolute !important;
  top: 100% !important;
  background: #fffdfb !important;
  border: none !important;
  border-radius: 24px !important;
  padding: 14px !important;
  min-width: 300px !important;
  margin-top: 0 !important;
  box-shadow: 0 22px 50px rgba(60,40,30,0.12) !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
}

.main-navigation li:hover > ul,
#site-navigation li:hover > ul {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.main-navigation ul ul li,
#site-navigation ul ul li {
  width: 100% !important;
  display: block !important;
  float: none !important;
  padding-bottom: 0 !important;
}

.main-navigation ul ul a,
#site-navigation ul ul a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  white-space: normal !important;
}

.main-navigation ul ul a:hover,
#site-navigation ul ul a:hover {
  background: #f5eee8 !important;
  color: #8f5f58 !important;
  transform: none !important;
}


/* ===== SOUS-SOUS-MENUS DESKTOP ===== */

.main-navigation ul ul ul,
#site-navigation ul ul ul {
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
  margin-left: -6px !important;
  margin-top: 0 !important;
  z-index: 99999 !important;
}


/* ===== NETTOYAGE VISUEL ===== */

.site-header::before,
.site-header::after,
.main-navigation::before,
.main-navigation::after {
  display: none !important;
}


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

@media (max-width: 768px) {

  body,
  #page,
  .site {
    background: #fffdfb !important;
    overflow-x: hidden !important;
  }

  .site-header img,
  .custom-header img,
  .header-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
  }

  .main-navigation,
  #site-navigation {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px auto 12px auto !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .main-navigation ul,
  #site-navigation ul {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .main-navigation li,
  #site-navigation li {
    display: block !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    text-align: left !important;
  }

  .main-navigation a,
  #site-navigation a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 18px !important;
    font-size: 16px !important;
    text-align: left !important;
    border-radius: 0 !important;
    white-space: normal !important;
  }

  .main-navigation ul ul,
  #site-navigation ul ul,
  .main-navigation ul ul ul,
  #site-navigation ul ul ul {
    display: none !important;
  }

  .main-navigation li:hover > ul,
  #site-navigation li:hover > ul,
  .main-navigation li:focus-within > ul,
  #site-navigation li:focus-within > ul {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 0 0 18px !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
  }

  .main-navigation ul ul a,
  #site-navigation ul ul a,
  .main-navigation ul ul ul a,
  #site-navigation ul ul ul a {
    display: block !important;
    width: 100% !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    text-align: left !important;
    background: transparent !important;
  }

  h1 {
    font-size: 34px !important;
    line-height: 1.2 !important;
  }

  h2 {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }

  h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
  }

  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  [style*="height:210px"],
  [style*="min-height:270px"],
  [style*="min-height:280px"] {
    height: auto !important;
    min-height: auto !important;
  }
}
@media (max-width:768px){

.main-navigation ul,
#site-navigation ul{
display:none!important;
}

.main-navigation.toggled ul,
#site-navigation.toggled ul,
.main-navigation[aria-expanded="true"] ul,
#site-navigation[aria-expanded="true"] ul{
display:block!important;
}

.main-navigation li,
#site-navigation li{
width:100%!important;
display:block!important;
}

.main-navigation a,
#site-navigation a{
display:block!important;
width:100%!important;
padding:14px 18px!important;
font-size:18px!important;
text-align:left!important;
border-radius:0!important;
}

.main-navigation ul ul,
#site-navigation ul ul{
position:static!important;
box-shadow:none!important;
background:transparent!important;
padding-left:20px!important;
}

li.menu-contact > a{
background:transparent!important;
color:#2f2b28!important;
padding:14px 18px!important;
border-radius:0!important;
font-size:18px!important;
}
}