/*
Theme Name: Maison Ravina
Description: Thème enfant Ollie pour Maison Ravina — L’âme de Madagascar.
Author: Maison Ravina
Template: ollie
Version: 0.9.39
Text Domain: maison-ravina
*/
:root{--mr-green:#254033;--mr-green-dark:#1B3026;--mr-ivory:#F6F1E7;--mr-white:#FCFBF8;--mr-charcoal:#262823;--mr-muted:#686D66;--mr-beige:#D8C8AA;--mr-terracotta:#A8664C}
body{background:var(--mr-ivory);color:var(--mr-charcoal);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500}h4,h5,h6{font-family:"Inter",system-ui,sans-serif;font-weight:500}
.mr-header{position:sticky;top:0;z-index:1000;background:rgba(246,241,231,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.admin-bar .mr-header{top:32px}.mr-header .wp-block-site-title{white-space:nowrap}
.mr-header .wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-item__content{color:var(--mr-charcoal);text-decoration:none!important;transition:color .2s ease,box-shadow .2s ease}
.mr-header .wp-block-navigation>.wp-block-navigation-item>.wp-block-navigation-item__content:hover{color:var(--mr-green);box-shadow:inset 0 -1px 0 var(--mr-green)}
.mr-header .wp-block-navigation-item__content[aria-current="page"]{color:var(--mr-green)!important;text-decoration:none!important;box-shadow:none!important}
.mr-header .wp-block-navigation__submenu-container{background:var(--mr-white)!important;border:1px solid var(--mr-beige)!important;border-radius:4px;box-shadow:none!important;padding:8px 0;min-width:230px}
.mr-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--mr-charcoal)!important;padding:10px 16px;white-space:nowrap;text-decoration:none!important;box-shadow:none!important}
.mr-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{color:var(--mr-green)!important;background:var(--mr-ivory)!important}
.wp-block-button__link{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:var(--mr-green-dark)!important}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--mr-green)!important;border:1px solid var(--mr-green)!important}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--mr-green)!important;color:var(--mr-white)!important}
.mr-hero .wp-block-cover__inner-container{width:min(1240px,calc(100% - 64px))}.mr-eyebrow{letter-spacing:.12em;text-transform:uppercase}
.mr-universe-card{height:100%}.mr-universe-card img{aspect-ratio:3/4;object-fit:cover}.mr-universe-link{text-decoration:none;font-weight:500}.mr-universe-link:hover{color:var(--mr-green)}
@media(max-width:900px){.mr-header{padding-left:20px!important;padding-right:20px!important}.mr-header .wp-block-site-title{font-size:1rem!important}.mr-hero .wp-block-cover__inner-container{width:min(calc(100% - 40px),1240px)}}
@media(max-width:782px){.admin-bar .mr-header{top:46px}.mr-header .mr-header-cta{display:none}.mr-hero{min-height:540px!important}.mr-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.mr-header .wp-block-site-title{display:none}.mr-universe-grid{grid-template-columns:1fr!important}}

/* v0.1.1 — réglages validés après contrôle à 100 % */
.mr-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--mr-ivory)!important;color:var(--mr-green)!important}
.mr-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover{background:var(--mr-white)!important;color:var(--mr-green-dark)!important}
.mr-hero .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;color:var(--mr-ivory)!important;border-color:var(--mr-ivory)!important}
.mr-hero .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--mr-ivory)!important;color:var(--mr-green)!important}
.mr-universe-grid{width:100%;max-width:1240px;margin-left:auto!important;margin-right:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:900px){.mr-universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.mr-universe-grid{grid-template-columns:1fr!important}}


/* v0.2.0 — correctifs et nouvelle section éditoriale */

/* Le CTA Boutique garde toujours un texte clair */
.mr-header .mr-header-cta .wp-block-button__link,
.mr-header .mr-header-cta .wp-block-button__link:visited {
  color: var(--mr-white) !important;
}

.mr-header .mr-header-cta .wp-block-button__link:hover,
.mr-header .mr-header-cta .wp-block-button__link:focus,
.mr-header .mr-header-cta .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green-dark) !important;
}

/* Section histoire */
.mr-story {
  overflow: hidden;
}

.mr-story-media img {
  width: 100%;
  min-height: 520px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.mr-story-copy {
  max-width: 560px;
}

.mr-story-copy p {
  color: var(--mr-muted);
}

.mr-story-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
  font-weight: 600;
  color: var(--mr-green);
}

@media (max-width: 900px) {
  .mr-story-inner {
    grid-template-columns: 1fr !important;
  }

  .mr-story-media img {
    min-height: 420px;
    aspect-ratio: 3 / 2;
  }

  .mr-story-copy {
    max-width: 700px;
  }
}

@media (max-width: 560px) {
  .mr-story-media img {
    min-height: 340px;
    aspect-ratio: 4 / 3;
  }
}


/* v0.3.0 — sélection produits + engagements */

.mr-selection-card {
  height: 100%;
}

.mr-selection-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.mr-selection-card h3 {
  margin-top: 18px;
  margin-bottom: 8px;
}

.mr-selection-meta {
  color: var(--mr-muted);
  font-size: .92rem;
  margin-top: 0;
}

.mr-selection-link {
  color: var(--mr-green);
  text-decoration: none;
  font-weight: 500;
}

.mr-selection-link:hover {
  box-shadow: inset 0 -1px 0 var(--mr-green);
}

.mr-engagements {
  background: var(--mr-green);
  color: var(--mr-ivory);
}

.mr-engagements h2,
.mr-engagements h3,
.mr-engagements p {
  color: var(--mr-ivory);
}

.mr-engagement-item {
  position: relative;
  padding-top: 22px;
}

.mr-engagement-item::before {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  margin-bottom: 22px;
  background: var(--mr-beige);
  opacity: .9;
}

.mr-engagement-item p {
  color: #E8E1D5;
}

@media (max-width: 900px) {
  .mr-selection-grid,
  .mr-engagement-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .mr-selection-grid,
  .mr-engagement-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.4.0 — sections éditoriales Antemoro / Raphia */

.mr-feature {
  overflow: hidden;
}

.mr-feature-inner {
  align-items: center;
}

.mr-feature-media img {
  width: 100%;
  min-height: 520px;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.mr-feature-copy {
  max-width: 560px;
}

.mr-feature-copy p {
  color: var(--mr-muted);
}

.mr-feature-kicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
  font-weight: 600;
  color: var(--mr-green);
}

.mr-feature-link {
  color: var(--mr-green);
  text-decoration: none;
  font-weight: 500;
}

.mr-feature-link:hover {
  box-shadow: inset 0 -1px 0 var(--mr-green);
}

@media (max-width: 900px) {
  .mr-feature-inner {
    grid-template-columns: 1fr !important;
  }

  .mr-feature-media img {
    min-height: 420px;
    aspect-ratio: 3 / 2;
  }

  .mr-feature-copy {
    max-width: 700px;
  }

  .mr-feature-reverse .mr-feature-copy {
    order: 2;
  }

  .mr-feature-reverse .mr-feature-media {
    order: 1;
  }
}

@media (max-width: 560px) {
  .mr-feature-media img {
    min-height: 340px;
    aspect-ratio: 4 / 3;
  }
}


/* v0.5.0 — Professionnels + CTA final + footer */

.mr-pro {
  overflow: hidden;
}

.mr-pro-inner {
  align-items: center;
}

.mr-pro-copy {
  max-width: 620px;
}

.mr-pro-copy p {
  color: var(--mr-muted);
}

.mr-pro-list {
  margin-top: 26px;
  padding-left: 1.2em;
}

.mr-pro-list li {
  margin-bottom: 10px;
}

.mr-final-cta {
  text-align: center;
}

.mr-final-cta h2,
.mr-final-cta p {
  color: var(--mr-ivory);
}

.mr-final-cta p {
  color: #E8E1D5;
}

.mr-final-cta .wp-block-buttons {
  justify-content: center;
}

.mr-footer {
  background: var(--mr-green);
  color: var(--mr-ivory);
  border-top: 1px solid rgba(246,241,231,.15);
}

.mr-footer h2,
.mr-footer h3,
.mr-footer p,
.mr-footer a {
  color: var(--mr-ivory);
}

.mr-footer a {
  text-decoration: none;
}

.mr-footer a:hover {
  text-decoration: underline;
  text-underline-offset: .18em;
}

.mr-footer-brand {
  max-width: 320px;
}

.mr-footer-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 6px;
}

.mr-footer-subtitle {
  color: #E8E1D5 !important;
}

.mr-footer-nav {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.mr-footer-nav li {
  margin: 0 0 10px;
}

.mr-footer-small {
  color: #D8CFC0 !important;
  font-size: .88rem;
}

.mr-footer-separator {
  border-top: 1px solid rgba(246,241,231,.16);
  margin-top: 48px;
  padding-top: 24px;
}

@media (max-width: 900px) {
  .mr-pro-inner {
    grid-template-columns: 1fr !important;
  }

  .mr-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .mr-footer-grid {
    grid-template-columns: 1fr !important;
  }

  .mr-final-cta .wp-block-buttons {
    flex-direction: column;
  }
}


/* v0.5.1 — correctifs boutons + titre raphia */

/* Tous les boutons principaux gardent un texte clair au survol */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
  color: var(--mr-white) !important;
}

/* Bouton Professionnels */
.mr-pro .wp-block-button__link,
.mr-pro .wp-block-button__link:visited {
  color: var(--mr-white) !important;
  background-color: var(--mr-green) !important;
}

.mr-pro .wp-block-button__link:hover,
.mr-pro .wp-block-button__link:focus,
.mr-pro .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green-dark) !important;
}

/* CTA final — Voir la boutique */
.mr-final-cta .mr-cta-shop .wp-block-button__link,
.mr-final-cta .mr-cta-shop .wp-block-button__link:visited {
  color: var(--mr-green) !important;
  background-color: var(--mr-ivory) !important;
  border: 1px solid var(--mr-ivory) !important;
}

.mr-final-cta .mr-cta-shop .wp-block-button__link:hover,
.mr-final-cta .mr-cta-shop .wp-block-button__link:focus,
.mr-final-cta .mr-cta-shop .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green-dark) !important;
  border-color: var(--mr-ivory) !important;
}

/* CTA final — Nous contacter */
.mr-final-cta .mr-cta-contact .wp-block-button__link,
.mr-final-cta .mr-cta-contact .wp-block-button__link:visited {
  color: var(--mr-ivory) !important;
  background-color: transparent !important;
  border: 1px solid var(--mr-ivory) !important;
}

.mr-final-cta .mr-cta-contact .wp-block-button__link:hover,
.mr-final-cta .mr-cta-contact .wp-block-button__link:focus,
.mr-final-cta .mr-cta-contact .wp-block-button__link:active {
  color: var(--mr-green) !important;
  background-color: var(--mr-ivory) !important;
  border-color: var(--mr-ivory) !important;
}

/* Le titre Raphia reste volontairement sur deux lignes */
.mr-raphia-title {
  line-height: 1.15;
}


/* v0.6.0 — pages univers */

.mr-page-hero {
  min-height: 420px;
  display: flex;
  align-items: center;
}

.mr-page-hero .wp-block-cover__inner-container {
  width: min(1240px, calc(100% - 64px));
}

.mr-page-hero-copy {
  max-width: 680px;
}

.mr-page-hero-copy p {
  color: #E8E1D5;
}

.mr-page-section {
  overflow: hidden;
}

.mr-page-two-col {
  align-items: center;
}

.mr-page-copy {
  max-width: 580px;
}

.mr-page-copy p {
  color: var(--mr-muted);
}

.mr-page-media img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.mr-product-grid {
  align-items: stretch;
}

.mr-product-card {
  height: 100%;
}

.mr-product-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.mr-product-card h3 {
  margin-top: 18px;
  margin-bottom: 8px;
}

.mr-product-meta {
  color: var(--mr-muted);
  font-size: .92rem;
}

.mr-product-price {
  color: var(--mr-green);
  font-weight: 600;
  font-size: 1.05rem;
}

.mr-page-cta {
  text-align: center;
}

.mr-page-cta .wp-block-buttons {
  justify-content: center;
}

@media (max-width: 900px) {
  .mr-page-two-col {
    grid-template-columns: 1fr !important;
  }

  .mr-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mr-page-media img {
    aspect-ratio: 3 / 2;
  }
}

@media (max-width: 560px) {
  .mr-page-hero {
    min-height: 360px;
  }

  .mr-page-hero .wp-block-cover__inner-container {
    width: min(100% - 40px, 1240px);
  }

  .mr-product-grid {
    grid-template-columns: 1fr !important;
  }

  .mr-page-media img {
    aspect-ratio: 4 / 3;
  }
}


/* v0.6.1 — harmonisation des titres */

/* Les cartes d'univers et de produits réservent toutes la même hauteur de titre */
.mr-universe-card h3,
.mr-product-card h3 {
  min-height: 2.4em;
  line-height: 1.2;
}


/* v0.7.0 — pages de marque, professionnels et contact */

.mr-brand-intro,
.mr-brand-values,
.mr-artisans,
.mr-contact-page,
.mr-pro-page {
  overflow: hidden;
}

.mr-editorial-copy {
  max-width: 720px;
}

.mr-editorial-copy p {
  color: var(--mr-muted);
}

.mr-value-grid,
.mr-contact-grid,
.mr-pro-service-grid {
  align-items: stretch;
}

.mr-value-card,
.mr-contact-card,
.mr-pro-service-card {
  height: 100%;
  border: 1px solid rgba(37,64,51,.12);
  border-radius: 4px;
}

.mr-value-card p,
.mr-contact-card p,
.mr-pro-service-card p {
  color: var(--mr-muted);
}

.mr-contact-card a,
.mr-pro-page a {
  color: var(--mr-green);
}

.mr-contact-email {
  font-size: 1.15rem;
  font-weight: 600;
}

.mr-artisans-note {
  border-left: 2px solid var(--mr-beige);
  padding-left: 24px;
  color: var(--mr-muted);
}

.mr-page-dark {
  background: var(--mr-green);
}

.mr-page-dark h2,
.mr-page-dark h3,
.mr-page-dark p {
  color: var(--mr-ivory);
}

.mr-page-dark p {
  color: #E8E1D5;
}

@media (max-width: 900px) {
  .mr-value-grid,
  .mr-contact-grid,
  .mr-pro-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .mr-value-grid,
  .mr-contact-grid,
  .mr-pro-service-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.8.0 — Boutique vitrine / phase SumUp */

.mr-shop-page {
  overflow: hidden;
}

.mr-shop-category-grid,
.mr-shop-product-grid,
.mr-shop-artisan-grid {
  align-items: stretch;
}

.mr-shop-category-card,
.mr-shop-product-card,
.mr-shop-artisan-card {
  height: 100%;
}

.mr-shop-category-card img,
.mr-shop-product-card img,
.mr-shop-artisan-card img {
  width: 100%;
  object-fit: cover;
}

.mr-shop-category-card img {
  aspect-ratio: 3 / 4;
}

.mr-shop-product-card img {
  aspect-ratio: 4 / 5;
}

.mr-shop-artisan-card img {
  aspect-ratio: 3 / 2;
}

.mr-shop-card-body {
  padding-top: 18px;
}

.mr-shop-card-body h3 {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.18;
}

.mr-shop-meta {
  color: var(--mr-muted);
  font-size: .92rem;
}

.mr-shop-price {
  color: var(--mr-green);
  font-size: 1.12rem;
  font-weight: 600;
}

.mr-shop-link {
  color: var(--mr-green);
  text-decoration: none;
  font-weight: 500;
}

.mr-shop-link:hover {
  box-shadow: inset 0 -1px 0 var(--mr-green);
}

.mr-shop-note {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  color: var(--mr-muted);
  text-align: center;
}

.mr-shop-section-header {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mr-shop-section-header p {
  color: var(--mr-muted);
}

@media (max-width: 900px) {
  .mr-shop-category-grid,
  .mr-shop-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mr-shop-artisan-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .mr-shop-category-grid,
  .mr-shop-product-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.8.1 — photos réelles + harmonisation Matières & savoir-faire */

.mr-desktop-br {
  display: inline;
}

/* Improve text readability on photographic covers. */
.mr-photo-cover .wp-block-cover__background {
  opacity: .50 !important;
  background: linear-gradient(
    90deg,
    rgba(27,48,38,.82) 0%,
    rgba(27,48,38,.58) 42%,
    rgba(27,48,38,.26) 100%
  ) !important;
}

@media (max-width: 560px) {
  .mr-desktop-br {
    display: none;
  }

  .mr-photo-cover .wp-block-cover__background {
    opacity: .58 !important;
    background: rgba(27,48,38,.58) !important;
  }
}


/* v0.8.2 — direction éditoriale définitive des visuels principaux */

/* Les nouveaux Hero comportent déjà une zone calme à gauche :
   on conserve un voile vert mesuré pour la lisibilité du texte ivoire. */
.mr-editorial-cover .wp-block-cover__background {
  opacity: .56 !important;
  background: linear-gradient(
    90deg,
    rgba(27,48,38,.92) 0%,
    rgba(27,48,38,.80) 37%,
    rgba(27,48,38,.44) 62%,
    rgba(27,48,38,.12) 100%
  ) !important;
}

.mr-universe-card img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

@media (max-width: 560px) {
  .mr-editorial-cover .wp-block-cover__background {
    opacity: .64 !important;
    background: rgba(27,48,38,.64) !important;
  }
}


/* v0.8.4 — harmonisation du titre « Sélection Maison Ravina » */
.mr-engagement-item.mr-engagement-selection h3 {
  font-size: 1.48rem;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .mr-engagement-item.mr-engagement-selection h3 {
    font-size: inherit;
    white-space: normal;
  }
}


/* v0.8.5 — intégration des packshots produits */
.mr-product-card img,.mr-shop-product-card img{background:var(--mr-white);}
.mr-page-media .wp-block-image img{background:var(--mr-white);}


/* v0.8.6 — finition visuelle de l'accueil */

/* Les quatre cartes "Découvrez nos univers" ont une hauteur de titre identique. */
.mr-universe-card h3 {
  min-height: 2.4em;
  line-height: 1.18;
}

/* CTA final clair afin de créer une vraie respiration avant le footer vert. */
.mr-final-cta.mr-final-cta-light h2 {
  color: var(--mr-green) !important;
}

.mr-final-cta.mr-final-cta-light p {
  color: var(--mr-muted) !important;
}

.mr-final-cta.mr-final-cta-light .mr-cta-shop .wp-block-button__link,
.mr-final-cta.mr-final-cta-light .mr-cta-shop .wp-block-button__link:visited {
  color: var(--mr-white) !important;
  background-color: var(--mr-green) !important;
  border-color: var(--mr-green) !important;
}

.mr-final-cta.mr-final-cta-light .mr-cta-shop .wp-block-button__link:hover,
.mr-final-cta.mr-final-cta-light .mr-cta-shop .wp-block-button__link:focus,
.mr-final-cta.mr-final-cta-light .mr-cta-shop .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green-dark) !important;
  border-color: var(--mr-green-dark) !important;
}

.mr-final-cta.mr-final-cta-light .mr-cta-contact .wp-block-button__link,
.mr-final-cta.mr-final-cta-light .mr-cta-contact .wp-block-button__link:visited {
  color: var(--mr-green) !important;
  background-color: transparent !important;
  border-color: var(--mr-green) !important;
}

.mr-final-cta.mr-final-cta-light .mr-cta-contact .wp-block-button__link:hover,
.mr-final-cta.mr-final-cta-light .mr-cta-contact .wp-block-button__link:focus,
.mr-final-cta.mr-final-cta-light .mr-cta-contact .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green) !important;
  border-color: var(--mr-green) !important;
}

/* Monogramme discret dans la première colonne du footer. */
.mr-footer-logo-link {
  display: block;
  width: 54px;
  height: 62px;
  margin-bottom: 18px;
  background: url("assets/images/monogramme-footer.png") center / contain no-repeat;
  text-decoration: none !important;
}
.mr-footer-logo-link:hover,
.mr-footer-logo-link:focus {
  opacity: .82;
  text-decoration: none !important;
}

@media (max-width: 560px) {
  .mr-universe-card h3 {
    min-height: 0;
  }
}


/* v0.8.7 — finition Boutique et packshots */

/* Les sachets gagnent un peu de présence sans perdre leur respiration. */
.mr-shop-spice-grid figure,
.mr-spice-product-grid figure {
  overflow: hidden;
}

.mr-shop-spice-grid .wp-block-image img,
.mr-spice-product-grid .wp-block-image img {
  transform: scale(1.11);
  transform-origin: center center;
}

/* Les tubes de vanille utilisent un cadre plus vertical :
   ils occupent mieux l'espace sans perdre le produit complet. */
.mr-shop-vanilla-grid .wp-block-image img,
.mr-vanilla-product-grid .wp-block-image img {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

/* CTA final Boutique clair, comme sur l'accueil. */
.mr-shop-final-cta h2 {
  color: var(--mr-green) !important;
}

.mr-shop-final-cta p {
  color: var(--mr-muted) !important;
}

.mr-shop-final-cta .wp-block-button__link,
.mr-shop-final-cta .wp-block-button__link:visited {
  color: var(--mr-white) !important;
  background-color: var(--mr-green) !important;
  border-color: var(--mr-green) !important;
}

.mr-shop-final-cta .wp-block-button__link:hover,
.mr-shop-final-cta .wp-block-button__link:focus,
.mr-shop-final-cta .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green-dark) !important;
  border-color: var(--mr-green-dark) !important;
}

@media (max-width: 560px) {
  .mr-shop-spice-grid .wp-block-image img,
  .mr-spice-product-grid .wp-block-image img {
    transform: none;
  }

  .mr-shop-vanilla-grid .wp-block-image img,
  .mr-vanilla-product-grid .wp-block-image img {
    aspect-ratio: 4 / 5;
  }
}


/* v0.9.0 — séparation pages éditoriales / Boutique commerciale */

.mr-info-grid,
.mr-spice-editorial-grid {
  align-items: stretch;
}

.mr-info-card {
  height: 100%;
  border: 1px solid rgba(37,64,51,.10);
  border-radius: 4px;
}

.mr-info-card h3 {
  margin-top: 0;
  margin-bottom: 14px;
}

.mr-info-card p {
  color: var(--mr-muted);
}

.mr-use-note {
  margin-top: 20px;
  font-size: .94rem;
}

@media (max-width: 900px) {
  .mr-info-grid {
    grid-template-columns: 1fr !important;
  }

  .mr-spice-editorial-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.9.1 — pages éditoriales individuelles des épices */

.mr-spice-link {
  margin-top: 22px;
}

.mr-spice-link a {
  color: var(--mr-green);
  font-weight: 500;
  text-decoration: none;
}

.mr-spice-link a:hover {
  box-shadow: inset 0 -1px 0 var(--mr-green);
}

.mr-spice-detail-intro {
  align-items: start;
}

@media (max-width: 900px) {
  .mr-spice-detail-intro {
    grid-template-columns: 1fr !important;
  }
}


/* v0.9.4 — consolidation Raphia / Antemoro */

/* Titres éditoriaux : une ligne sur desktop quand l'espace le permet. */
@media (min-width: 1100px) {
  .mr-wide-heading,
  .mr-cta-heading {
    max-width: none !important;
    width: 100%;
    white-space: nowrap;
  }
}

/* Même rythme et même fond de CTA pour les pages artisanat. */
.mr-editorial-cta {
  background: var(--mr-white) !important;
}

.mr-editorial-cta .wp-block-buttons {
  justify-content: center;
}

@media (max-width: 1099px) {
  .mr-wide-heading,
  .mr-cta-heading {
    white-space: normal;
  }
}


/* v0.9.5 — page Madagascar & artisans + finitions éditoriales */

/* Les grands titres courts restent sur une ligne sur desktop,
   puis retrouvent un retour naturel sur tablette/mobile. */
.mr-section-title-wide {
  white-space: nowrap;
}

.mr-artisan-grid {
  align-items: stretch;
}

.mr-artisan-card {
  height: 100%;
}

.mr-artisan-card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.mr-artisan-card h3 {
  margin-top: 18px;
  margin-bottom: 10px;
}

.mr-artisan-card p {
  color: var(--mr-muted);
}

.mr-artisan-card .mr-feature-link {
  color: var(--mr-green);
}

.mr-brand-birth .mr-editorial-copy {
  max-width: 820px;
}

/* CTA éditoriaux clairs : contraste stable au repos et au survol. */
.mr-editorial-cta h2 {
  color: var(--mr-charcoal) !important;
}

.mr-editorial-cta .wp-block-button__link,
.mr-editorial-cta .wp-block-button__link:visited {
  color: var(--mr-white) !important;
  background-color: var(--mr-green) !important;
  border-color: var(--mr-green) !important;
}

.mr-editorial-cta .wp-block-button__link:hover,
.mr-editorial-cta .wp-block-button__link:focus,
.mr-editorial-cta .wp-block-button__link:active {
  color: var(--mr-white) !important;
  background-color: var(--mr-green-dark) !important;
  border-color: var(--mr-green-dark) !important;
}

@media (max-width: 1000px) {
  .mr-section-title-wide {
    white-space: normal;
  }

  .mr-artisan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .mr-artisan-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v0.9.6 — correctif navigation mobile plein écran */
.mr-header .mr-mobile-shop-link {
  display: none !important;
}

@media (max-width: 782px) {
  /* backdrop-filter creates a containing block for position:fixed in some browsers
     and can trap the WordPress responsive menu inside the header. */
  .mr-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: var(--mr-ivory) !important;
    color: var(--mr-charcoal) !important;
    z-index: 999999 !important;
    padding: 24px 24px 40px !important;
  }

  .admin-bar .mr-header .wp-block-navigation__responsive-container.is-menu-open {
    top: 46px !important;
    bottom: 0 !important;
    height: calc(100dvh - 46px) !important;
  }

  .mr-header .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    color: var(--mr-green) !important;
    width: 34px;
    height: 34px;
    z-index: 2;
  }

  .mr-header .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding-top: 58px !important;
  }

  .mr-header .wp-block-navigation__responsive-container-content > .wp-block-navigation__container,
  .mr-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100% !important;
    align-items: stretch !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 13px 0 !important;
    color: var(--mr-charcoal) !important;
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  /* Keep the two small submenus fully visible in the mobile panel.
     This removes a second tap and guarantees that every destination is reachable. */
  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 0 2px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 9px 0 !important;
    font-size: .96rem !important;
    color: var(--mr-muted) !important;
    white-space: normal !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
    display: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .mr-mobile-shop-link {
    display: flex !important;
    margin-top: 18px !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .mr-mobile-shop-link > .wp-block-navigation-item__content {
    display: inline-flex !important;
    width: auto !important;
    align-self: flex-start !important;
    padding: 12px 22px !important;
    border-radius: 4px !important;
    background: var(--mr-green) !important;
    color: var(--mr-white) !important;
    font-weight: 600 !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .mr-mobile-shop-link > .wp-block-navigation-item__content:hover,
  .mr-header .wp-block-navigation__responsive-container.is-menu-open .mr-mobile-shop-link > .wp-block-navigation-item__content:focus {
    background: var(--mr-green-dark) !important;
    color: var(--mr-white) !important;
  }
}


/* v0.9.7 — consolidation éditoriale + responsive */

/* Hiérarchie plus nette dans le footer. */
.mr-footer-grid > .wp-block-group > h3 {
  margin-bottom: 16px !important;
}

.mr-footer-nav li {
  margin-bottom: 10px;
}

/* Blocs éditoriaux de marque. */
.mr-brand-name {
  background: var(--mr-white);
}

.mr-brand-name .mr-editorial-copy {
  max-width: 820px;
}

/* Process B2B. */
.mr-pro-process-grid {
  align-items: stretch;
}

.mr-pro-process-card {
  height: 100%;
  border: 1px solid rgba(37,64,51,.10);
  border-radius: 4px;
}

.mr-pro-process-number {
  color: var(--mr-green);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 14px;
}

/* Formulaire de contact natif WordPress. */
.mr-contact-form-wrap {
  background: var(--mr-ivory);
}

.mr-contact-form {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}

.mr-contact-form .wp-block-form-input {
  margin-bottom: 20px;
}

.mr-contact-form .wp-block-form-input__label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--mr-charcoal);
  font-weight: 500;
}

.mr-contact-form .wp-block-form-input__input {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgba(37,64,51,.28);
  border-radius: 4px;
  background: var(--mr-white);
  color: var(--mr-charcoal);
  font: inherit;
  padding: 13px 14px;
}

.mr-contact-form textarea.wp-block-form-input__input {
  min-height: 180px;
  resize: vertical;
}

.mr-contact-form .wp-block-form-input__input:focus {
  outline: 2px solid rgba(37,64,51,.20);
  outline-offset: 1px;
  border-color: var(--mr-green);
}

.mr-contact-form .wp-block-button__link {
  color: var(--mr-green) !important;
  background: transparent !important;
  border: 1px solid var(--mr-green) !important;
  box-shadow: none !important;
}

.mr-contact-form .wp-block-button__link:hover,
.mr-contact-form .wp-block-button__link:focus,
.mr-contact-form .wp-block-button__link:active {
  color: var(--mr-ivory) !important;
  background: var(--mr-green) !important;
  border-color: var(--mr-green) !important;
}

.mr-contact-privacy {
  margin-top: 18px;
  color: var(--mr-muted);
  font-size: .88rem;
}

.mr-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 18px;
}

.mr-social-links a {
  color: var(--mr-green);
  font-weight: 500;
  text-decoration: none;
}

.mr-social-links a:hover {
  box-shadow: inset 0 -1px 0 var(--mr-green);
}

/* Le menu hamburger prend aussi le relais sur tablette. */
@media (max-width: 1024px) {
  .mr-header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mr-header .mr-header-cta {
    display: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container-open {
    display: flex !important;
    color: var(--mr-charcoal) !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: none !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: var(--mr-ivory) !important;
    color: var(--mr-charcoal) !important;
    z-index: 999999 !important;
    padding: 24px 24px 40px !important;
  }

  .admin-bar .mr-header .wp-block-navigation__responsive-container.is-menu-open {
    top: 32px !important;
    bottom: 0 !important;
    height: calc(100dvh - 32px) !important;
  }

  .mr-header .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    color: var(--mr-green) !important;
    width: 34px;
    height: 34px;
    z-index: 2;
  }

  .mr-header .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding-top: 58px !important;
  }

  .mr-header .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    width: 100% !important;
    align-items: stretch !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 13px 0 !important;
    color: var(--mr-charcoal) !important;
    font-size: 1.08rem !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 0 2px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 9px 0 !important;
    font-size: .96rem !important;
    color: var(--mr-muted) !important;
    white-space: normal !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
    display: none !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .mr-mobile-shop-link {
    display: flex !important;
    margin-top: 18px !important;
  }

  .mr-header .wp-block-navigation__responsive-container.is-menu-open .mr-mobile-shop-link > .wp-block-navigation-item__content {
    display: inline-flex !important;
    width: auto !important;
    align-self: flex-start !important;
    padding: 12px 22px !important;
    border-radius: 4px !important;
    background: var(--mr-green) !important;
    color: var(--mr-white) !important;
    font-weight: 600 !important;
  }

  .mr-pro-process-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 782px) {
  .admin-bar .mr-header .wp-block-navigation__responsive-container.is-menu-open {
    top: 46px !important;
    height: calc(100dvh - 46px) !important;
  }
}


.mr-hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.mr-form-notice {
  border-radius: 4px;
  padding: 14px 16px;
  margin-bottom: 22px;
}

.mr-form-success {
  background: rgba(37,64,51,.08);
  color: var(--mr-green);
}

.mr-form-error {
  background: rgba(168,102,76,.10);
  color: var(--mr-charcoal);
}


/* v0.9.8 — formulaire visible, footer chromatique unifié, favicon ivoire */
.mr-footer,
.mr-footer h2,
.mr-footer h3,
.mr-footer p,
.mr-footer a,
.mr-footer .mr-footer-title,
.mr-footer .mr-footer-subtitle,
.mr-footer .mr-footer-small {
  color: var(--mr-ivory) !important;
}

.mr-footer a:hover,
.mr-footer a:focus {
  color: var(--mr-ivory) !important;
}


/* v0.9.9 — pages légales, adresse publique bonjour@ et lisibilité juridique */
.mr-legal-hero {
  min-height: 300px;
  display: flex;
  align-items: center;
  background: var(--mr-green);
  color: var(--mr-ivory);
}

.mr-legal-hero .wp-block-heading,
.mr-legal-hero p {
  color: var(--mr-ivory) !important;
}

.mr-legal-hero .wp-block-heading {
  margin-bottom: 14px;
}

.mr-legal-page {
  background: var(--mr-white);
}

.mr-legal-content {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.mr-legal-content h2 {
  margin-top: 56px;
  margin-bottom: 18px;
  color: var(--mr-green);
  font-size: clamp(1.7rem, 3vw, 2.2rem);
}

.mr-legal-content h3 {
  margin-top: 30px;
  margin-bottom: 12px;
  color: var(--mr-charcoal);
  font-size: 1.2rem;
}

.mr-legal-content p,
.mr-legal-content li {
  line-height: 1.75;
}

.mr-legal-content ul,
.mr-legal-content ol {
  padding-left: 1.3rem;
}

.mr-legal-content a {
  color: var(--mr-green);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.mr-legal-meta {
  margin: 0 0 34px;
  color: var(--mr-muted);
  font-size: .92rem;
}

.mr-legal-box {
  margin: 30px 0;
  padding: 28px 30px;
  border: 1px solid var(--mr-beige);
  border-radius: 4px;
  background: var(--mr-ivory);
}

.mr-legal-box h3:first-child,
.mr-legal-box p:first-child {
  margin-top: 0;
}

.mr-legal-note {
  margin: 26px 0;
  padding: 18px 20px;
  border-left: 3px solid var(--mr-green);
  background: rgba(37,64,51,.055);
}

.mr-retraction-form {
  margin-top: 22px;
  padding: 26px 28px;
  border: 1px solid var(--mr-beige);
  border-radius: 4px;
  background: var(--mr-white);
}

.mr-retraction-form p {
  margin: 0 0 14px;
}

.mr-retraction-form p:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .mr-legal-hero {
    min-height: 250px;
  }

  .mr-legal-page {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mr-legal-content h2 {
    margin-top: 44px;
  }

  .mr-legal-box,
  .mr-retraction-form {
    padding: 22px 20px;
  }
}


/* v0.9.11 — CTA produit enrichi : Poivre sauvage */
.mr-product-cta{overflow:hidden}
.mr-product-cta-inner{align-items:center}
.mr-product-cta-copy{max-width:560px;margin-left:0!important}
.mr-product-cta-copy h2{font-size:clamp(2.45rem,4vw,4.1rem);line-height:1.03;margin-top:12px;margin-bottom:22px}
.mr-product-cta-copy>p:not(.mr-feature-kicker){font-size:1.08rem;line-height:1.65;color:var(--mr-muted);max-width:470px}
.mr-product-cta-copy .wp-block-buttons{margin-top:32px}
.mr-product-cta-copy .wp-block-button__link{min-width:180px;text-align:center}
.mr-product-cta-media{display:flex;justify-content:center;align-items:center}
.mr-product-cta-media figure{margin:0;width:min(100%,520px)}
.mr-product-cta-media img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:900px){
  .mr-product-cta{padding-top:72px!important;padding-bottom:72px!important}
  .mr-product-cta-inner{grid-template-columns:1fr!important;gap:42px!important}
  .mr-product-cta-copy{max-width:680px;margin-left:auto!important;margin-right:auto!important;text-align:center}
  .mr-product-cta-copy .wp-block-buttons{justify-content:center}
  .mr-product-cta-copy>p:not(.mr-feature-kicker){margin-left:auto;margin-right:auto}
  .mr-product-cta-media figure{width:min(100%,460px)}
}
@media(max-width:560px){
  .mr-product-cta{padding:64px 20px!important}
  .mr-product-cta-copy h2{font-size:2.35rem}
  .mr-product-cta-media figure{width:min(100%,380px)}
}


/* v0.9.13 — CTA éditorial Poivre sauvage, visuel de mise en situation */
.mr-product-cta-scene{overflow:hidden}
.mr-product-cta-scene-inner{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;background:var(--mr-white);border-radius:28px;overflow:hidden;box-shadow:0 18px 42px rgba(38,40,35,.07)}
.mr-product-cta-scene-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(48px,5vw,78px) clamp(34px,5vw,66px);max-width:none!important;margin:0!important}
.mr-product-cta-scene-copy h2{font-size:clamp(2.55rem,4vw,4rem);line-height:1.02;margin:16px 0 24px;max-width:620px}
.mr-product-cta-scene-copy>p:not(.mr-feature-kicker){font-size:1.08rem;line-height:1.65;color:var(--mr-muted);max-width:470px;margin-left:0;margin-right:0}
.mr-product-cta-scene-copy .wp-block-buttons{margin-top:30px}
.mr-product-cta-scene-copy .wp-block-button__link{min-width:185px;text-align:center}
.mr-product-cta-scene-kicker{display:inline-flex;align-items:center;gap:18px}
.mr-product-cta-scene-kicker::after{content:"";display:block;width:58px;height:1px;background:rgba(37,64,51,.24)}
.mr-product-cta-scene-media{margin:0!important;min-height:520px;height:100%;overflow:hidden}
.mr-product-cta-scene-media img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center center}
@media(max-width:1024px){
  .mr-product-cta-scene-inner{grid-template-columns:1fr 1fr}
  .mr-product-cta-scene-copy{padding:46px 34px}
  .mr-product-cta-scene-copy h2{font-size:clamp(2.25rem,4.8vw,3.4rem)}
  .mr-product-cta-scene-media,.mr-product-cta-scene-media img{min-height:460px}
  .mr-product-cta-scene-media img{object-position:52% center}
}
@media(max-width:782px){
  .mr-product-cta-scene{padding:64px 20px!important}
  .mr-product-cta-scene-inner{grid-template-columns:1fr}
  .mr-product-cta-scene-copy{padding:40px 28px 34px;text-align:left}
  .mr-product-cta-scene-copy h2{font-size:clamp(2.25rem,8vw,3.2rem)}
  .mr-product-cta-scene-copy .wp-block-buttons{justify-content:flex-start}
  .mr-product-cta-scene-media,.mr-product-cta-scene-media img{min-height:390px}
  .mr-product-cta-scene-media img{object-position:58% center}
}
@media(max-width:480px){
  .mr-product-cta-scene-inner{border-radius:22px}
  .mr-product-cta-scene-copy{padding:34px 22px 30px}
  .mr-product-cta-scene-copy h2{font-size:2.25rem}
  .mr-product-cta-scene-kicker{gap:14px}
  .mr-product-cta-scene-kicker::after{width:40px}
  .mr-product-cta-scene-media,.mr-product-cta-scene-media img{min-height:320px}
}


/* v0.9.14 — CTA éditoriaux pour Poivre blanc, Poivre vert et Baies roses */


/* v0.9.16 — recadrage des trois CTA épices sur le cadrage validé du Voatsiperifery */
.mr-product-cta-scene-media--right-focus img{object-position:100% center!important}


/* v0.9.17 — Conservation intégrée aux sections « À table » */
.mr-conservation-inline{max-width:920px!important;border-top:1px solid rgba(37,64,51,.18);margin-left:auto!important;margin-right:auto!important;text-align:left}
.mr-conservation-inline h3{font-size:1.7rem;line-height:1.2;margin:0 0 12px}
.mr-conservation-inline p{max-width:820px;margin:0;color:var(--mr-muted);line-height:1.7}
@media (max-width:782px){.mr-conservation-inline{margin-top:38px!important;padding-top:26px!important}.mr-conservation-inline h3{font-size:1.5rem}}


/* v0.9.18 — CTA éditorial Vanille Bourbon */
.mr-product-cta-scene-media--vanille img{object-position:50% center!important}
@media(max-width:1024px){.mr-product-cta-scene-media--vanille img{object-position:50% center!important}}
@media(max-width:782px){.mr-product-cta-scene-media--vanille img{object-position:50% center!important}}


/* v0.9.20 — CTA éditoriaux Raphia & Papier Antemoro */
.mr-product-cta-scene-media--raphia img,
.mr-product-cta-scene-media--antemoro img{object-position:50% center!important}
@media(max-width:782px){
  .mr-product-cta-scene-media--raphia img{object-position:50% center!important}
  .mr-product-cta-scene-media--antemoro img{object-position:50% center!important}
}


/* v0.9.21 — CTA éditorial page Épices */
.mr-product-cta-scene-media--epices img{object-position:44% center!important}
@media(max-width:1024px){.mr-product-cta-scene-media--epices img{object-position:44% center!important}}
@media(max-width:782px){.mr-product-cta-scene-media--epices img{object-position:50% center!important}}

/* v0.9.26 — test intégration CTA Épices au ratio du panneau + CTA Accueil conservé */

.mr-product-cta-scene-media--epices img{
  object-fit:cover!important;
  object-position:50% center!important;
  background:none!important;
}
.mr-home-cta-scene .mr-product-cta-scene-inner{
  grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);
}
.mr-home-cta-scene .mr-product-cta-scene-copy h2{
  font-size:clamp(2.7rem,3.6vw,3.8rem);
}
.mr-home-cta-scene .mr-product-cta-scene-copy .wp-block-buttons{
  gap:14px;
}
.mr-home-cta-scene .is-style-outline .wp-block-button__link{
  color:var(--mr-green)!important;
  border-color:var(--mr-green)!important;
  background:transparent!important;
}
.mr-home-cta-scene .is-style-outline .wp-block-button__link:hover,
.mr-home-cta-scene .is-style-outline .wp-block-button__link:focus{
  color:var(--mr-ivory)!important;
  background:var(--mr-green)!important;
}
.mr-product-cta-scene-media--home,
.mr-product-cta-scene-media--home img{
  min-height:430px;
}
.mr-product-cta-scene-media--home img{
  object-fit:cover!important;
  object-position:50% center!important;
}
@media(max-width:1024px){
  .mr-home-cta-scene .mr-product-cta-scene-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .mr-product-cta-scene-media--home,
  .mr-product-cta-scene-media--home img{min-height:400px}
}
@media(max-width:782px){
  .mr-home-cta-scene .mr-product-cta-scene-inner{grid-template-columns:1fr}
  .mr-home-cta-scene .mr-product-cta-scene-copy .wp-block-buttons{flex-wrap:wrap}
  .mr-product-cta-scene-media--home{min-height:0;height:auto}
  .mr-product-cta-scene-media--home img{min-height:0;height:auto;object-fit:contain!important}
  .mr-product-cta-scene-media--epices img{object-fit:contain!important}
}


/* v0.9.27 — CTA éditoriaux Notre histoire + Madagascar & savoir-faire */
.mr-product-cta-scene-media--story img{object-position:50% center!important}
.mr-product-cta-scene-media--savoir-faire img{object-position:50% center!important}
@media(max-width:782px){
  .mr-product-cta-scene-media--story img{object-position:52% center!important}
  .mr-product-cta-scene-media--savoir-faire img{object-position:50% center!important}
}


/* v0.9.28 — harmonisation générale de l’interface */
.mr-engagements{background:var(--mr-ivory)!important}
.mr-engagement-grid{align-items:stretch}
.mr-engagement-item{background:var(--mr-white);border:1px solid rgba(37,64,51,.10);border-radius:22px;padding:28px 24px;height:100%}
.mr-engagements h2,.mr-engagements h3{color:var(--mr-charcoal)!important}
.mr-engagements p{color:var(--mr-muted)!important}

/* Par défaut, les boutons prennent une écriture "contour" plus légère. */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-block-button__link:visited{background:transparent!important;color:var(--mr-green)!important;border:1px solid var(--mr-green)!important;box-shadow:none!important}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active{background:var(--mr-green)!important;color:var(--mr-white)!important;border-color:var(--mr-green)!important}

/* Zones sombres : même logique contour en ivoire. */
.mr-hero .wp-block-button .wp-block-button__link,
.mr-hero .wp-block-button .wp-block-button__link:visited,
.mr-page-hero .wp-block-button .wp-block-button__link,
.mr-page-hero .wp-block-button .wp-block-button__link:visited{background:transparent!important;color:var(--mr-ivory)!important;border-color:var(--mr-ivory)!important}
.mr-hero .wp-block-button .wp-block-button__link:hover,
.mr-hero .wp-block-button .wp-block-button__link:focus,
.mr-hero .wp-block-button .wp-block-button__link:active,
.mr-page-hero .wp-block-button .wp-block-button__link:hover,
.mr-page-hero .wp-block-button .wp-block-button__link:focus,
.mr-page-hero .wp-block-button .wp-block-button__link:active{background:var(--mr-ivory)!important;color:var(--mr-green)!important;border-color:var(--mr-ivory)!important}

/* Variante légère pour le premier bouton lorsqu’il y en a deux. */
.mr-button-outline-soft .wp-block-button__link,
.mr-button-outline-soft .wp-block-button__link:visited{background:rgba(37,64,51,.05)!important}
.mr-hero .mr-button-outline-soft .wp-block-button__link,
.mr-hero .mr-button-outline-soft .wp-block-button__link:visited,
.mr-page-hero .mr-button-outline-soft .wp-block-button__link,
.mr-page-hero .mr-button-outline-soft .wp-block-button__link:visited{background:rgba(246,241,231,.12)!important}

/* Page Madagascar & savoir-faire */
.mr-page-hero--artisans .wp-block-cover__image-background{object-position:50% center!important}
.mr-artisans-materials{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;align-items:stretch!important}
.mr-artisans-materials .mr-page-copy{display:flex;flex-direction:column;justify-content:center}
.mr-page-media--wide,
.mr-page-media--wide .wp-block-image,
.mr-page-media--wide figure{height:100%}
.mr-page-media--wide img{display:block;width:100%;height:100%;min-height:460px;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% center!important;border-radius:12px}
@media(max-width:900px){.mr-artisans-materials{grid-template-columns:1fr!important}.mr-page-media--wide img{height:auto;min-height:0;aspect-ratio:16/9!important}}
@media(max-width:560px){.mr-page-media--wide img{aspect-ratio:4/3!important}}


/* v0.9.29 — correctifs finaux page savoir-faire / header / footer */
.mr-header-cta .wp-block-button__link,
.mr-header-cta .wp-block-button__link:visited{
  color:var(--mr-green)!important;
  border-color:rgba(37,64,51,.75)!important;
  background:transparent!important;
}
.mr-header-cta .wp-block-button__link:hover,
.mr-header-cta .wp-block-button__link:focus,
.mr-header-cta .wp-block-button__link:active{
  color:var(--mr-white)!important;
  background:var(--mr-green)!important;
  border-color:var(--mr-green)!important;
}
.mr-footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
}
.mr-footer-logo-link{
  margin:0 0 18px 0;
  background-position:left center;
  flex:0 0 auto;
}


/* v0.9.30 — header Boutique + alignement monogramme footer */
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link,
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:visited{
  color:var(--mr-green)!important;
  background:transparent!important;
  border:1px solid var(--mr-green)!important;
}
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:hover,
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:focus,
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:active{
  color:var(--mr-white)!important;
  background:var(--mr-green)!important;
  border-color:var(--mr-green)!important;
}
.mr-footer-brand{
  align-items:flex-start!important;
  text-align:left!important;
}
.mr-footer-logo{
  margin:0 0 18px 0!important;
  width:54px!important;
  max-width:54px!important;
  align-self:flex-start!important;
}
.mr-footer-logo a{display:block!important;line-height:0!important}
.mr-footer-logo img{
  display:block!important;
  width:54px!important;
  height:auto!important;
  margin:0!important;
}


/* v0.9.31 — alignement complet de la colonne marque du footer */
.mr-footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
  width:100%!important;
}
.mr-footer-brand > *{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.mr-footer-brand .mr-footer-title,
.mr-footer-brand .mr-footer-subtitle,
.mr-footer-brand .mr-footer-small{
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
}
.mr-footer-brand .mr-footer-logo{
  align-self:flex-start!important;
}


/* v0.9.32 — harmonisation finale des boutons et navigation */
/* Tous les boutons actuels sont éditoriaux : contour Vert Ravina par défaut. */
.wp-block-button .wp-block-button__link,
.wp-block-button .wp-block-button__link:visited,
button.wp-block-button__link,
button.wp-block-button__link:visited{
  color:var(--mr-green)!important;
  background:transparent!important;
  border:1px solid var(--mr-green)!important;
  box-shadow:none!important;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active,
button.wp-block-button__link:hover,
button.wp-block-button__link:focus,
button.wp-block-button__link:active{
  color:var(--mr-ivory)!important;
  background:var(--mr-green)!important;
  border-color:var(--mr-green)!important;
}

/* Sur image / fond sombre : contour ivoire, puis inversion au survol. */
.mr-hero .wp-block-button .wp-block-button__link,
.mr-hero .wp-block-button .wp-block-button__link:visited,
.mr-page-hero .wp-block-button .wp-block-button__link,
.mr-page-hero .wp-block-button .wp-block-button__link:visited,
.mr-legal-hero .wp-block-button .wp-block-button__link,
.mr-legal-hero .wp-block-button .wp-block-button__link:visited{
  color:var(--mr-ivory)!important;
  background:transparent!important;
  border-color:var(--mr-ivory)!important;
}
.mr-hero .wp-block-button .wp-block-button__link:hover,
.mr-hero .wp-block-button .wp-block-button__link:focus,
.mr-hero .wp-block-button .wp-block-button__link:active,
.mr-page-hero .wp-block-button .wp-block-button__link:hover,
.mr-page-hero .wp-block-button .wp-block-button__link:focus,
.mr-page-hero .wp-block-button .wp-block-button__link:active,
.mr-legal-hero .wp-block-button .wp-block-button__link:hover,
.mr-legal-hero .wp-block-button .wp-block-button__link:focus,
.mr-legal-hero .wp-block-button .wp-block-button__link:active{
  color:var(--mr-green)!important;
  background:var(--mr-ivory)!important;
  border-color:var(--mr-ivory)!important;
}

/* Le bouton Boutique du header suit le même système clair. */
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link,
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:visited{
  color:var(--mr-green)!important;
  background:transparent!important;
  border:1px solid var(--mr-green)!important;
}
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:hover,
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:focus,
.mr-header .mr-header-cta .wp-block-button .wp-block-button__link:active{
  color:var(--mr-ivory)!important;
  background:var(--mr-green)!important;
  border-color:var(--mr-green)!important;
}


/* v0.9.33 — correction boutons formulaires Contact + Rétractation */
.mr-contact-form button.wp-block-button__link,
.mr-contact-form button.wp-block-button__link:visited,
.mr-withdrawal-form button.wp-block-button__link,
.mr-withdrawal-form button.wp-block-button__link:visited{
  color:var(--mr-green)!important;
  background:transparent!important;
  border:1px solid var(--mr-green)!important;
  box-shadow:none!important;
}
.mr-contact-form button.wp-block-button__link:hover,
.mr-contact-form button.wp-block-button__link:focus,
.mr-contact-form button.wp-block-button__link:active,
.mr-withdrawal-form button.wp-block-button__link:hover,
.mr-withdrawal-form button.wp-block-button__link:focus,
.mr-withdrawal-form button.wp-block-button__link:active{
  color:var(--mr-ivory)!important;
  background:var(--mr-green)!important;
  border-color:var(--mr-green)!important;
}


/* v0.9.34 — formulaires en vrai mode contour */
.mr-contact-form .mr-outline-submit,
.mr-contact-form .mr-outline-submit:visited,
.mr-withdrawal-form .mr-outline-submit,
.mr-withdrawal-form .mr-outline-submit:visited,
.mr-contact-form button.mr-outline-submit,
.mr-withdrawal-form button.mr-outline-submit{
  -webkit-appearance:none;
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:12px 28px;
  border-radius:4px;
  border:1px solid var(--mr-green)!important;
  background:transparent!important;
  color:var(--mr-green)!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font:inherit;
  font-weight:500;
  line-height:1.2;
  cursor:pointer;
}
.mr-contact-form .mr-outline-submit:hover,
.mr-contact-form .mr-outline-submit:focus,
.mr-contact-form .mr-outline-submit:active,
.mr-withdrawal-form .mr-outline-submit:hover,
.mr-withdrawal-form .mr-outline-submit:focus,
.mr-withdrawal-form .mr-outline-submit:active,
.mr-contact-form button.mr-outline-submit:hover,
.mr-contact-form button.mr-outline-submit:focus,
.mr-contact-form button.mr-outline-submit:active,
.mr-withdrawal-form button.mr-outline-submit:hover,
.mr-withdrawal-form button.mr-outline-submit:focus,
.mr-withdrawal-form button.mr-outline-submit:active{
  background:var(--mr-green)!important;
  color:var(--mr-ivory)!important;
  border-color:var(--mr-green)!important;
}


/* v0.9.35 — vrais boutons outline Gutenberg pour les formulaires */
.mr-form-submit-buttons{
  margin-top:24px;
}
.mr-form-submit-buttons .wp-block-button.is-style-outline .wp-block-button__link,
.mr-form-submit-buttons .wp-block-button.is-style-outline .wp-block-button__link:visited{
  background:transparent!important;
  color:var(--mr-green)!important;
  border:1px solid var(--mr-green)!important;
  box-shadow:none!important;
}
.mr-form-submit-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
.mr-form-submit-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,
.mr-form-submit-buttons .wp-block-button.is-style-outline .wp-block-button__link:active{
  background:var(--mr-green)!important;
  color:var(--mr-ivory)!important;
  border-color:var(--mr-green)!important;
}


/* v0.9.36 — CGV communes WordPress / SumUp et mise à jour REP Citeo */


/* v0.9.37 — politique de confidentialité commune WordPress / SumUp E-shop */