/* Anzaïra Commande Rapide */
:root {
	--aqo-blue: #4a7214;
	--aqo-blue-dark: #36540f;
	--aqo-sky: #d9f293;
	--aqo-sky-soft: #f1f9dc;
	--aqo-sand: #f8fbf1;
	--aqo-line: #e6e1d8;
	--aqo-text: #2b2a28;
	--aqo-muted: #6b675f;
	--aqo-danger: #b3261e;
	--aqo-wa: #1c8f4d;
}

/* Boutons « Commander maintenant » */
.aqo-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: 48px;
	margin: 10px 0 0;
	padding: 12px 24px;
	border: 2px solid var(--aqo-blue);
	border-radius: 999px;
	background: var(--aqo-blue);
	color: #fff;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s, border-color .2s, transform .1s;
}
.aqo-open.aqo-open {
	background: var(--aqo-blue);
	border-color: var(--aqo-blue);
	color: #fff;
	border-radius: 8px;
}
.aqo-open.aqo-open:hover,
.aqo-open.aqo-open:focus-visible {
	background: var(--aqo-blue-dark);
	border-color: var(--aqo-blue-dark);
	color: #fff;
}
.aqo-open:active { transform: translateY(1px); }
.aqo-open--cart,
.aqo-open--drawer { display: flex; width: 100%; }
.aqo-open--product { display: flex; width: 100%; max-width: 100%; }
.aqo-notice {
	margin: 8px 0 0;
	padding: 10px 12px;
	border-radius: 8px;
	background: #fdf1ef;
	color: var(--aqo-danger);
	font-size: 14px;
}

/* Bouton sur les cartes produits et shortcode */
.aqo-open--card {
	display: flex;
	width: 100%;
	min-height: 44px;
	margin: 12px 0 0;
	padding: 10px 14px;
	font-size: 13px;
}
.aqo-open--shortcode { display: inline-flex; }

/* Fond et fenêtre */
html.aqo-lock { overflow: hidden; }
.aqo-overlay {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: rgba(32, 40, 46, .55);
	opacity: 0;
	transition: opacity .2s;
}
.aqo-overlay[hidden] { display: none; }
.aqo-overlay.aqo-in { opacity: 1; }

.aqo-dialog {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	max-height: 94vh;
	max-height: 94dvh;
	border-radius: 18px 18px 0 0;
	background: #fff;
	color: var(--aqo-text);
	font-size: 15px;
	line-height: 1.5;
	box-shadow: 0 -8px 40px rgba(0, 0, 0, .2);
	transform: translateY(24px);
	transition: transform .25s ease;
	outline: none;
}
.aqo-overlay.aqo-in .aqo-dialog { transform: none; }

.aqo-dialog *,
.aqo-dialog *::before,
.aqo-dialog *::after { box-sizing: border-box; }

.aqo-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 18px 12px;
	border-bottom: 1px solid var(--aqo-line);
	background: var(--aqo-sand);
	border-radius: 18px 18px 0 0;
}
.aqo-title {
	margin: 0;
	padding: 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--aqo-text);
	outline: none;
}
.aqo-close {
	flex: none;
	width: 44px;
	height: 44px;
	margin: -6px -8px -6px 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--aqo-text);
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
}
.aqo-close:hover { background: rgba(0, 0, 0, .06); }
.aqo-close:disabled { opacity: .4; cursor: not-allowed; }

.aqo-body {
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	padding: 16px 18px 0;
}

/* Chargement */
.aqo-loading { padding: 36px 0 44px; text-align: center; color: var(--aqo-muted); }
.aqo-spinner {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 3px solid var(--aqo-sky-soft);
	border-top-color: var(--aqo-blue);
	border-radius: 50%;
	animation: aqo-spin .8s linear infinite;
}
@keyframes aqo-spin { to { transform: rotate(360deg); } }

/* Sections */
.aqo-sub {
	margin: 20px 0 10px;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--aqo-blue);
}
.aqo-col > .aqo-sub:first-child { margin-top: 2px; }

/* Choix produit / panier */
.aqo-choice { margin: 0 0 4px; padding: 0; border: 0; }
.aqo-choice legend { margin: 0 0 8px; padding: 0; font-weight: 700; }
.aqo-choice-opt {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 8px;
	padding: 12px 14px;
	border: 1.5px solid var(--aqo-line);
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
}
.aqo-choice-opt:has(input:checked) { border-color: var(--aqo-blue); background: var(--aqo-sky-soft); }
.aqo-choice-opt input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--aqo-blue); }
.aqo-choice-text { display: flex; flex-direction: column; min-width: 0; }
.aqo-choice-text small { color: var(--aqo-muted); font-size: 13px; overflow-wrap: anywhere; }

/* Choix des options et de la quantité */
.aqo-config { margin: 0 0 4px; padding: 14px; border: 1px solid var(--aqo-line); border-radius: 12px; background: #fff; }
.aqo-config[hidden] { display: none; }
.aqo-cfg-head { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; }
.aqo-cfg-name { font-size: 16px; overflow-wrap: anywhere; }
.aqo-dialog .aqo-select { appearance: auto; padding-right: 10px; }
.aqo-qty { display: flex; align-items: stretch; gap: 8px; max-width: 220px; }
.aqo-dialog .aqo-qty-input { flex: 1; min-width: 0; text-align: center; padding-left: 6px; padding-right: 6px; }
.aqo-step {
	flex: none;
	width: 48px;
	min-height: 48px;
	margin: 0;
	padding: 0;
	border: 1.5px solid #cfc9bd;
	border-radius: 10px;
	background: #fff;
	color: var(--aqo-text);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.aqo-dialog .aqo-step { border-radius: 10px; }
.aqo-step:hover { background: var(--aqo-sand); }
.aqo-step:focus-visible { outline: 3px solid rgba(74, 114, 20, .45); outline-offset: 2px; }
.aqo-cfg-msg { margin: 0; color: var(--aqo-blue-dark); font-size: 13px; }
.aqo-cfg-msg:empty { display: none; }
.aqo-cfg-msg.is-error { color: var(--aqo-danger); }
.aqo-recap-box { transition: opacity .15s; }
.aqo-recap-box.is-loading { opacity: .5; }

/* Récapitulatif */
.aqo-recap { border: 1px solid var(--aqo-line); border-radius: 12px; background: var(--aqo-sand); padding: 6px 14px 12px; }
.aqo-lines { margin: 0; padding: 0; list-style: none; }
.aqo-line {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--aqo-line);
}
.aqo-line:last-child { border-bottom: 0; }
.aqo-thumb { flex: none; width: 52px; height: 52px; border-radius: 8px; object-fit: cover; background: #fff; border: 1px solid var(--aqo-line); }
.aqo-thumb--empty { display: block; }
.aqo-line-info { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.aqo-line-name { font-weight: 600; overflow-wrap: anywhere; }
.aqo-line-var,
.aqo-line-qty { color: var(--aqo-muted); font-size: 13px; }
.aqo-line-total { flex: none; font-weight: 600; white-space: nowrap; }
.aqo-sum { margin: 6px 0 0; padding: 0; }
.aqo-sum-row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.aqo-sum dt,
.aqo-sum dd { margin: 0; padding: 0; }
.aqo-sum dd { text-align: right; }
.aqo-sum-total { margin-top: 4px; padding-top: 8px; border-top: 1px solid var(--aqo-line); font-size: 17px; font-weight: 700; color: var(--aqo-blue-dark); }
.aqo-note { margin: 10px 0 0; color: var(--aqo-muted); font-size: 13px; }
.aqo-pay { margin: 14px 0 0; padding: 10px 12px; border-radius: 8px; background: var(--aqo-sky-soft); font-size: 14px; }

/* Champs */
.aqo-field { margin: 0 0 14px; }
.aqo-label { display: block; margin: 0 0 6px; font-weight: 600; font-size: 14px; }
.aqo-opt { font-weight: 400; color: var(--aqo-muted); }
.aqo-dialog .aqo-input {
	display: block;
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 11px 14px;
	border: 1.5px solid #cfc9bd;
	border-radius: 10px;
	background: #fff;
	color: var(--aqo-text);
	font: inherit;
	font-size: 16px !important; /* évite le zoom automatique sur iOS */
	line-height: 1.4;
	box-shadow: none;
}
.aqo-dialog textarea.aqo-input { min-height: 84px; resize: vertical; }
.aqo-input:focus { outline: 3px solid rgba(74, 114, 20, .3); outline-offset: 0; border-color: var(--aqo-blue); }
.aqo-input[aria-invalid="true"] { border-color: var(--aqo-danger); }
.aqo-error { margin: 6px 0 0; color: var(--aqo-danger); font-size: 13px; }
.aqo-error[hidden] { display: none; }
.aqo-banner { margin: 0 0 14px; padding: 12px 14px; border-radius: 10px; background: #fdf1ef; color: var(--aqo-danger); font-size: 14px; }
.aqo-banner[hidden] { display: none; }
.aqo-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Boutons de la popup */
.aqo-dialog .aqo-btn,
.aqo-dialog .aqo-label,
.aqo-dialog .aqo-sub,
.aqo-dialog .aqo-title { text-transform: none; letter-spacing: normal; }
.aqo-dialog .aqo-sub { text-transform: uppercase; letter-spacing: .04em; }
.aqo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 50px;
	margin: 0;
	padding: 12px 22px;
	border: 2px solid transparent;
	border-radius: 10px;
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s, opacity .2s;
}
.aqo-btn--block { display: flex; width: 100%; }
.aqo-btn--primary { background: var(--aqo-blue); color: #fff; }
.aqo-btn--primary:hover,
.aqo-btn--primary:focus-visible { background: var(--aqo-blue-dark); color: #fff; }
.aqo-btn--wa { background: var(--aqo-wa); color: #fff; }
.aqo-btn--wa:hover,
.aqo-btn--wa:focus-visible { background: #167a41; color: #fff; }
.aqo-btn--ghost { background: #fff; border-color: var(--aqo-line); color: var(--aqo-text); }
.aqo-btn--ghost:hover { background: var(--aqo-sand); }
.aqo-btn:focus-visible,
.aqo-close:focus-visible,
.aqo-open:focus-visible { outline: 3px solid rgba(74, 114, 20, .45); outline-offset: 2px; }
.aqo-btn:disabled { opacity: .65; cursor: not-allowed; }
.aqo-btn.is-busy::before {
	content: "";
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, .5);
	border-top-color: #fff;
	border-radius: 50%;
	animation: aqo-spin .7s linear infinite;
}

/* Barre d'action collée en bas */
.aqo-actions {
	position: sticky;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 6px -18px 0;
	padding: 12px 18px calc(14px + env(safe-area-inset-bottom));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 18%);
}
.aqo-actions--static { position: static; background: none; }

/* Confirmation */
.aqo-success { padding-bottom: 4px; text-align: left; }
.aqo-check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 4px auto 10px;
	border-radius: 50%;
	background: var(--aqo-sky-soft);
	color: var(--aqo-blue);
	font-size: 30px;
	font-weight: 700;
}
.aqo-order-no { margin: 0; text-align: center; font-size: 18px; }
.aqo-lead { margin: 4px 0 8px; text-align: center; font-weight: 600; }
.aqo-success .aqo-note { text-align: center; }
.aqo-success .aqo-recap { margin-top: 14px; }
.aqo-line--compact { padding: 6px 0; }
.aqo-info { margin: 14px 0 0; padding: 0; }
.aqo-info div { padding: 6px 0; border-bottom: 1px solid var(--aqo-line); }
.aqo-info dt { color: var(--aqo-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.aqo-info dd { margin: 0; overflow-wrap: anywhere; }
.aqo-errview { padding: 8px 0 0; }
.aqo-error-text { margin: 0 0 8px; padding: 12px 14px; border-radius: 10px; background: #fdf1ef; color: var(--aqo-danger); }

/* Tablette et ordinateur : fenêtre centrée */
@media (min-width: 640px) {
	.aqo-overlay { align-items: center; padding: 24px; }
	.aqo-dialog {
		width: 100%;
		max-width: 560px;
		max-height: 90vh;
		max-height: 90dvh;
		border-radius: 18px;
		transform: translateY(12px) scale(.98);
	}
	.aqo-head { border-radius: 18px 18px 0 0; padding: 18px 24px 14px; }
	.aqo-body { padding: 18px 24px 0; }
	.aqo-actions { margin: 6px -24px 0; padding: 12px 24px 18px; }
	.aqo-open--product { display: inline-flex; width: auto; min-width: 220px; }
}

@media (prefers-reduced-motion: reduce) {
	.aqo-overlay,
	.aqo-dialog,
	.aqo-open { transition: none; }
	.aqo-spinner,
	.aqo-btn.is-busy::before { animation-duration: 2s; }
}


/* ===== v1.2 : moins de défilement, formulaire compact, fenêtre plus large ===== */
.aqo-dialog { max-height: 96vh; max-height: 96dvh; }
.aqo-head { padding: 12px 16px 10px; }
.aqo-title { font-size: 18px; }
.aqo-close { width: 40px; height: 40px; }
.aqo-body { padding: 12px 16px 0; }
.aqo-sub { margin: 12px 0 8px; font-size: 13px; }
.aqo-col > .aqo-sub:first-child { margin-top: 0; }

/* Grille des champs : téléphone et ville côte à côte */
.aqo-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; row-gap: 0; }
.aqo-field--full { grid-column: 1 / -1; }
.aqo-field--half { grid-column: span 1; min-width: 0; }
.aqo-field { margin: 0 0 10px; }
.aqo-label { margin: 0 0 4px; font-size: 13px; }
.aqo-dialog .aqo-input { min-height: 44px; padding: 9px 12px; border-radius: 8px; }
.aqo-dialog textarea.aqo-input { min-height: 62px; }
.aqo-error { margin: 4px 0 0; font-size: 12.5px; }

/* Récapitulatif compact */
.aqo-recap { padding: 2px 12px 8px; border-radius: 10px; }
.aqo-line { gap: 10px; padding: 8px 0; }
.aqo-thumb { width: 42px; height: 42px; border-radius: 6px; }
.aqo-line-name { font-size: 14px; line-height: 1.3; }
.aqo-line-var, .aqo-line-qty { font-size: 12.5px; line-height: 1.3; }
.aqo-sum { margin: 2px 0 0; }
.aqo-sum-row { padding: 2px 0; font-size: 14px; }
.aqo-sum-total { margin-top: 2px; padding-top: 6px; font-size: 16px; }
.aqo-note { margin: 6px 0 0; font-size: 12.5px; }
.aqo-pay { margin: 0; padding: 8px 12px; font-size: 13px; text-align: center; }
.aqo-config { padding: 10px 12px; margin: 0 0 8px; border-radius: 10px; }
.aqo-cfg-head { margin: 0 0 8px; }
.aqo-cfg-name { font-size: 15px; }
.aqo-step { width: 44px; min-height: 44px; }
.aqo-qty { max-width: 200px; }
.aqo-choice legend { margin: 0 0 6px; font-size: 14px; }
.aqo-choice-opt { margin: 0 0 6px; padding: 9px 12px; }
.aqo-banner { margin: 0 0 10px; padding: 10px 12px; }

/* Barre d'action : bouton toujours visible */
.aqo-actions { gap: 8px; margin: 0 -16px 0; padding: 8px 16px calc(10px + env(safe-area-inset-bottom)); }
.aqo-actions .aqo-btn { min-height: 48px; }
.aqo-col--info { display: flex; flex-direction: column; }
.aqo-col--info .aqo-pay { order: 5; margin-bottom: 0; }

/* Confirmation plus compacte */
.aqo-check { width: 48px; height: 48px; font-size: 26px; margin: 0 auto 8px; }
.aqo-success .aqo-recap { margin-top: 10px; }
.aqo-info { margin: 10px 0 0; }
.aqo-info div { padding: 5px 0; }

@media (min-width: 640px) {
	.aqo-overlay { padding: 16px; }
	.aqo-dialog { max-width: 640px; max-height: 94vh; max-height: 94dvh; }
	.aqo-head { padding: 14px 24px 12px; }
	.aqo-body { padding: 16px 24px 0; }
	.aqo-actions { margin: 0 -24px 0; padding: 10px 24px 16px; }
}

/* Ordinateur : deux colonnes, commande à gauche et coordonnées à droite */
@media (min-width: 900px) {
	.aqo-dialog { max-width: 940px; }
	.aqo-form {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		column-gap: 28px;
		align-items: start;
	}
	.aqo-form > .aqo-banner { grid-column: 1 / -1; }
	.aqo-col--order {
		position: sticky;
		top: 0;
		padding-bottom: 16px;
	}
	.aqo-col--info .aqo-actions {
		margin: 4px 0 0;
		padding: 0 0 16px;
		background: none;
		position: static;
	}
	.aqo-lines { max-height: 34vh; overflow-y: auto; }
	.aqo-dialog textarea.aqo-input { min-height: 76px; }
}

/* Petits écrans : encore plus compact */
@media (max-width: 380px) {
	.aqo-grid { column-gap: 8px; }
	.aqo-dialog .aqo-input { padding-left: 10px; padding-right: 10px; }
}

/* Mobile : le récapitulatif se replie sur une seule ligne par produit */
@media (max-width: 639px) {
	.aqo-lines { max-height: 26vh; overflow-y: auto; }
	.aqo-line { padding: 6px 0; }
}

/* Mobile : formulaire tenant dans l'écran autant que possible */
@media (max-width: 639px) {
	.aqo-body { padding: 10px 14px 0; }
	.aqo-actions { margin: 0 -14px 0; padding: 8px 14px calc(10px + env(safe-area-inset-bottom)); }
	.aqo-col--order > .aqo-sub,
	.aqo-col--info > .aqo-sub { display: none; }
	.aqo-config { padding: 8px 12px; margin: 0 0 8px; }
	.aqo-cfg-head { display: none; }
	.aqo-config .aqo-field--qty { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; }
	.aqo-config .aqo-field--qty .aqo-label { margin: 0; font-size: 14px; }
	.aqo-config .aqo-field--qty .aqo-qty { flex: none; width: 170px; }
	.aqo-cfg-msg { margin: 6px 0 0; }
	.aqo-recap-box { margin: 0 0 10px; }
	.aqo-field { margin: 0 0 8px; }
	.aqo-label { margin: 0 0 3px; font-size: 12.5px; }
	.aqo-dialog textarea.aqo-input { min-height: 56px; }
	.aqo-thumb { width: 38px; height: 38px; }
}

/* ------------------------------------------------------------------
 * v1.3 : commande unique (panier modifiable dans la popup)
 * ---------------------------------------------------------------- */
.aqo-order { transition: opacity .15s; }
.aqo-order.is-busy { opacity: .6; pointer-events: none; }
.aqo-dialog .aqo-order .aqo-sub { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.aqo-count {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px;
	background: var(--aqo-blue); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0; line-height: 1;
}
.aqo-order-msg { margin: 0 0 8px; padding: 0; font-size: 13px; color: var(--aqo-blue-dark); }
.aqo-order-msg:empty { display: none; }
.aqo-order-msg { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 8px; background: var(--aqo-sky-soft); }
.aqo-order-msg.is-error { background: #fdf1ef; color: var(--aqo-danger); }
.aqo-undo {
	flex: none; padding: 4px 10px; border: 1.5px solid currentColor; border-radius: 6px;
	background: #fff; color: var(--aqo-blue-dark); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
}
.aqo-undo:focus-visible, .aqo-q-btn:focus-visible, .aqo-del:focus-visible, .aqo-mini-add:focus-visible, .aqo-more summary:focus-visible { outline: 3px solid rgba(74, 114, 20, .45); outline-offset: 2px; }

.aqo-olines { margin: 0; padding: 0; list-style: none; max-height: 38vh; overflow-y: auto; overscroll-behavior: contain; }
.aqo-oline {
	display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 10px 0;
	border-bottom: 1px solid var(--aqo-line);
}
.aqo-oline:last-child { border-bottom: 0; }
.aqo-oline.is-new { animation: aqo-flash 1.4s ease-out; }
@keyframes aqo-flash { from { background: var(--aqo-sky); } to { background: transparent; } }
.aqo-oline-main { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.aqo-oline .aqo-line-name { display: flex; flex-direction: column; font-size: 14px; line-height: 1.3; }
.aqo-n-fr { font-weight: 600; overflow-wrap: anywhere; }
.aqo-n-ar { color: var(--aqo-muted); font-size: 12.5px; font-weight: 400; font-family: Tajawal, sans-serif; }
.aqo-oline-ctl { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 4px; }
.aqo-unit { color: var(--aqo-muted); font-size: 12.5px; }
.aqo-q { display: inline-flex; align-items: center; border: 1.5px solid #cfc9bd; border-radius: 8px; background: #fff; overflow: hidden; }
.aqo-q-btn {
	width: 34px; height: 34px; padding: 0; border: 0; background: transparent; color: var(--aqo-text);
	font: inherit; font-size: 18px; line-height: 1; cursor: pointer;
}
.aqo-q-btn:hover:not(:disabled) { background: var(--aqo-sky-soft); }
.aqo-q-btn:disabled { color: #b8b3a8; cursor: not-allowed; }
.aqo-q-val { min-width: 28px; text-align: center; font-weight: 700; font-size: 14px; }
.aqo-oline-side { display: flex; flex: none; flex-direction: column; align-items: flex-end; gap: 6px; }
.aqo-oline .aqo-line-total { font-size: 14px; }
.aqo-del {
	display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0;
	border: 1.5px solid transparent; border-radius: 8px; background: transparent; color: var(--aqo-muted);
	font-size: 16px; line-height: 1; cursor: pointer; filter: grayscale(1);
}
.aqo-del:hover { border-color: #e8b4af; background: #fdf1ef; filter: none; }
.aqo-empty { margin: 0 0 10px; padding: 14px; border: 1.5px dashed #cfc9bd; border-radius: 10px; color: var(--aqo-muted); text-align: center; font-size: 14px; }

/* Choix des options d'un produit */
.aqo-pending { margin: 0 0 10px; padding: 12px; border: 1.5px solid var(--aqo-blue); border-radius: 10px; background: #fff; }
.aqo-pending-head { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.aqo-pending-title { display: flex; flex-direction: column; min-width: 0; }
.aqo-pending-title small { color: var(--aqo-blue-dark); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.aqo-pending-actions { display: flex; gap: 8px; margin-top: 10px; }
.aqo-pending-actions .aqo-btn { min-height: 44px; padding: 8px 16px; flex: 1; }
.aqo-pending .aqo-field--qty { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; }
.aqo-pending .aqo-field--qty .aqo-label { margin: 0; }
.aqo-pending .aqo-qty { flex: none; width: 160px; }

/* Ajouter un autre produit */
.aqo-more { margin: 10px 0 0; }
.aqo-more summary {
	display: flex; align-items: center; min-height: 40px; padding: 0 12px; border: 1.5px dashed var(--aqo-blue);
	border-radius: 8px; color: var(--aqo-blue-dark); font-weight: 700; font-size: 14px; cursor: pointer; list-style: none;
}
.aqo-more summary::-webkit-details-marker { display: none; }
.aqo-more[open] summary { margin-bottom: 8px; background: var(--aqo-sky-soft); border-style: solid; }
.aqo-strip { display: flex; gap: 8px; margin: 0; padding: 0 0 6px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-x: contain; }
.aqo-mini {
	display: flex; flex: none; flex-direction: column; gap: 4px; width: 118px; margin: 0; padding: 8px;
	border: 1px solid var(--aqo-line); border-radius: 10px; background: #fff; scroll-snap-align: start;
}
.aqo-mini-img { display: block; width: 100%; height: 72px; border-radius: 6px; object-fit: cover; background: var(--aqo-sand); }
.aqo-mini-name { display: block; min-height: 32px; font-size: 12.5px; line-height: 1.25; font-weight: 600; overflow: hidden; }
.aqo-mini-name .aqo-n-ar { display: none; }
.aqo-mini-price { font-size: 12.5px; color: var(--aqo-muted); }
.aqo-mini-add {
	min-height: 36px; padding: 0 8px; border: 1.5px solid var(--aqo-blue); border-radius: 8px; background: #fff;
	color: var(--aqo-blue-dark); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
}
.aqo-mini-add:hover:not(:disabled) { background: var(--aqo-blue); color: #fff; }
.aqo-mini-add:disabled { opacity: .5; cursor: wait; }
.aqo-btn:disabled, .aqo-btn[disabled] { opacity: .55; cursor: not-allowed; }

@media (min-width: 900px) {
	.aqo-olines { max-height: 36vh; }
	.aqo-mini { width: 112px; }
	.aqo-mini-img { height: 56px; }
}
@media (max-width: 639px) {
	.aqo-olines { max-height: 34vh; }
	.aqo-oline { padding: 8px 0; gap: 8px; }
	.aqo-q-btn, .aqo-del { width: 36px; height: 36px; }
	.aqo-mini { width: 108px; }
	.aqo-pending-actions { flex-direction: column-reverse; }
}
@media (prefers-reduced-motion: reduce) { .aqo-oline.is-new { animation: none; } }

/* Neutralise les styles « disabled » du thème sur les boutons de la popup */
.aqo-dialog .aqo-q-btn { background: transparent; border: 0; box-shadow: none; }
.aqo-dialog .aqo-q-btn:disabled { background: #f3f1ec; color: #b8b3a8; opacity: 1; }
.aqo-dialog .aqo-del, .aqo-dialog .aqo-undo, .aqo-dialog .aqo-mini-add { box-shadow: none; text-transform: none; letter-spacing: normal; }
.aqo-dialog .aqo-btn--primary:disabled { background: #a9b98a; border-color: #a9b98a; color: #fff; opacity: 1; }
.aqo-dialog .aqo-mini-add:disabled { background: #fff; color: var(--aqo-muted); border-color: #cfc9bd; opacity: .7; }

.aqo-line-name { display: flex; flex-direction: column; }
.aqo-mini-name { min-height: 30px; max-height: 32px; }
.aqo-pending-actions .aqo-btn { font-size: 14px; line-height: 1.2; }
.aqo-dialog .aqo-btn--ghost:not(:disabled) { background: #fff; }

/* Mobile : lignes de commande compactes (une ligne = nom, quantité, prix) */
@media (max-width: 639px) {
	.aqo-olines { max-height: none; overflow: visible; }
	.aqo-oline .aqo-n-ar { display: none; }
	.aqo-oline { align-items: center; padding: 7px 0; }
	.aqo-oline .aqo-thumb { width: 40px; height: 40px; }
	.aqo-oline-ctl { flex-wrap: nowrap; margin-top: 3px; gap: 8px; }
	.aqo-unit { font-size: 12px; white-space: nowrap; }
	.aqo-q-btn { width: 32px; height: 32px; }
	.aqo-del { width: 32px; height: 32px; }
	.aqo-oline-side { gap: 2px; }
	.aqo-sum-row { font-size: 13.5px; }
}


/* ------------------------------------------------------------------
 * Charte v1.4 : vert olive (marque), boutons en pilule, rose en accent
 * ---------------------------------------------------------------- */
.aqo-open { border-radius: 999px; box-shadow: 0 6px 16px rgba(74, 114, 20, .28); }
.aqo-open.aqo-open:hover { background: var(--aqo-blue-dark); border-color: var(--aqo-blue-dark); }
.aqo-dialog .aqo-btn { border-radius: 999px; }
.aqo-dialog .aqo-btn--primary { box-shadow: 0 6px 16px rgba(74, 114, 20, .28); }
.aqo-dialog .aqo-btn--primary:hover:not(:disabled) { background: var(--aqo-blue-dark); border-color: var(--aqo-blue-dark); }
.aqo-dialog .aqo-btn--primary:disabled { background: #b5c98a; border-color: #b5c98a; }
.aqo-dialog .aqo-mini-add { border-radius: 999px; }
.aqo-more summary { border-radius: 999px; }
.aqo-mini-img, .aqo-thumb { border-radius: 10px; }
.aqo-count { background: #b7165e; }
.aqo-head { background: var(--aqo-sky-soft); border-bottom: 2px solid #f9d3e4; }
.aqo-dialog .aqo-sub { color: var(--aqo-blue-dark); }

/* ===== v1.5 : choix d'options sans bouton de confirmation ===== */
.aqo-pending-head { position: relative; padding-right: 36px; }
.aqo-pending-x {
	position: absolute; top: -4px; right: -4px; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; min-height: 0; padding: 0;
	border: 0; border-radius: 50% !important; background: transparent; color: #6b6b6b; font: 400 26px/1 var(--aqo-sans, inherit); cursor: pointer; transition: background-color .2s, color .2s;
}
.aqo-pending-x:hover { background: var(--aqo-sky-soft, #f1f9dc); color: var(--aqo-blue-dark); }
.aqo-pending.is-busy { opacity: .75; pointer-events: none; }
.aqo-cfg-msg.is-hint { margin: 8px 0 0; color: #6b7a55; font-size: 13px; }

/* ===== v1.5.1 : arabe dans le formulaire (français puis arabe) ===== */
.aqo-ar { font-family: "Tajawal", "Noto Sans Arabic", system-ui, sans-serif; font-weight: 500; letter-spacing: 0; text-transform: none; }
.aqo-ar--block { display: block; margin-top: 2px; font-size: .95em; line-height: 1.5; opacity: .95; }
.aqo-title { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 14px; }
.aqo-title-ar { font-size: .8em; font-weight: 700; color: #b7165e; }
.aqo-sub { display: flex; align-items: center; gap: 8px; }
.aqo-sub .aqo-ar { margin-left: auto; font-size: 16px; font-weight: 700; color: #b7165e; }
.aqo-label { display: flex; align-items: baseline; gap: 6px; }
.aqo-label .aqo-ar { margin-left: auto; font-size: 13.5px; font-weight: 600; color: #8a2b5a; }
.aqo-btn-txt { display: flex; flex-direction: column; align-items: center; line-height: 1.2; }
.aqo-btn-ar { font-family: "Tajawal", "Noto Sans Arabic", system-ui, sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; opacity: .95; }
.aqo-btn .aqo-ar:not(.aqo-ar--block) { margin-left: 10px; font-size: .92em; }
.aqo-msg-txt { flex: 1 1 auto; min-width: 0; }
.aqo-undo .aqo-ar { margin-left: 6px; }
.aqo-sum dt .aqo-ar--block, .aqo-sum dd .aqo-ar--block { font-size: 12.5px; font-weight: 500; color: #8a2b5a; opacity: 1; }
.aqo-sum-total dt .aqo-ar--block { color: #b7165e; }
.aqo-pending-title small .aqo-ar { margin-left: 8px; color: #b7165e; font-size: 13px; }
.aqo-more summary .aqo-ar { margin-left: 10px; color: #b7165e; }
.aqo-mini-add .aqo-ar--block { font-size: 11px; margin-top: 0; }
.aqo-pay .aqo-ar--block, .aqo-note .aqo-ar--block, .aqo-lead .aqo-ar--block { color: #8a2b5a; }
.aqo-info dt .aqo-ar { margin-left: 8px; color: #8a2b5a; font-size: .92em; }
.aqo-order-no .aqo-ar--block { color: #b7165e; font-weight: 700; }
.aqo-cfg-msg .aqo-ar--block { font-size: 12.5px; }
@media (max-width: 599px) {
	.aqo-label .aqo-ar { font-size: 12.5px; }
	.aqo-ar--block { font-size: .92em; }
}
.aqo-sum dt .aqo-ar--block { text-align: left; }
.aqo-sum dd .aqo-ar--block { text-align: right; }

/* v1.5.3 : boutons « Commander maintenant » bilingues (cartes, tiroir panier, page produit) */
.aqo-open.aqo-open--bil { flex-direction: column; gap: 2px; }
.aqo-open--bil .aqo-btn-ar { display: block; font-size: 14px; line-height: 1.3; font-weight: 500; }
.aqo-open--card.aqo-open--bil { padding-top: 8px; padding-bottom: 8px; }
.aqo-open--card .aqo-btn-ar { font-size: 13px; }
/* v1.5.4 : bouton des cartes sur une ligne en français (grille 4 colonnes) */
.aqo-open.aqo-open--card.aqo-open--bil { letter-spacing: 0; font-size: 13px; padding: 8px; }
@media (min-width: 768px) { .aqo-open.aqo-open--card.aqo-open--bil { white-space: nowrap; } }