/*
 * Fiche produit sur téléphone : la barre d'achat collée en bas.
 *
 * Elle n'existe que sous 901 px. Sur ordinateur, le prix et le bouton sont
 * déjà dans le premier écran, à côté de la photo.
 */

body .dyrs-achat { display:none; }

@media (max-width:900px) {

	body .dyrs-achat {
		position:fixed; left:0; right:0; bottom:0; z-index:100000;
		display:flex; align-items:center; gap:14px;
		padding:10px 14px calc(10px + env(safe-area-inset-bottom));
		background:#fff; border-top:1px solid rgba(0,0,0,.12);
		box-shadow:0 -6px 24px rgba(0,0,0,.10);
		font-family:"Jost", "Helvetica Neue", Arial, sans-serif;
	}

	body .dyrs-achat__prix { flex:0 1 auto; min-width:0; line-height:1.25; }

	body .dyrs-achat__montant,
	body .dyrs-achat__montant .amount,
	body .dyrs-achat__montant .woocommerce-Price-amount {
		font-size:17px !important; font-weight:600 !important; color:#1A1A1A !important;
		white-space:nowrap; }
	body .dyrs-achat__montant del { display:none; }
	body .dyrs-achat__montant ins { text-decoration:none; }
	body .dyrs-achat__montant .woocommerce-price-suffix {
		font-size:10px !important; font-weight:400 !important; opacity:.6; margin-left:3px; }

	body .dyrs-achat__unite {
		display:block; font-size:10px; letter-spacing:.10em; text-transform:uppercase;
		color:#1A1A1A; opacity:.55; margin-top:1px;
		overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	body .dyrs-achat__bouton {
		flex:1 1 auto; min-height:52px; padding:0 18px;
		background:#1A1A1A; color:#fff; border:1px solid #1A1A1A; border-radius:0;
		font-family:inherit; font-size:12px; font-weight:500;
		letter-spacing:.16em; text-transform:uppercase; cursor:pointer;
		transition:opacity .15s ease; }
	body .dyrs-achat__bouton:active { opacity:.8; }
	body .dyrs-achat__bouton:disabled { background:#8A8A8A; border-color:#8A8A8A; cursor:not-allowed; }
	body .dyrs-achat__bouton:focus-visible { outline:2px solid #1A1A1A; outline-offset:3px; }

	/* Les deux coins bas appartiennent à la barre : à cet endroit de la page,
	 * c'est l'achat qui prime sur le contact et la langue. Le bouton WhatsApp
	 * du thème s'appelle « wa-float » et monte à 99 999 : la barre passe
	 * au-dessus, et lui s'efface. */
	body.dyrs-avec-barre-achat .wa-float,
	body.dyrs-avec-barre-achat .dyrs-help-fab,
	body.dyrs-avec-barre-achat .trp-floating-switcher { display:none !important; }

	/* De quoi faire défiler jusqu'au bas du contenu sans que la barre le cache. */
	body.dyrs-avec-barre-achat { padding-bottom:78px; }
}