/**
 * Formulaire commande natif Dissora (hors Elementor).
 * Complète dissora-landing.css (#form-commande-dissora).
 */

#form-commande-dissora .dissora-form__inner {
	max-width: 36rem;
	margin: 0 auto;
}

#form-commande-dissora .dissora-form__field {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.35rem;
	margin-bottom: 1rem;
}

#form-commande-dissora .dissora-form__field label {
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--dissora-lp-ink, #0f1419);
}

#form-commande-dissora .dissora-form__field input {
	width: 100%;
}

.dissora-form__price-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.65rem;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}

.dissora-form__price-old {
	color: #888;
	text-decoration: line-through;
	font-size: 1rem;
}

.dissora-form__price-now {
	color: var(--dissora-lp-cta, #0d8a5b);
	font-size: 1.05rem;
	font-weight: 700;
}

.dissora-form__badge-delivery {
	background: #ffc107;
	color: #000;
	padding: 0.25rem 0.75rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.75rem;
}

/* Bouton flottant WhatsApp */
.dissora-whatsapp-fab {
	position: fixed;
	bottom: calc(1.25rem + env(safe-area-inset-bottom));
	left: 1.25rem;
	z-index: 9998;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	transition: transform 0.2s ease;
}

.dissora-whatsapp-fab:hover,
.dissora-whatsapp-fab:focus-visible {
	color: #fff;
	transform: scale(1.05);
	outline: none;
}

@media (prefers-reduced-motion: reduce) {
	.dissora-whatsapp-fab {
		transition: none;
	}
}

/* Version AR */
.dissora-form--rtl .dissora-form__inner {
	direction: rtl;
	text-align: right;
}

.dissora-form--rtl .dissora-form__price-row {
	flex-direction: row-reverse;
}

.dissora-form__preview-header {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: flex-start;
	gap: 0.75rem;
	margin-bottom: 0.5rem;
}

.dissora-form__preview-name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--dissora-lp-ink, #0f1419);
}

/* AR mobile : empile le titre sous la photo pour éviter l'encombrement */
@media (max-width: 767px) {
	.dissora-form--ar .dissora-form__preview-header {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
	}

	.dissora-form--ar .dissora-form__preview-name {
		text-align: center;
		font-size: 0.9rem;
	}
}