/* Lyphéa — ajustements propres au portage (le rendu vient d'impact.css + source.css). */

/* Les 7 variables des pages de service du socle (AGENTS.md § 5), aux couleurs de la source :
   vert de la barre d'annonce rgb(27,70,44), vert des paliers rgb(36,77,60), crème #f5efe4. */
:root {
	--accent: #1b462c;
	--accent-soft: #f5efe4;
	--ice: #f9f8f6;
	--line: rgba(26, 26, 26, .12);
	--line-strong: rgba(26, 26, 26, .3);
	--muted: #555555;
	--navy: #1a1a1a;
}
body.lyp-body { background: #fff; }

/* Les custom elements d'Impact sont mis en forme par son JS (absent) : états par défaut. */
media-carousel.product-gallery__media-list { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
media-carousel.product-gallery__media-list::-webkit-scrollbar { display: none; }
media-carousel .product-gallery__media { flex: 0 0 100%; scroll-snap-align: center; }
.kaching-bundles__bar { cursor: pointer; }
.kaching-bundles__bar input[type=radio] { position: absolute; opacity: 0; pointer-events: none; }

/* Tiroir de menu mobile : ouvert par lyp.js. */
navigation-drawer[open] { visibility: visible; }

/* Barre collante des fiches (Kaching sticky ATC de la source : bouton jaune). */
.lyp-sticky { position: fixed; z-index: 30; right: 10px; top: 50%; display: flex; align-items: center; gap: 14px;
	background: #fff; padding: 10px 12px; border-radius: 6px; box-shadow: 0 2px 14px rgba(0,0,0,.15);
	transform: translateX(120%); transition: transform .3s; max-width: calc(100% - 20px); }
.lyp-sticky.is-visible { transform: none; }
.lyp-sticky img { width: 50px; height: 50px; object-fit: cover; border-radius: 4px; }
.lyp-sticky__txt { display: flex; flex-direction: column; font-size: 12px; line-height: 1.4; min-width: 0; }
.lyp-sticky__txt strong { font-size: 13px; font-weight: 700; }
.lyp-sticky__btn { background: #f5c518; color: #000; font-weight: 700; font-size: 13px; border-radius: 999px; padding: 9px 16px; cursor: pointer; white-space: nowrap; }
@media (max-width: 699px) {
	.lyp-sticky { top: auto; bottom: 10px; left: 10px; right: 10px; }
}

/* Message de la newsletter du pied. */
.lyp-nl-msg { margin-top: 8px; font-size: 14px; color: #1b462c; }
.lyp-nl-msg--ko { color: #c62828; }