/* =========================================================
   SAJADAH — ESPACE MON COMPTE
   ========================================================= */

/* Masque l’en-tête Mon compte natif de Flatsome */
.my-account-header {
	display: none;
}

/* =========================================================
   EN-TÊTE COMMUN
   ========================================================= */

.sjad-account-common-header {
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 20px 0;
}

/* Fil d’Ariane */

.sjad-account-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	margin-bottom: 16px;
	color: #637575;
	font-size: 14px;
	line-height: 1.5;
}

.sjad-account-breadcrumb a {
	color: #478888;
	font-weight: 500;
	text-decoration: none;
}

.sjad-account-breadcrumb a:hover {
	color: #073f3f;
}

.sjad-account-breadcrumb-separator {
	color: #9aabab;
	font-size: 18px;
	line-height: 1;
}

.sjad-account-breadcrumb [aria-current="page"] {
	color: #123c3c;
	font-weight: 600;
}

/* Bannière */

.sjad-account-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 270px;
	margin-bottom: 25px;
	overflow: hidden;
	border-left: 8px solid #478888;
	border-radius: 10px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 255, 255, .96) 0%,
			rgba(255, 255, 255, .9) 38%,
			rgba(255, 255, 255, .35) 62%,
			rgba(255, 255, 255, 0) 100%
		),
		url('/wp-content/themes/flatsome-child/images/my-account/mon-compte.png')
		center right / cover no-repeat;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

.sjad-account-hero-content {
	max-width: 520px;
	padding: 45px 55px;
}

.sjad-account-hero h2 {
	margin-bottom: 12px;
	color: #073f3f;
	font-size: 38px;
	line-height: 1.2;
}

.sjad-account-hero-subtitle {
	color: #123c3c;
	font-size: 18px;
	font-weight: 600;
}

/* Déconnexion */

.sjad-account-logout {
	position: absolute;
	top: 24px;
	right: 28px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 14px;
	border: 1px solid rgba(7, 63, 63, .22);
	border-radius: 6px;
	background: rgba(255, 255, 255, .82);
	color: #073f3f;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
	backdrop-filter: blur(4px);
	transition:
		background-color .2s ease,
		border-color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.sjad-account-logout:hover {
	border-color: #478888;
	background: #fff;
	color: #073f3f;
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(0, 0, 0, .1);
}

.sjad-account-logout-icon {
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	fill: currentColor;
}

/* =========================================================
   TABLEAU DE BORD
   ========================================================= */

.sjad-account-dashboard {
	max-width: 1400px;
	margin: 0 auto;
	padding: 25px 20px 50px;
	color: #123c3c;
}

/* Cartes principales */

.sjad-account-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 20px;
}

.sjad-account-card {
	display: grid;
	grid-template-columns: 90px 1fr 55px;
	align-items: center;
	min-height: 130px;
	padding: 25px;
	border-radius: 10px;
	background: #fcfdfd;
	color: #123c3c;
	text-decoration: none;
	border: 1px solid #d5e5e2;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
	transition: transform .2s ease, box-shadow .2s ease;
}

.sjad-account-card:hover {
	color: #123c3c;
	transform: translateY(-3px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}

.sjad-account-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: #edf6f4;
	color: #478888;
	font-size: 28px;
}

.sjad-account-icon img {
	display: block;
	width: 40px;
	height: 40px;
}

.sjad-account-card strong {
	display: block;
	margin-bottom: 8px;
	color: #073f3f;
	font-size: 24px;
}

.sjad-account-card small {
	color: #4d5f5f;
	font-size: 15px;
	line-height: 1.45;
}

.sjad-account-card em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #edf6f4;
	color: #073f3f;
	font-size: 28px;
	font-style: normal;
	transition: transform .2s ease;
}

.sjad-account-card:hover em {
	transform: translateX(4px);
}

/* Bas du tableau de bord */

.sjad-account-bottom {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 22px;
	margin-top: 15px;
}

.sjad-account-orders,
.sjad-account-help {
	padding: 28px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

.sjad-account-section-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.sjad-account-section-title h3,
.sjad-account-help h3 {
	margin: 0;
	color: #073f3f;
	font-size: 24px;
}

.sjad-account-section-title a {
	color: #073f3f;
	font-weight: 600;
}

.sjad-account-empty-orders {
	padding: 28px;
	border: 1px solid #dfe7e7;
	border-radius: 8px;
	color: #566;
	text-align: center;
}

/* Aide */

.sjad-account-help {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #f3faf8;
	text-align: center;
}

.sjad-help-icon {
	margin-bottom: 12px;
	font-size: 32px;
}

.sjad-account-help p {
	max-width: 320px;
	margin: 10px auto 22px;
}

.sjad-help-buttons {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.sjad-help-buttons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 190px;
	padding: 11px 20px;
	border: 1px solid #478888;
	border-radius: 6px;
	color: #073f3f;
	font-weight: 600;
	text-decoration: none;
	transition: all .2s ease;
}

/* =========================================================
   CONTENU WOOCOMMERCE MON COMPTE
   ========================================================= */

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

.sjad-account-common-header + .woocommerce-MyAccount-content {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 20px 50px;
}

.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content > h3 {
	margin: 30px 0 10px;
	color: #073f3f;
	font-size: 28px;
}

.woocommerce-MyAccount-content > p {
	color: #566;
	font-size: 16px;
	line-height: 1.6;
}

/* =========================================================
   PAGE MES COMMANDES
   ========================================================= */

/* Tableau */

.woocommerce-account table.my_account_orders {
	width: 100%;
	margin-top: 25px;
	overflow: hidden;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

.woocommerce-account table.my_account_orders thead {
	background: #edf6f4;
}

.woocommerce-account table.my_account_orders th {
	padding: 18px 20px;
	border: 0;
	color: #073f3f;
	font-size: 15px;
	font-weight: 600;
	text-transform: none;
}

.woocommerce-account table.my_account_orders td {
	padding: 18px 20px;
	border: 0;
	border-top: 1px solid #e5eceb;
	color: #4d5f5f;
	vertical-align: middle;
}

.woocommerce-account table.my_account_orders tr:first-child td {
	border-top: 0;
}

/* État vide */

.woocommerce-account .woocommerce-info {
	max-width: 900px;
	margin: 30px auto 0;
	padding: 35px 30px;
	border: 0;
	border-radius: 10px;
	background: #fff;
	color: #566;
	text-align: center;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

.woocommerce-account .woocommerce-info::before {
	display: none;
}

/* Masque le bouton WooCommerce lorsque la liste est vide */
.woocommerce-account
.woocommerce-MyAccount-content
.woocommerce-info
.woocommerce-Button {
	display: none;
}

/* UX Block Collections */

.sjad-empty-orders-collections {
	width: 100%;
	margin: 30px auto 0;
}

.sjad-empty-orders-collections .section {
	padding-right: 0;
	padding-left: 0;
}

/* Actions avec icônes PNG */

.woocommerce-account .woocommerce-orders-table__cell-order-actions {
	white-space: nowrap;
	text-align: right;
}

.sjad-order-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}

.sjad-order-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: transform .2s ease, opacity .2s ease;
}

.sjad-order-actions a:hover {
	opacity: .82;
	transform: scale(1.08);
}

.sjad-order-actions a:focus-visible {
	outline: 2px solid rgba(71, 136, 136, .4);
	outline-offset: 3px;
	border-radius: 3px;
}

.sjad-order-actions img {
	display: block;
	width: 30px;
	height: 30px;
	object-fit: contain;
}

/* =========================================================
   PAGE MES ADRESSES
   ========================================================= */

/* Texte d’introduction */

.woocommerce-account
.woocommerce-MyAccount-content
> p:first-of-type {
	max-width: 760px;
	margin: 28px auto 24px;
	color: #637575;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

/* Grille principale */

.woocommerce-account .woocommerce-Addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	width: 100%;
	margin: 28px 0 0;
}

.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
	display: none;
	content: none;
}

/* Neutralise les largeurs Flatsome/WooCommerce */

.woocommerce-account
.woocommerce-Addresses
.woocommerce-Address,
.woocommerce-account
.woocommerce-Addresses
.u-column1,
.woocommerce-account
.woocommerce-Addresses
.u-column2,
.woocommerce-account
.woocommerce-Addresses
.col-1,
.woocommerce-account
.woocommerce-Addresses
.col-2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* Carte adresse */

.woocommerce-account
.woocommerce-Addresses
.woocommerce-Address {
	min-width: 0;
	padding: 30px;
	border: 1px solid #e4eceb;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}

/* En-tête de la carte */

.woocommerce-account .woocommerce-Address-title {
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5eceb;
}

.woocommerce-account .woocommerce-Address-title::before {
	content: "";
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background:
		#edf6f4
		url('/wp-content/themes/flatsome-child/images/my-account/adresse.png')
		center / 34px 34px no-repeat;
}

/* Titre */

.woocommerce-account
.woocommerce-Address-title
h2,
.woocommerce-account
.woocommerce-Address-title
h3 {
	min-width: 0;
	margin: 0;
	color: #073f3f;
	font-size: 23px;
	line-height: 1.25;
}

/* Lien Modifier */

.woocommerce-account
.woocommerce-Address-title
.edit {
	position: static;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding: 9px 15px;
	border: 1px solid #478888;
	border-radius: 6px;
	background: #fff;
	color: #073f3f;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color .2s ease,
		color .2s ease,
		transform .2s ease;
}

.woocommerce-account
.woocommerce-Address-title
.edit:hover {
	background: #478888;
	color: #fff;
	transform: translateY(-1px);
}

/* Contenu de l’adresse */

.woocommerce-account
.woocommerce-Address
address {
	margin: 0;
	padding: 0;
	color: #566;
	font-size: 16px;
	font-style: normal;
	line-height: 1.8;
	text-align: left;
	overflow-wrap: anywhere;
}


/* =========================================================
   PAGE MES INFORMATIONS PERSONNELLES
   ========================================================= */

/* Carte principale du formulaire */

.woocommerce-account
.woocommerce-EditAccountForm {
	max-width: 1100px;
	margin: 30px auto 0;
	padding: 32px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

/* Prénom et nom sur deux colonnes */

.woocommerce-account
.woocommerce-EditAccountForm
.form-row-first,
.woocommerce-account
.woocommerce-EditAccountForm
.form-row-last {
	width: calc(50% - 10px);
	margin-bottom: 20px;
}

.woocommerce-account
.woocommerce-EditAccountForm
.form-row-first {
	float: left;
}

.woocommerce-account
.woocommerce-EditAccountForm
.form-row-last {
	float: right;
}

/* Champs pleine largeur */

.woocommerce-account
.woocommerce-EditAccountForm
.form-row-wide {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}

/* Libellés */

.woocommerce-account
.woocommerce-EditAccountForm
label {
	display: block;
	margin-bottom: 8px;
	color: #073f3f;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.woocommerce-account
.woocommerce-EditAccountForm
.required {
	color: #478888;
}

/* Champs de saisie */

.woocommerce-account
.woocommerce-EditAccountForm
input.input-text {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid #d5e5e2;
	border-radius: 6px;
	background: #fff;
	color: #123c3c;
	font-size: 15px;
	box-shadow: none;
	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease;
}

.woocommerce-account
.woocommerce-EditAccountForm
input.input-text:hover {
	border-color: #a9cbc6;
}

.woocommerce-account
.woocommerce-EditAccountForm
input.input-text:focus {
	border-color: #478888;
	background: #fff;
	outline: none;
	box-shadow: 0 0 0 3px rgba(71, 136, 136, .12);
}

/* Texte d’aide */

.woocommerce-account
.woocommerce-EditAccountForm
em {
	display: block;
	margin-top: 8px;
	color: #758585;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

/* Bloc mot de passe */

.woocommerce-account
.woocommerce-EditAccountForm
fieldset {
	clear: both;
	margin: 34px 0 0;
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #f3faf8;
}

.woocommerce-account
.woocommerce-EditAccountForm
fieldset legend {
	width: auto;
	margin: 0 auto 22px;
	padding: 0 16px;
	color: #073f3f;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
}

.woocommerce-account
.woocommerce-EditAccountForm
fieldset .form-row {
	margin-bottom: 20px;
}

.woocommerce-account
.woocommerce-EditAccountForm
fieldset .form-row:last-child {
	margin-bottom: 0;
}

/* Bouton d’enregistrement */

.woocommerce-account
.woocommerce-EditAccountForm
p:last-child {
	clear: both;
	margin: 28px 0 0;
	text-align: center;
}

.woocommerce-account
.woocommerce-EditAccountForm
button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 230px;
	min-height: 48px;
	margin: 0;
	padding: 12px 24px;
	border: 1px solid #478888;
	border-radius: 7px;
	background: #478888;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.woocommerce-account
.woocommerce-EditAccountForm
button[type="submit"]:hover {
	border-color: #073f3f;
	background: #073f3f;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 7px 18px rgba(7, 63, 63, .14);
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 849px) {
	.sjad-account-common-header {
		padding: 20px 12px 0;
	}

	.sjad-account-breadcrumb {
		justify-content: center;
		gap: 8px;
		text-align: center;
	}

	.sjad-account-logout {
		top: 14px;
		right: 14px;
		padding: 8px 10px;
		font-size: 13px;
	}

	.sjad-account-logout-icon {
		width: 16px;
		height: 16px;
	}

	.sjad-account-hero {
		min-height: auto;
		background:
			linear-gradient(
				90deg,
				rgba(255, 255, 255, .96),
				rgba(255, 255, 255, .86)
			),
			url('/wp-content/themes/flatsome-child/images/my-account/mon-compte.png')
			center / cover no-repeat;
		background-size: 165% auto;
        background-position: right center;
	}

	.sjad-account-hero-content {
		padding: 65px 25px 30px;
	}

	.sjad-account-hero h2 {
		font-size: 28px;
	}

	.sjad-account-dashboard {
		padding: 20px 12px 35px;
	}

	.sjad-account-cards,
	.sjad-account-bottom {
		grid-template-columns: 1fr;
	}

	.sjad-account-card {
		grid-template-columns: 70px 1fr 42px;
		padding: 20px;
	}

	.sjad-account-card strong {
		font-size: 20px;
	}

	.sjad-account-common-header + .woocommerce-MyAccount-content {
		padding: 0 12px 35px;
	}

	.woocommerce-account table.my_account_orders {
		background: transparent;
		box-shadow: none;
	}

	.woocommerce-account table.my_account_orders tr {
		display: block;
		margin-bottom: 15px;
		padding: 16px;
		border-radius: 10px;
		background: #fff;
		box-shadow: 0 5px 16px rgba(0, 0, 0, .08);
	}

	.woocommerce-account table.my_account_orders td {
		display: flex;
		justify-content: space-between;
		gap: 15px;
		padding: 10px 0;
		border-top: 1px solid #e5eceb;
		text-align: right;
	}

	.woocommerce-account table.my_account_orders td:first-child {
		border-top: 0;
	}

	.woocommerce-account table.my_account_orders td::before {
		color: #073f3f;
		font-weight: 600;
		text-align: left;
	}

	.woocommerce-account .woocommerce-info {
		padding: 30px 20px;
	}

	.sjad-empty-orders-collections {
		margin-top: 22px;
	}

	.sjad-order-actions {
		gap: 10px;
	}

	.sjad-order-actions img {
		width: 28px;
		height: 28px;
	}

	.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 22px;
	}

	.woocommerce-account
	.woocommerce-Addresses
	.woocommerce-Address {
		padding: 22px;
	}

	.woocommerce-account .woocommerce-Address-title {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 12px;
	}

	.woocommerce-account .woocommerce-Address-title::before {
		width: 48px;
		height: 48px;
		background-size: 31px 31px;
	}

	.woocommerce-account
	.woocommerce-Address-title
	h2,
	.woocommerce-account
	.woocommerce-Address-title
	h3 {
		font-size: 20px;
	}

	.woocommerce-account
	.woocommerce-Address-title
	.edit {
		grid-column: 1 / -1;
		width: 100%;
		margin-top: 4px;
	}

	.woocommerce-account
	.woocommerce-Address
	address {
		font-size: 15px;
		text-align: left;
	}


	/* Profil mobile */

	.woocommerce-account
	.woocommerce-EditAccountForm {
		margin-top: 22px;
		padding: 22px 18px;
	}

	.woocommerce-account
	.woocommerce-EditAccountForm
	.form-row-first,
	.woocommerce-account
	.woocommerce-EditAccountForm
	.form-row-last {
		float: none;
		width: 100%;
	}

	.woocommerce-account
	.woocommerce-EditAccountForm
	input.input-text {
		height: 46px;
		font-size: 14px;
	}

	.woocommerce-account
	.woocommerce-EditAccountForm
	fieldset {
		margin-top: 28px;
		padding: 24px 16px;
	}

	.woocommerce-account
	.woocommerce-EditAccountForm
	fieldset legend {
		padding: 0 10px;
		font-size: 19px;
	}

	.woocommerce-account
	.woocommerce-EditAccountForm
	button[type="submit"] {
		width: 100%;
		min-width: 0;
	}

}

.sjad-help-buttons a:hover {
	background: #478888;
	color: #fff;
}

/* =========================================================
   CORRECTION ALIGNEMENT PRÉNOM / NOM
   ========================================================= */

/*
 * Flatsome applique encore des règles de flottement/clear
 * aux deux premières lignes. On utilise une grille afin que
 * Prénom et Nom restent parfaitement alignés.
 */
.woocommerce-account
.woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 20px;
	row-gap: 0;
}

.woocommerce-account
.woocommerce-EditAccountForm
.form-row-first,
.woocommerce-account
.woocommerce-EditAccountForm
.form-row-last {
	float: none !important;
	clear: none !important;
	width: 100% !important;
	margin: 0 0 20px !important;
}

.woocommerce-account
.woocommerce-EditAccountForm
.form-row-wide,
.woocommerce-account
.woocommerce-EditAccountForm
fieldset,
.woocommerce-account
.woocommerce-EditAccountForm
p:last-child {
	grid-column: 1 / -1;
}

.woocommerce-account
.woocommerce-EditAccountForm
.clear {
	display: none;
}

@media (max-width: 849px) {
	.woocommerce-account
	.woocommerce-EditAccountForm {
		grid-template-columns: 1fr;
	}

	.woocommerce-account
	.woocommerce-EditAccountForm
	.form-row-first,
	.woocommerce-account
	.woocommerce-EditAccountForm
	.form-row-last,
	.woocommerce-account
	.woocommerce-EditAccountForm
	.form-row-wide,
	.woocommerce-account
	.woocommerce-EditAccountForm
	fieldset,
	.woocommerce-account
	.woocommerce-EditAccountForm
	p:last-child {
		grid-column: 1;
	}
}


/* =========================================================
   CORRECTIONS MOBILE — TABLEAUX ET CARTE BESOIN D’AIDE
   ========================================================= */

@media (max-width: 849px) {

	/* -----------------------------------------------------
	   Dashboard : structure générale
	   ----------------------------------------------------- */

	.sjad-account-dashboard,
	.sjad-account-bottom,
	.sjad-account-orders,
	.sjad-account-help {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}

	.sjad-account-bottom {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	/* -----------------------------------------------------
	   Dashboard : carte Historique des commandes
	   ----------------------------------------------------- */

	.sjad-account-orders {
		padding: 22px 14px;
		overflow: hidden;
	}

	.sjad-account-section-title {
		flex-direction: column;
		align-items: center;
		gap: 8px;
		text-align: center;
	}

	.sjad-account-section-title h3 {
		font-size: 22px;
		line-height: 1.3;
	}

	.sjad-account-section-title a {
		text-align: center;
	}

	/*
	 * Le petit tableau du dashboard reste un tableau compact.
	 * Ces règles annulent les styles mobiles génériques de WooCommerce.
	 */
	.sjad-account-orders table.my_account_orders {
		display: table !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 16px 0 0 !important;
		table-layout: fixed !important;
		border-collapse: separate !important;
		background: #fcfdfd !important;
		box-shadow: none !important;
	}

	.sjad-account-orders table.my_account_orders thead {
		display: table-header-group !important;
	}

	.sjad-account-orders table.my_account_orders tbody {
		display: table-row-group !important;
	}

	.sjad-account-orders table.my_account_orders tr {
		display: table-row !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.sjad-account-orders table.my_account_orders th,
	.sjad-account-orders table.my_account_orders td {
		display: table-cell !important;
		width: auto !important;
		padding: 11px 4px !important;
		border-top: 1px solid #e5eceb !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
		text-align: center !important;
		vertical-align: middle !important;
		overflow-wrap: anywhere;
		white-space: normal !important;
	}

	.sjad-account-orders table.my_account_orders th {
		border-top: 0 !important;
		font-size: 10px !important;
	}

	.sjad-account-orders table.my_account_orders td::before {
		display: none !important;
		content: none !important;
	}

	.sjad-account-orders table.my_account_orders th:nth-child(1),
	.sjad-account-orders table.my_account_orders td:nth-child(1) {
		width: 19% !important;
	}

	.sjad-account-orders table.my_account_orders th:nth-child(2),
	.sjad-account-orders table.my_account_orders td:nth-child(2) {
		width: 20% !important;
	}

	.sjad-account-orders table.my_account_orders th:nth-child(3),
	.sjad-account-orders table.my_account_orders td:nth-child(3) {
		width: 20% !important;
	}

	.sjad-account-orders table.my_account_orders th:nth-child(4),
	.sjad-account-orders table.my_account_orders td:nth-child(4) {
		width: 25% !important;
	}

	.sjad-account-orders table.my_account_orders th:nth-child(5),
	.sjad-account-orders table.my_account_orders td:nth-child(5) {
		width: 16% !important;
	}

	.sjad-account-orders .sjad-order-actions {
		justify-content: center !important;
		gap: 0 !important;
	}

	.sjad-account-orders .sjad-order-actions img {
		width: 22px !important;
		height: 22px !important;
	}

	/* -----------------------------------------------------
	   Page Mes commandes : chaque commande devient une carte
	   ----------------------------------------------------- */

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table {
		display: block !important;
		width: 100% !important;
		margin: 22px 0 0 !important;
		overflow: visible !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table thead {
		display: none !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table tbody {
		display: block !important;
		width: 100% !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table tr {
		display: block !important;
		width: 100% !important;
		margin: 0 0 16px !important;
		padding: 18px !important;
		border: 1px solid #d5e5e2 !important;
		border-radius: 10px !important;
		background: #fcfdfd !important;
		box-shadow: 0 10px 28px rgba(0, 0, 0, .06) !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table td {
		display: grid !important;
		grid-template-columns: minmax(110px, 42%) minmax(0, 1fr);
		align-items: center;
		gap: 14px;
		width: 100% !important;
		padding: 11px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #e5eceb !important;
		text-align: right !important;
		white-space: normal !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table td:last-child {
		border-bottom: 0 !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table td::before {
		display: block !important;
		content: attr(data-title) !important;
		color: #073f3f !important;
		font-weight: 600 !important;
		text-align: left !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table
	.woocommerce-orders-table__cell-order-actions {
		white-space: normal !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table
	.sjad-order-actions {
		justify-content: flex-end !important;
		flex-wrap: wrap;
		gap: 12px !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table
	.sjad-order-actions img {
		width: 28px !important;
		height: 28px !important;
	}

	/* -----------------------------------------------------
	   Dashboard : carte Besoin d’aide
	   ----------------------------------------------------- */

	.sjad-account-help {
		padding: 30px 20px;
		overflow: hidden;
	}

	.sjad-account-help p {
		width: 100%;
		max-width: 320px;
		margin-right: auto;
		margin-left: auto;
	}

	.sjad-help-buttons {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
		margin-top: 10px;
	}

	.sjad-help-buttons a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 100% !important;
		max-width: 240px !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 11px 18px !important;
		box-sizing: border-box;
		white-space: normal !important;
		text-align: center;
	}
}

@media (max-width: 480px) {

	.sjad-account-orders {
		padding: 20px 8px;
	}

	.sjad-account-orders table.my_account_orders th,
	.sjad-account-orders table.my_account_orders td {
		padding: 9px 2px !important;
		font-size: 9px !important;
	}

	.sjad-account-orders table.my_account_orders th {
		font-size: 8px !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	> table.woocommerce-orders-table td {
		grid-template-columns: minmax(95px, 40%) minmax(0, 1fr);
		gap: 10px;
	}

	.sjad-help-buttons a {
		max-width: 220px !important;
	}
}


/* =========================================================
   CORRECTION FINALE MOBILE — PAGE MES COMMANDES
   ========================================================= */

@media (max-width: 849px) {

	/* Empêche tout débordement horizontal du contenu Mon compte */
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}

	/* Cible uniquement le tableau de la page Mes commandes */
	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 22px 0 0 !important;
		overflow: visible !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		table-layout: auto !important;
		box-sizing: border-box !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table thead {
		display: none !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table tbody {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table tr {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin: 0 0 16px !important;
		padding: 18px !important;
		overflow: hidden !important;
		border: 1px solid #d5e5e2 !important;
		border-radius: 10px !important;
		background: #fcfdfd !important;
		box-shadow: 0 10px 28px rgba(0, 0, 0, .06) !important;
		box-sizing: border-box !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table td {
		display: grid !important;
		grid-template-columns: minmax(0, 42%) minmax(0, 58%) !important;
		align-items: center !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 11px 0 !important;
		overflow: hidden !important;
		border: 0 !important;
		border-bottom: 1px solid #e5eceb !important;
		text-align: right !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table td:last-child {
		border-bottom: 0 !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table td::before {
		display: block !important;
		min-width: 0 !important;
		content: attr(data-title) !important;
		color: #073f3f !important;
		font-weight: 600 !important;
		text-align: left !important;
		white-space: normal !important;
		overflow-wrap: anywhere !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table td > * {
		min-width: 0 !important;
		max-width: 100% !important;
		overflow-wrap: anywhere !important;
		word-break: break-word !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table
	.woocommerce-orders-table__cell-order-total {
		white-space: normal !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table
	.sjad-order-actions {
		display: flex !important;
		justify-content: flex-end !important;
		flex-wrap: wrap !important;
		gap: 10px !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table
	.sjad-order-actions img {
		width: 26px !important;
		height: 26px !important;
	}
}

@media (max-width: 480px) {

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table tr {
		padding: 15px !important;
	}

	.woocommerce-account
	.woocommerce-MyAccount-content
	table.woocommerce-orders-table td {
		grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
		gap: 10px !important;
		font-size: 13px !important;
	}
}


/* =========================================================
   MODES PROFIL / MOT DE PASSE
   ========================================================= */

/* Modifier mon profil : masque uniquement le bloc mot de passe */
.woocommerce-account
.woocommerce-EditAccountForm.sjad-profile-mode
#sjad-password-section {
	display: none !important;
}

/* Changer mon mot de passe : masque les informations personnelles */
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode
> .form-row-first,
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode
> .form-row-last,
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode
> .form-row-wide,
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode
> .clear {
	display: none !important;
}

/* En mode mot de passe, on conserve et remonte uniquement le fieldset */
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode
#sjad-password-section {
	display: block !important;
	grid-column: 1 / -1 !important;
	margin-top: 0 !important;
}

/* Le bouton Enregistrer reste visible dans les deux modes */
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode
> p:last-child,
.woocommerce-account
.woocommerce-EditAccountForm.sjad-profile-mode
> p:last-child {
	display: block !important;
	grid-column: 1 / -1 !important;
}

/* Sur la page Profil, le bloc mot de passe est masqué mais le reste garde sa grille */
.woocommerce-account
.woocommerce-EditAccountForm.sjad-profile-mode {
	display: grid;
}

/* Sur la page Mot de passe, la carte ne contient que le fieldset et le bouton */
.woocommerce-account
.woocommerce-EditAccountForm.sjad-password-mode {
	display: grid;
	grid-template-columns: 1fr;
}

@media (max-width: 849px) {
	.woocommerce-account
	.woocommerce-EditAccountForm.sjad-password-mode,
	.woocommerce-account
	.woocommerce-EditAccountForm.sjad-profile-mode {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
   PAGE DÉTAIL DE LA COMMANDE — RÉSUMÉ
   ========================================================= */

.sjad-order-summary {
	margin: 30px 0 26px;
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.sjad-order-summary-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5eceb;
}

.sjad-order-summary-label {
	display: block;
	margin-bottom: 4px;
	color: #637575;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.sjad-order-summary h2 {
	margin: 0;
	color: #073f3f;
	font-size: 28px;
	line-height: 1.2;
}

.sjad-order-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 14px;
	border: 1px solid #b9d7d2;
	border-radius: 999px;
	background: #edf6f4;
	color: #073f3f;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
}

.sjad-order-status-completed {
	border-color: #b7d8c4;
	background: #eef8f1;
	color: #2f6f46;
}

.sjad-order-status-processing,
.sjad-order-status-on-hold {
	border-color: #d7cfae;
	background: #fbf8ea;
	color: #7a651f;
}

.sjad-order-status-cancelled,
.sjad-order-status-failed,
.sjad-order-status-refunded {
	border-color: #e0c2c2;
	background: #fbefef;
	color: #8a4747;
}

.sjad-order-summary-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

.sjad-order-summary-item {
	min-width: 0;
	padding: 18px;
	border: 1px solid #e1ecea;
	border-radius: 8px;
	background: #fff;
}

.sjad-order-summary-item span {
	display: block;
	margin-bottom: 6px;
	color: #637575;
	font-size: 13px;
	font-weight: 600;
}

.sjad-order-summary-item strong {
	display: block;
	color: #073f3f;
	font-size: 17px;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

@media (max-width: 849px) {
	.sjad-order-summary {
		margin-top: 22px;
		padding: 22px 18px;
	}

	.sjad-order-summary-heading {
		align-items: flex-start;
	}

	.sjad-order-summary h2 {
		font-size: 24px;
	}

	.sjad-order-summary-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.sjad-order-summary-item {
		padding: 15px;
	}
}

@media (max-width: 480px) {
	.sjad-order-summary-heading {
		flex-direction: column;
	}

	.sjad-order-status {
		align-self: flex-start;
	}
}


/* =========================================================
   CORRECTIONS — RÉSUMÉ DE COMMANDE
   ========================================================= */

/* Garde toujours le montant et le symbole monétaire sur une seule ligne */
.sjad-order-summary-item strong,
.sjad-order-summary-item strong .woocommerce-Price-amount,
.sjad-order-summary-item strong .woocommerce-Price-amount bdi,
.sjad-order-summary-item strong .woocommerce-Price-currencySymbol {
	white-space: nowrap !important;
}

/* Mobile : numéro de commande et statut restent sur la même ligne */
@media (max-width: 480px) {
	.sjad-order-summary-heading {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 12px;
	}

	.sjad-order-status {
		align-self: center;
		justify-self: end;
	}

	.sjad-order-summary h2 {
		font-size: 22px;
	}
}


/* =========================================================
   CORRECTIONS FINALES — RÉSUMÉ DE COMMANDE
   ========================================================= */

/* Montant et devise restent sur une seule ligne */
.sjad-order-summary-item strong,
.sjad-order-summary-item strong .woocommerce-Price-amount,
.sjad-order-summary-item strong .woocommerce-Price-amount bdi,
.sjad-order-summary-item strong .woocommerce-Price-currencySymbol {
	display: inline !important;
	white-space: nowrap !important;
}

.sjad-order-summary-item strong .woocommerce-Price-currencySymbol {
	margin-left: 3px;
}

/* Centre le bloc numéro + statut sur mobile */
@media (max-width: 480px) {
	.sjad-order-summary-heading {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr !important;
		align-items: center !important;
		gap: 10px !important;
		text-align: center !important;
	}

	.sjad-order-summary-heading > div {
		grid-column: 2 !important;
		justify-self: center !important;
		text-align: center !important;
	}

	.sjad-order-status {
		grid-column: 3 !important;
		justify-self: end !important;
		align-self: center !important;
	}

	.sjad-order-summary-label,
	.sjad-order-summary h2 {
		text-align: center !important;
	}
}


/* =========================================================
   PAGE DÉTAIL DE LA COMMANDE — PRODUITS COMMANDÉS
   ========================================================= */

.sjad-order-products {
	margin: 0 0 28px;
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.sjad-order-products-heading {
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5eceb;
}

.sjad-order-products-heading h2 {
	margin: 0;
	color: #073f3f;
	font-size: 26px;
	line-height: 1.25;
	text-align: left;
}

.sjad-order-products-list {
	display: grid;
	gap: 18px;
}

.sjad-order-product {
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr);
	gap: 24px;
	align-items: stretch;
	padding: 20px;
	border: 1px solid #e1ecea;
	border-radius: 10px;
	background: #fff;
}

.sjad-order-product-image {
	min-width: 0;
}

.sjad-order-product-image a,
.sjad-order-product-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sjad-order-product-image img {
	max-height: 220px;
	border-radius: 8px;
	object-fit: cover;
}

.sjad-order-product-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}

.sjad-order-product-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 22px;
}

.sjad-order-product h3 {
	margin: 0 0 8px;
	color: #073f3f;
	font-size: 22px;
	line-height: 1.35;
}

.sjad-order-product h3 a {
	color: inherit;
	text-decoration: none;
}

.sjad-order-product h3 a:hover {
	color: #478888;
}

.sjad-order-product-quantity {
	display: inline-block;
	color: #637575;
	font-size: 15px;
}

.sjad-order-product-price {
	color: #073f3f;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}

.sjad-order-product-price .woocommerce-Price-amount,
.sjad-order-product-price .woocommerce-Price-amount bdi,
.sjad-order-product-price .woocommerce-Price-currencySymbol {
	display: inline !important;
	white-space: nowrap !important;
}

.sjad-order-product-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 18px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #e5eceb;
}

.sjad-order-product-variation {
	grid-column: 1 / -1;
	color: #566;
	font-size: 14px;
	line-height: 1.6;
}

.sjad-order-product-options p {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 10px 12px;
	border-radius: 6px;
	background: #f3faf8;
}

.sjad-order-product-options p span {
	color: #637575;
	font-size: 13px;
	font-weight: 600;
}

.sjad-order-product-options p strong {
	color: #073f3f;
	font-size: 14px;
	text-align: right;
	overflow-wrap: anywhere;
}

/* Neutralise d’éventuels styles hérités de l’ancien tableau produit */
.custom-order-details-table {
	display: none !important;
}

@media (max-width: 849px) {
	.sjad-order-products {
		margin-bottom: 22px;
		padding: 22px 18px;
	}

	.sjad-order-products-heading h2 {
		font-size: 23px;
		text-align: center;
	}

	.sjad-order-product {
		grid-template-columns: 140px minmax(0, 1fr);
		gap: 18px;
		padding: 16px;
	}

	.sjad-order-product-image img {
		max-height: 180px;
	}

	.sjad-order-product h3 {
		font-size: 19px;
	}

	.sjad-order-product-price {
		font-size: 18px;
	}

	.sjad-order-product-options {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.sjad-order-product {
		grid-template-columns: 1fr;
	}

	.sjad-order-product-image {
		max-width: 260px;
		margin: 0 auto;
	}

	.sjad-order-product-image img {
		height: auto;
		max-height: none;
		object-fit: contain;
	}

	.sjad-order-product-top {
		grid-template-columns: 1fr;
		gap: 12px;
		text-align: center;
	}

	.sjad-order-product-price {
		justify-self: center;
	}

	.sjad-order-product-options p {
		align-items: flex-start;
	}
}


/* =========================================================
   PAGE DÉTAIL DE LA COMMANDE — RÉCAPITULATIF DU PAIEMENT
   ========================================================= */

.sjad-order-financial-summary {
	margin: 0 0 28px;
}

.sjad-order-financial-heading {
	margin-bottom: 18px;
}

.sjad-order-financial-heading h2 {
	margin: 0;
	color: #073f3f;
	font-size: 26px;
	line-height: 1.25;
	text-align: left;
}

.sjad-order-financial-card {
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.sjad-order-financial-lines {
	display: grid;
	gap: 0;
}

.sjad-order-financial-line {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	padding: 16px 0;
	border-bottom: 1px solid #e5eceb;
}

.sjad-order-financial-line:first-child {
	padding-top: 0;
}

.sjad-order-financial-line:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.sjad-order-financial-label {
	min-width: 0;
	color: #637575;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
}

.sjad-order-financial-value {
	min-width: 0;
	color: #073f3f;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	text-align: right;
	overflow-wrap: anywhere;
}

/* Montants toujours sur une seule ligne */
.sjad-order-financial-value .woocommerce-Price-amount,
.sjad-order-financial-value .woocommerce-Price-amount bdi,
.sjad-order-financial-value .woocommerce-Price-currencySymbol {
	display: inline !important;
	white-space: nowrap !important;
}

/* Ligne Total mise en valeur */
.sjad-order-financial-line-order_total,
.sjad-order-financial-line-total {
	margin-top: 6px;
	padding: 20px 18px;
	border: 1px solid #c7dcda;
	border-radius: 8px;
	background: #f3faf8;
}

.sjad-order-financial-line-order_total .sjad-order-financial-label,
.sjad-order-financial-line-total .sjad-order-financial-label {
	color: #073f3f;
	font-size: 17px;
}

.sjad-order-financial-line-order_total .sjad-order-financial-value,
.sjad-order-financial-line-total .sjad-order-financial-value {
	color: #073f3f;
	font-size: 19px;
	font-weight: 700;
}

/* Note client éventuelle */
.sjad-order-financial-note {
	margin-top: 20px;
	padding: 18px;
	border: 1px solid #e1ecea;
	border-radius: 8px;
	background: #fff;
}

.sjad-order-financial-note > span {
	display: block;
	margin-bottom: 8px;
	color: #073f3f;
	font-size: 14px;
	font-weight: 600;
}

.sjad-order-financial-note p {
	margin: 0;
	color: #566;
	font-size: 15px;
	line-height: 1.6;
}

/* Actions */
.sjad-order-financial-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid #e5eceb;
}

.sjad-order-financial-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid #478888;
	border-radius: 7px;
	background: #fff;
	color: #073f3f;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition:
		background-color .2s ease,
		color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.sjad-order-financial-action:hover {
	background: #478888;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 7px 18px rgba(7, 63, 63, .14);
}

.sjad-order-financial-action img {
	display: block;
	width: 26px;
	height: 26px;
	object-fit: contain;
}

.sjad-order-financial-actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	margin: 0;
	padding: 10px 18px;
	border: 1px solid #478888;
	border-radius: 7px;
	background: #478888;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
}

.sjad-order-financial-actions .button:hover {
	border-color: #073f3f;
	background: #073f3f;
	color: #fff;
}

/* Neutralise l'ancien tableau WooCommerce si un style résiduel l'affiche */
.woocommerce-order-details .woocommerce-table--order-details {
	display: none !important;
}

@media (max-width: 849px) {
	.sjad-order-financial-summary {
		margin-bottom: 22px;
	}

	.sjad-order-financial-heading h2 {
		font-size: 23px;
		text-align: center;
	}

	.sjad-order-financial-card {
		padding: 22px 18px;
	}

	.sjad-order-financial-line {
		gap: 16px;
	}

	.sjad-order-financial-actions {
		flex-direction: column;
	}

	.sjad-order-financial-action,
	.sjad-order-financial-actions .button {
		width: 100%;
		max-width: 280px;
	}
}

@media (max-width: 480px) {
	.sjad-order-financial-line {
		grid-template-columns: minmax(0, 44%) minmax(0, 56%);
		gap: 10px;
		padding: 14px 0;
	}

	.sjad-order-financial-label {
		font-size: 14px;
	}

	.sjad-order-financial-value {
		font-size: 15px;
	}
}


/* =========================================================
   AJUSTEMENT — CARTE RÉCAPITULATIF DU PAIEMENT
   ========================================================= */

/* Le titre fait désormais partie intégrante de la carte */
.sjad-order-financial-heading {
	margin: 0 0 22px;
	padding: 0 0 18px;
	border-bottom: 1px solid #e5eceb;
}

.sjad-order-financial-heading h2 {
	margin: 0;
	text-align: left;
}

/* Carte plus compacte et mieux structurée */
.sjad-order-financial-card {
	max-width: 980px;
	margin: 0 auto;
	padding: 28px;
}

.sjad-order-financial-line {
	padding: 14px 0;
}

.sjad-order-financial-label {
	text-align: left;
}

.sjad-order-financial-value {
	text-align: right;
}

/* La ligne Total reste bien visible sans occuper trop de hauteur */
.sjad-order-financial-line-order_total,
.sjad-order-financial-line-total {
	margin-top: 8px;
	padding: 18px;
}

/* Les deux actions sont intégrées dans la carte */
.sjad-order-financial-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 22px;
	padding-top: 20px;
	border-top: 1px solid #e5eceb;
}

.sjad-order-financial-action,
.sjad-order-financial-actions .button,
.sjad-order-financial-actions .order-again {
	min-width: 210px;
	min-height: 46px;
	margin: 0 !important;
}

/* Bouton facture en style contour */
.sjad-order-financial-action-invoice {
	background: #fff;
	color: #073f3f;
}

/* Bouton Commander une nouvelle fois en style principal */
.sjad-order-financial-actions .order-again,
.sjad-order-financial-actions a.order-again,
.sjad-order-financial-actions .button.order-again {
	border: 1px solid #478888;
    border-radius: 7px !important;
    background: #478888;
    color: #fff;
    overflow: hidden;
}

.sjad-order-financial-actions .order-again:hover,
.sjad-order-financial-actions a.order-again:hover,
.sjad-order-financial-actions .button.order-again:hover {
	border-color: #073f3f;
	background: #073f3f;
	color: #fff;
}

@media (max-width: 849px) {
	.sjad-order-financial-card {
		max-width: none;
		padding: 22px 18px;
	}

	.sjad-order-financial-heading h2 {
		font-size: 23px;
		text-align: center;
	}

	.sjad-order-financial-actions {
		flex-direction: column;
	}

	.sjad-order-financial-action,
	.sjad-order-financial-actions .button,
	.sjad-order-financial-actions .order-again {
		width: 100%;
		max-width: 280px;
		min-width: 0;
	}
}


/* =========================================================
   PAGE DÉTAIL DE LA COMMANDE — ADRESSES CLIENT
   ========================================================= */

.woocommerce-customer-details {
	margin: 0 0 28px;
}

.woocommerce-customer-details
.woocommerce-columns--addresses {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	width: 100%;
	margin: 0;
}

.woocommerce-customer-details
.woocommerce-columns--addresses::before,
.woocommerce-customer-details
.woocommerce-columns--addresses::after {
	display: none;
	content: none;
}

/* Neutralise les largeurs et flottements WooCommerce / Flatsome */

.woocommerce-customer-details
.woocommerce-column,
.woocommerce-customer-details
.col-1,
.woocommerce-customer-details
.col-2 {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
}

/* Cartes adresses */

.woocommerce-customer-details
.woocommerce-column {
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

/* En-tête de chaque carte */

.woocommerce-customer-details
.woocommerce-column__title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 20px;
	padding: 0 0 18px 66px;
	border-bottom: 1px solid #e5eceb;
	color: #073f3f;
	font-size: 23px;
	line-height: 1.3;
	text-align: left;
}

.woocommerce-customer-details
.woocommerce-column__title::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background:
		#edf6f4
		url('/wp-content/themes/flatsome-child/images/my-account/adresse.png')
		center / 32px 32px no-repeat;
}

/* Contenu des adresses */

.woocommerce-customer-details address {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #566;
	font-size: 15px;
	font-style: normal;
	line-height: 1.75;
	text-align: left;
	overflow-wrap: anywhere;
}

.woocommerce-customer-details
.woocommerce-customer-details--phone,
.woocommerce-customer-details
.woocommerce-customer-details--email {
	position: relative;
	margin: 14px 0 0;
	padding: 12px 12px 12px 38px;
	border-radius: 7px;
	background: #f3faf8;
	color: #073f3f;
	font-size: 14px;
	line-height: 1.45;
}

.woocommerce-customer-details
.woocommerce-customer-details--phone::before,
.woocommerce-customer-details
.woocommerce-customer-details--email::before {
	position: absolute;
	top: 50%;
	left: 13px;
	transform: translateY(-50%);
	color: #478888;
	font-size: 15px;
}

.woocommerce-customer-details
.woocommerce-customer-details--phone::before {
	content: "☎";
}

.woocommerce-customer-details
.woocommerce-customer-details--email::before {
	content: "✉";
}

/* Cas où seule l’adresse de facturation est affichée */

.woocommerce-customer-details
> .woocommerce-column {
	max-width: 760px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

@media (max-width: 849px) {
	.woocommerce-customer-details {
		margin-bottom: 22px;
	}

	.woocommerce-customer-details
	.woocommerce-columns--addresses {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.woocommerce-customer-details
	.woocommerce-column {
		padding: 22px 18px;
	}

	.woocommerce-customer-details
	.woocommerce-column__title {
		min-height: 48px;
		padding-left: 60px;
		font-size: 20px;
	}

	.woocommerce-customer-details
	.woocommerce-column__title::before {
		width: 46px;
		height: 46px;
		background-size: 29px 29px;
	}

	.woocommerce-customer-details address {
		font-size: 14px;
		line-height: 1.7;
	}
}


/* =========================================================
   PAGE DÉTAIL DE LA COMMANDE — SUIVI DE COMMANDE
   ========================================================= */

.bw-order-tracking {
	margin: 0 0 28px;
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.bw-order-tracking > h2 {
	display:flex;
	align-items:center;
	gap:14px;
	margin: 0 0 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5eceb;
	color: #073f3f;
	font-size: 26px;
	line-height: 1.25;
	text-align: left;
}


.bw-order-tracking > h2::before {
	content:"";
	display:block;
	width:50px;
	height:50px;
	flex:0 0 50px;
	border-radius:50%;
	background:#edf6f4 url('/wp-content/uploads/2023/07/livraison-image.png') center center / 60px 60px no-repeat;
}

.bw-tracking p {
	margin: 0 0 12px;
	color: #566;
	font-size: 15px;
	line-height: 1.6;
}

.bw-tracking h4 {
	margin: 18px 0 14px;
	color: #073f3f;
	font-size: 19px;
	line-height: 1.4;
}

.bw-tracking a {
	color: #478888;
	font-weight: 600;
	text-decoration: none;
}

.bw-tracking a:hover {
	color: #073f3f;
	text-decoration: underline;
}

/* Derniers événements de suivi */
.bw-tracking > p:nth-of-type(n+4) {
	position: relative;
	margin-bottom: 10px;
	padding: 12px 14px 12px 38px;
	border: 1px solid #e1ecea;
	border-radius: 7px;
	background: #fff;
	color: #123c3c;
}

.bw-tracking > p:nth-of-type(n+4)::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #478888;
	transform: translateY(-50%);
}

.bw-tracking br {
	display: none;
}

@media (max-width: 849px) {
	.bw-order-tracking {
		margin-bottom: 22px;
		padding: 22px 18px;
	}

	.bw-order-tracking > h2 {
		justify-content:center;
		font-size: 23px;
		text-align: center;
	}

	.bw-tracking {
		padding-left: 0;
		text-align: center;
	}

.bw-tracking h4 {
		font-size: 18px;
	}

	.bw-tracking > p:nth-of-type(n+4) {
		padding: 12px 14px 12px 34px;
		text-align: left;
	}
}


/* =========================================================
   AJUSTEMENTS — LARGEURS ET SUIVI DE COMMANDE
   ========================================================= */

/* Le récapitulatif du paiement reprend toute la largeur des autres cartes */
.sjad-order-financial-card {
	width: 100%;
	max-width: none;
}

/* Espace entre le récapitulatif et le suivi */
.bw-order-tracking {
	margin-top: 28px;
}

/* Organisation du contenu du suivi sur deux colonnes */
.bw-tracking {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 22px;
}

/* Ligne 1 : message d’expédition + référence d’expédition */
.bw-tracking > p:nth-of-type(1) {
	grid-column: 1;
	margin: 0;
}

.bw-tracking > h4 {
	grid-column: 2;
	margin: 0;
	text-align: right;
}

/* Ligne 2 : composition de l’envoi + référence du colis */
.bw-tracking > p:nth-of-type(2) {
	grid-column: 1;
	margin: 0;
}

.bw-tracking > p:nth-of-type(3) {
	grid-column: 2;
	margin: 0;
	text-align: right;
}

/* Les événements de suivi occupent toute la largeur */
.bw-tracking > p:nth-of-type(n+4) {
	grid-column: 1 / -1;
}

/* Supprime l’espace parasite créé par le <br> final */
.bw-tracking > br {
	display: none;
}

@media (max-width: 849px) {
	.bw-order-tracking {
		margin-top: 22px;
	}

	.bw-tracking {
		grid-template-columns: 1fr;
		gap: 10px;
	}

.bw-tracking > p:nth-of-type(1),
	.bw-tracking > h4,
	.bw-tracking > p:nth-of-type(2),
	.bw-tracking > p:nth-of-type(3),
	.bw-tracking > p:nth-of-type(n+4) {
		grid-column: 1;
		text-align: center;
	}

	.bw-tracking > p:nth-of-type(n+4) {
		text-align: left;
	}
}


/* =========================================================
   PAGE DÉTAIL DE LA COMMANDE — POINT RELAIS
   ========================================================= */

.bw-order-parcelpoint {
	margin: 0 0 28px;
	padding: 28px;
	border: 1px solid #d5e5e2;
	border-radius: 10px;
	background: #fcfdfd;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
}

.bw-order-parcelpoint > h2 {
	display:flex;
	align-items:center;
	gap:14px;
	margin: 0 0 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5eceb;
	color: #073f3f;
	font-size: 26px;
	line-height: 1.25;
	text-align: left;
}

.bw-order-parcelpoint > h2::before{
	content:"";
	width:50px;
	height:50px;
	flex-shrink:0;
	border-radius:50%;
	background:#edf6f4 url('/wp-content/themes/flatsome-child/images/my-account/point_relais.png') center/40px 40px no-repeat;
}

.bw-order-parcelpoint > h4 {
	margin: 20px 0 10px;
	color: #073f3f;
	font-size: 18px;
	line-height: 1.4;
}

.bw-order-parcelpoint > h4:first-of-type {
	margin-top: 0;
}

.bw-order-parcelpoint > p {
	position: relative;
	margin: 0;
	padding: 18px 18px 18px 68px;
	border: 1px solid #e1ecea;
	border-radius: 8px;
	background: #fff;
	color: #566;
	font-size: 15px;
	line-height: 1.75;
	text-align: left;
}

.bw-order-parcelpoint > p::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 16px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background:
		#edf6f4
		url('/wp-content/uploads/2023/07/livraison-image.png')
		center / 30px 30px no-repeat;
}

/* Horaires */


/*
 * Le plugin mélange du texte brut et des spans.
 * On neutralise les fonds gris injectés inline.
 */


/* Apparence de lignes régulières malgré le HTML du plugin */


@media (max-width: 849px) {
	.bw-order-parcelpoint {
		margin-bottom: 22px;
		padding: 22px 18px;
	}

	.bw-order-parcelpoint > h2 {
		justify-content:center;
		font-size: 23px;
		text-align: center;
	}

	.bw-order-parcelpoint > h4 {
		font-size: 17px;
		text-align: center;
	}

	.bw-order-parcelpoint > p {
		padding: 68px 16px 18px;
		text-align: center;
	}

	.bw-order-parcelpoint > p::before {
		top: 16px;
		left: 50%;
		transform: translateX(-50%);
	}

	
}

@media (max-width: 480px) {
	
}


/* =========================================================
   AJUSTEMENT FINAL — POINT RELAIS SANS ICÔNE
   ========================================================= */

/* Adresse sans icône */
.bw-order-parcelpoint > p {
	position: static;
	margin: 0;
	padding: 22px;
	border: 1px solid #e1ecea;
	border-radius: 8px;
	background: #fff;
	color: #566;
	font-size: 15px;
	line-height: 1.85;
	text-align: center;
}

.bw-order-parcelpoint > p::before {
	display: none !important;
	content: none !important;
}

/* Tableau des horaires */


/* Lignes alternées dans les tons Sajadah */


/* Plus d’espace entre les titres et les blocs */
.bw-order-parcelpoint > h4 {
	margin: 26px 0 14px;
}

.bw-order-parcelpoint > h4:first-of-type {
	margin-top: 0;
}

@media (max-width: 849px) {
	.bw-order-parcelpoint > p {
		padding: 20px 16px;
		text-align: center;
	}

	

	
}

@media (max-width: 480px) {
	

	
}

/* =========================================================
   POINT RELAIS — HORAIRES NATIFS, COULEURS SAJADAH
   ========================================================= */

/*
 * On conserve intégralement le rendu d’origine du plugin.
 * Seules les couleurs grises des lignes alternées sont remplacées.
 */
.bw-order-parcelpoint > pre span {
	background-color: #edf6f4 !important;
	color: #073f3f !important;
}



/* =========================================================
   SUIVI DE COMMANDE — ÉPURE DE L'EN-TÊTE
   ========================================================= */

/* Masque les textes devenus redondants */
.bw-tracking > p:nth-of-type(1),
.bw-tracking > p:nth-of-type(2),
.bw-tracking > h4{
    display:none;
}

/* Référence du colis centrée et mise en valeur */
.bw-tracking > p:nth-of-type(3){
    grid-column:1 / -1 !important;
    text-align:center !important;
    margin:6px 0 18px !important;
    color:#073f3f;
    font-size:28px;
    line-height:1.3;
    font-weight:600;
}

.bw-tracking > p:nth-of-type(3) a{
    font-size:inherit;
    font-weight:700;
    color:#478888;
}

@media (max-width:849px){
    .bw-tracking > p:nth-of-type(3){
        font-size:22px;
    }
}