/* Habillage Maison des huiles - polices et couleurs locales */

@font-face{
  font-family:"Literata";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("fonts/literata-latin-400-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Literata";
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url("fonts/literata-latin-400-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Literata";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("fonts/literata-latin-600-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Literata";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("fonts/literata-latin-700-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Source Sans 3";
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url("fonts/source-sans-3-latin-400-italic.woff2") format("woff2");
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("fonts/source-sans-3-latin-600-normal.woff2") format("woff2");
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("fonts/source-sans-3-latin-700-normal.woff2") format("woff2");
}

:root{
  --mdh-encre:#1f1810;
  --mdh-texte:#2c251c;
  --mdh-muet:#5a5248;
  --mdh-fond:#f4efe6;
  --mdh-carte:#fffdf8;
  --mdh-filet:#d9d0c3;
  --mdh-accent:#6b3b14;
  --mdh-accent-sombre:#3f220b;
  --mdh-olive:#2f3d27;
  --mdh-olive-clair:#3d4f32;
  --mdh-clair:#fffdf8;
}

html{
  scroll-behavior:smooth;
}

body,
button,
input,
select,
textarea{
  font-family:"Source Sans 3", system-ui, sans-serif;
  color:var(--mdh-texte);
}

body{
  background-color:var(--mdh-fond);
  line-height:1.65;
}

h1,h2,h3,h4,h5,h6,
.main-title,
.site-title,
.entry-title,
.titre-principal,
.titre-rubrique,
.titre-section{
  font-family:"Literata", Georgia, serif;
  font-weight:600;
  color:var(--mdh-encre);
  line-height:1.25;
  letter-spacing:-0.01em;
}

a{
  color:var(--mdh-accent);
  text-decoration-thickness:1px;
  text-underline-offset:0.15em;
}

a:hover,
a:focus{
  color:var(--mdh-accent-sombre);
}

.site-header{
  background:var(--mdh-carte);
  border-bottom:1px solid var(--mdh-filet);
}

.main-title,
.main-title a,
.main-title a:hover,
.main-title a:focus{
  color:var(--mdh-olive);
  font-size:1.35rem;
  font-weight:700;
  text-decoration:none;
}

.site-description{
  color:var(--mdh-muet);
  font-size:0.95rem;
}

.main-navigation,
.main-navigation ul ul{
  background:transparent;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items{
  color:var(--mdh-texte);
  font-weight:600;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a{
  color:var(--mdh-accent);
  background:transparent;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{
  color:var(--mdh-accent);
  background:transparent;
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:focus{
  color:var(--mdh-clair);
  background-color:var(--mdh-olive);
}

span.mobile-menu{
  color:var(--mdh-clair);
}

.inside-header{
  padding-top:1rem;
  padding-bottom:1rem;
}

/* Accueil */
body.home.page .site-content .content-area,
body.home.page #primary{
  width:100%;
}

body.home.page .inside-article,
body.home.page .entry-content{
  padding:0;
  background:transparent;
}

body.home.page .separate-containers .inside-article{
  background:transparent;
  box-shadow:none;
  padding:0;
}

.page-accueil{
  margin:0 auto 3rem;
}

.bandeau-accueil{
  background:linear-gradient(155deg, var(--mdh-olive) 0%, #4a3318 58%, var(--mdh-accent) 100%);
  color:var(--mdh-clair);
  padding:3.2rem 1.5rem 3rem;
  margin:0 0 2.5rem;
  border-radius:0 0 8px 8px;
  position:relative;
  overflow:hidden;
}

.bandeau-accueil.has-photo{
  aspect-ratio:2400 / 1100;
  max-height:520px;
  padding:0;
  display:flex;
  align-items:flex-end;
  background-color:var(--mdh-olive);
}

.bandeau-accueil .bandeau-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
}

.bandeau-accueil.has-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(31,24,16,0.82) 0%, rgba(31,24,16,0.55) 42%, rgba(31,24,16,0.22) 100%);
  z-index:1;
}

.bandeau-accueil-inner{
  position:relative;
  z-index:2;
  padding:3.2rem 1.5rem 3rem;
  width:100%;
}

.bandeau-accueil .titre-principal{
  color:var(--mdh-clair);
  font-size:clamp(1.8rem, 4vw, 2.7rem);
  font-weight:700;
  margin:0 0 0.8rem;
  max-width:18em;
}

.chapo-accueil{
  color:var(--mdh-clair);
  font-size:1.15rem;
  max-width:44rem;
  margin:0;
  opacity:0.96;
  text-wrap:pretty;
}

.section-accueil{
  width:min(1120px, calc(100% - 2.4rem));
  margin:0 auto 2.75rem;
}

.titre-section{
  font-size:1.55rem;
  margin:0 0 1.1rem;
  padding-bottom:0.45rem;
  border-bottom:2px solid var(--mdh-filet);
}

.grille-rubriques{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.1rem;
}

.carte-rubrique{
  display:block;
  background:var(--mdh-carte);
  border:1px solid var(--mdh-filet);
  border-radius:8px;
  padding:1.35rem 1.2rem 1.25rem;
  text-decoration:none;
  color:var(--mdh-texte);
  min-height:7.5rem;
  box-shadow:0 1px 0 rgba(31,24,16,0.04);
}

.carte-rubrique:hover,
.carte-rubrique:focus{
  border-color:var(--mdh-accent);
  color:var(--mdh-encre);
  text-decoration:none;
}

.carte-rubrique h3{
  margin:0 0 0.4rem;
  font-size:1.25rem;
}

.carte-rubrique p{
  margin:0;
  color:var(--mdh-muet);
  font-size:0.95rem;
}

.grille-articles{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.1rem;
}

.carte-article{
  display:flex;
  flex-direction:column;
  background:var(--mdh-carte);
  border:1px solid var(--mdh-filet);
  border-radius:8px;
  overflow:hidden;
  text-decoration:none;
  color:var(--mdh-texte);
  min-height:100%;
}

.carte-article:hover,
.carte-article:focus{
  border-color:var(--mdh-accent);
  color:var(--mdh-encre);
  text-decoration:none;
}

.carte-article .visuel{
  display:block;
  aspect-ratio:16/10;
  background:var(--mdh-olive);
  object-fit:cover;
  width:100%;
}

.carte-article .visuel-reserve{
  aspect-ratio:16/10;
  background:linear-gradient(160deg, var(--mdh-olive-clair), var(--mdh-accent));
}

.carte-article .corps-carte{
  padding:1rem 1.1rem 1.15rem;
}

.carte-article h3{
  margin:0 0 0.35rem;
  font-size:1.15rem;
}

.carte-article .meta-carte{
  color:var(--mdh-muet);
  font-size:0.9rem;
}

.etat-vide{
  background:var(--mdh-carte);
  border:1px dashed var(--mdh-filet);
  border-radius:8px;
  padding:1.2rem 1.15rem;
  color:var(--mdh-muet);
  margin:0;
}

.bloc-recherche{
  background:var(--mdh-carte);
  border:1px solid var(--mdh-filet);
  border-radius:8px;
  padding:1.3rem 1.2rem 1.4rem;
}

.bloc-recherche form,
.formulaire-recherche{
  display:flex;
  flex-wrap:wrap;
  gap:0.6rem;
  align-items:center;
}

.bloc-recherche label,
.formulaire-recherche label{
  flex:1 1 16rem;
  margin:0;
}

.bloc-recherche .champ-recherche,
.formulaire-recherche .champ-recherche,
.bloc-recherche input[type="search"],
.formulaire-recherche input[type="search"]{
  width:100%;
  min-height:2.75rem;
  padding:0.55rem 0.8rem;
  border:1px solid #8a8176;
  border-radius:4px;
  background:#fff;
  color:var(--mdh-encre);
  font-size:1rem;
}

.bloc-recherche .champ-recherche::placeholder,
.formulaire-recherche .champ-recherche::placeholder,
.search-field::placeholder,
.wp-block-search__input::placeholder{
  color:#5a5248;
  opacity:1;
}

.bouton-recherche,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.wpcf7-submit{
  color:var(--mdh-clair) !important;
  background-color:var(--mdh-accent) !important;
  border:0;
  border-radius:4px;
  padding:0.65rem 1.15rem;
  font-weight:600;
  cursor:pointer;
  min-height:2.75rem;
}

.bouton-recherche:hover,
.bouton-recherche:focus,
button:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover,
button:focus,
input[type="submit"]:focus,
.wpcf7-submit:focus{
  color:var(--mdh-clair) !important;
  background-color:var(--mdh-accent-sombre) !important;
}

/* Articles, rubriques, pages */
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.inside-page-header,
.sidebar .widget{
  background:var(--mdh-carte);
}

.entry-title,
.entry-title a{
  color:var(--mdh-encre);
}

.entry-title a:hover{
  color:var(--mdh-accent);
}

.entry-meta,
.entry-meta a{
  color:var(--mdh-muet);
}

.entete-rubrique{
  background:var(--mdh-carte);
  border:1px solid var(--mdh-filet);
  border-radius:8px;
  padding:1.5rem 1.4rem 1.3rem;
  margin-bottom:1.4rem;
  position:relative;
  overflow:hidden;
}

.entete-rubrique.has-photo{
  aspect-ratio:2000 / 900;
  max-height:360px;
  padding:0;
  display:flex;
  align-items:center;
  border:0;
  background:#f3eee6;
}

.entete-rubrique .photo-rubrique{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:right center;
  z-index:0;
}

.entete-rubrique-inner{
  position:relative;
  z-index:2;
  padding:1.6rem 1.5rem;
  max-width:46%;
}

.titre-rubrique{
  margin:0;
  font-size:clamp(1.6rem, 3vw, 2.1rem);
}

.entete-rubrique.has-photo .titre-rubrique{
  color:var(--mdh-encre);
}

body.category .no-results .entry-title,
body.tag .no-results .entry-title,
body.tax-post_tag .no-results .entry-title{
  display:none;
}

.page-erreur{
  width:min(720px, calc(100% - 2.4rem));
  margin:2rem auto 3rem;
  background:var(--mdh-carte);
  border:1px solid var(--mdh-filet);
  border-radius:8px;
  padding:1.8rem 1.4rem;
}

/* Formulaire de contact */
.wpcf7-form label,
.wpcf7-form .wpcf7-form-control-wrap{
  display:block;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select{
  color:var(--mdh-encre);
  background:#fff;
  border-color:#8a8176;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus{
  color:var(--mdh-encre);
  background:#fff;
  border-color:var(--mdh-accent);
  outline:2px solid var(--mdh-accent);
  outline-offset:1px;
}

/* Pied */
.site-footer{
  margin-top:1rem;
}

.site-info{
  color:var(--mdh-clair);
  background-color:var(--mdh-olive);
}

.site-info a,
.site-info a:hover,
.site-info a:focus{
  color:var(--mdh-clair);
}

.pied-liens{
  display:flex;
  flex-wrap:wrap;
  gap:0.4rem 1.1rem;
  margin:0 0 0.7rem;
  padding:0;
  list-style:none;
}

.pied-liens a{
  text-decoration:none;
  font-weight:600;
}

.pied-liens a:hover,
.pied-liens a:focus{
  text-decoration:underline;
}

.copyright-bar{
  color:var(--mdh-clair);
}

/* Colonne laterale */
.sidebar .widget-title,
.footer-widgets .widget-title{
  font-family:"Literata", Georgia, serif;
  color:var(--mdh-encre);
}

@media (max-width:768px){
  .grille-rubriques,
  .grille-articles{
    grid-template-columns:1fr;
  }
  .bandeau-accueil{
    padding:2.2rem 1.15rem 2rem;
    margin-bottom:1.8rem;
  }
  .bandeau-accueil.has-photo,
  .bandeau-accueil-inner{
    padding:0;
  }
  .bandeau-accueil.has-photo .bandeau-accueil-inner{
    padding:2.2rem 1.15rem 2rem;
  }
  .entete-rubrique-inner{
    max-width:58%;
    padding:1.2rem 1rem;
  }
  .section-accueil{
    width:calc(100% - 1.6rem);
    margin-bottom:2rem;
  }
  .inside-header{
    padding-right:1rem;
    padding-left:1rem;
  }
}

body.home.page .site-main > article{
  display:none;
}

body.mdh-a-bandeau .featured-image.page-header-image,
body.mdh-a-bandeau .featured-image.page-header-image-single{
  display:none;
}