/* Éléments d'articles fournis par le plugin Ergomini contenus. Les variables --erg-* viennent du thème, avec des valeurs de secours. */

/* Boutons Amazon */
.erg-aff-cta { margin: 1.8rem 0 !important; }
.erg-btn--aff { padding: .95em 1.6em; font-size: 1rem; box-shadow: 0 6px 16px -8px rgba(10, 127, 102, .7); }
.erg-btn--aff:hover { transform: translateY(-1px); }
.erg-btn--sm { padding: .7em 1.1em; font-size: .9rem; white-space: nowrap; box-shadow: 0 6px 14px -9px rgba(10, 127, 102, .8); }
.erg-prose .erg-btn:not(.erg-btn--ghost) { color: #fff !important; }
.erg-prose table td .erg-btn { margin: 2px 0; }
.erg-inline-aff { font-weight: 600; text-decoration-style: dotted !important; }
.erg-ext { font-size: .85em; opacity: .7; }

/* Cartes d'ingrédients */
.erg-plants { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 1.4rem 0 1.8rem; }
@media (min-width: 720px) { .erg-plants { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.erg-plants br, .erg-plants > p:empty { display: none; }
.erg-plant { margin: 0; border: 1px solid var(--erg-line, #dfe8e4); border-radius: var(--erg-radius, 14px); overflow: hidden; background: #fff; }
.erg-plant img { display: block; width: 100%; height: auto; border-radius: 0; }
.erg-plant__l { text-decoration: none; color: inherit; }
.erg-plant figcaption { padding: 10px 14px 14px; font-size: .95rem; line-height: 1.45; }
.erg-plant figcaption strong { display: block; margin-bottom: 4px; }
.erg-plant figcaption strong a { color: var(--erg-green-dark, #075a49); text-decoration: none; }
.erg-plant figcaption span { color: var(--erg-muted, #5b6b66); }

/* Illustrations et photos dans un article */
.erg-fig { margin: 1.6rem 0; }
.erg-fig img { display: block; width: 100%; max-width: 640px; height: auto; margin: 0 auto; }
.erg-fig--produit img { max-width: 260px; }
.erg-fig figcaption { max-width: 640px; margin: 8px auto 0; font-size: .88rem; color: var(--erg-muted, #5b6b66); text-align: center; }

/* Tableaux larges : ils défilent dans leur cadre sur petit écran au lieu d'élargir la page */
@media (max-width: 719px) {
	.erg-prose table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.erg-prose table th, .erg-prose table td { min-width: 140px; }
	.erg-prose table th:first-child, .erg-prose table td:first-child { min-width: 110px; }
}