/*---------Couleurs-----------*/
:root {
  --white: #fff;
  --black: #000;
  --gris-clair: #f0efed;

  --texte: #1d1f25;
  --background: #f7f6f5;
  --global--color-background: #f7f6f5 !important;

  --primary: #c26148;
  --primary-text: #fdfdfd;
}

:target {
  scroll-margin-top: 80px;
}

html {
  scroll-behavior: smooth;
  body {
    font-size: 1em;
    background: var(--background);
    color: var(--texte);
    font-weight: 400;

    /* header */
    header {
      .site-branding {
        h1,
        .site-title a {
          font-size: 1.5em;
          font-weight: 600;
          text-decoration: none;
        }
      }
      .primary-navigation .current-menu-item > a:first-child,
      .primary-navigation .current_page_item > a:first-child {
        text-decoration: none !important;
        text-decoration-style: solid;
        border-bottom: 2px solid var(--primary);
      }
      #site-navigation {
        a:hover,
        a:active {
          text-decoration: none;
          text-decoration-style: inherit;
          border-bottom: 2px solid var(--primary);
        }
        a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
          background: inherit;
        }
      }
    }

    /* Contenu  */
    article {
      max-width: var(--responsive--alignwide-width);
      margin-left: auto;
      margin-right: auto;
    }
    .entry-header {
      border-bottom: none !important;
      padding-bottom: 0 !important;
      margin-bottom: 0 !important;
    }
    h1 {
      font-size: 2em !important;
    }
    h1.entry-title,
    .woocommerce-products-header,
    .woocommerce-products-header__title {
      text-align: center;
      font-weight: 700;
      padding: 10px;
      margin-bottom: 0 !important;
    }
    .site-header {
      position: sticky;
      top: 0;
      z-index: 999;
      background: var(--background);
      max-width: 100%;
      padding: 0 100px;
    }

    .wp-block-button__link,
    .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
      background-color: var(--primary) !important;
      color: var(--primary-text) !important;
      border-radius: 5px !important;
    }
    .wpforms-submit-container button {
      background-color: var(--primary) !important;
    }

    .primary-menu-container {
      font-size: 1.2em;
    }

    .entry-content
      > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
        .wp-block-separator
      ) {
      max-width: 90%;
    }
    .entry-content {
      font-weight: 400;
      padding: 10px;
      text-align: justify;
    }

    /* footer  */
    footer {
      margin: 0 inherit !important;
    }
    #pre-footer {
      border-top: 2px solid var(--global--color-border);
      margin: 0;
      .wp-block-columns {
        margin: 0;
      }
    }
    .site-info {
      border-top: none !important;
      padding-top: 0 !important;
      margin: 0;
    }
    .site-footer > .site-info {
      padding: 0 !important;
      margin: 0;
    }
  }

  .site-description,
  .woocommerce-breadcrumb {
    display: none;
  }
}

@media only screen and (min-width: 690px) {
  .woocommerce-products-header {
    border-bottom: 0 !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 482px) {
  .site-header {
    all: unset;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px 0;
    height: 80px;
    position: fixed;
    z-index: 100 !important;
    background-color: var(--background);
    width: 100%;
    .site-branding {
      all: unset;
      width: 70%;
      margin: 5px;
      .site-logo,
      .site-logo .custom-logo,
      .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
        all: unset !important;
      }
      .custom-logo {
        all: unset;
      }
    }
  }
}