/* Espace client dans l'en-tête (includes/compte.php). */
.evg-compte { display: inline-flex; }
.evg-compte .evg-compte__icone,
.evg-compte .evg-compte__icone:hover,
.evg-compte .evg-compte__icone:focus {
	display: grid; place-items: center; width: 34px; height: 34px; padding: 0;
	border: 0 !important; border-radius: 50% !important; background: transparent !important; box-shadow: none !important;
	color: inherit; cursor: pointer; min-height: 0;
}
.evg-compte__icone svg { width: 21px; height: 21px; }
.evg-compte .evg-compte__icone:hover { color: #866d4b; }
.evg-compte .evg-compte__icone.est-connecte::after {
	content: ""; position: absolute; margin: 18px 0 0 18px; width: 8px; height: 8px; border-radius: 50%;
	background: #866d4b; box-shadow: 0 0 0 2px #fff;
}
.evg-compte .evg-compte__icone:focus-visible { outline: 2px solid #866d4b; outline-offset: 2px; }

.evg-compte__fenetre {
	width: min(380px, calc(100vw - 32px)); padding: 0; border: 0; border-radius: 0;
	background: #fff; color: #222; box-shadow: 0 20px 60px rgb(0 0 0 / .3);
}
.evg-compte__fenetre::backdrop { background: rgb(0 0 0 / .5); }
.evg-compte__corps { position: relative; padding: 30px 28px 24px; }
.evg-compte__surtitre { margin: 0 0 16px; color: #866d4b; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.evg-compte__intro, .evg-compte__bonjour { margin: 0 0 16px; font-size: 15px; line-height: 1.45; }
.evg-compte .evg-compte__fermer, .evg-compte .evg-compte__fermer:hover, .evg-compte .evg-compte__fermer:focus {
	position: absolute; top: 8px; right: 10px; width: 34px; height: 34px; padding: 0;
	border: 0 !important; background: transparent !important; box-shadow: none !important; color: #666; font-size: 17px; cursor: pointer; min-height: 0;
}
.evg-compte__fenetre form { display: grid; gap: 12px; margin: 0; }
.evg-compte__fenetre form p { margin: 0; }
.evg-compte__fenetre label { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; }
.evg-compte__fenetre input[type="text"], .evg-compte__fenetre input[type="password"] {
	width: 100%; padding: 11px 12px; border: 1px solid #ccc; border-radius: 0; font: inherit; font-size: 15px;
}
.evg-compte__fenetre .login-remember label { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.evg-compte__fenetre .login-remember input { margin: 0; accent-color: #866d4b; }
.evg-compte__fenetre input[type="submit"], .evg-compte__bouton {
	display: block; width: 100%; margin-top: 4px; padding: 13px 20px; border: 1px solid #866d4b !important; border-radius: 0 !important;
	background: #866d4b !important; box-shadow: none !important; color: #fff !important; font: inherit; font-weight: 700;
	letter-spacing: .04em; text-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer;
}
.evg-compte__liens { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 8px; }
.evg-compte__liens a { color: #222; text-decoration: none; border-bottom: 1px solid #866d4b; }
.evg-compte__liens a:hover { color: #866d4b; }
.evg-compte__pied { margin: 16px 0 0; text-align: center; font-size: 13px; }
.evg-compte__pied a { color: #866d4b; }

/* L'en-tête aligne son contenu à droite : dans la fenêtre, on centre. */
.evg-compte__corps { text-align: center; }
.evg-compte__fenetre label, .evg-compte__liens { text-align: center; }
.evg-compte__fenetre .login-remember label { justify-content: center; }
.evg-compte__fenetre input[type="text"], .evg-compte__fenetre input[type="password"] { text-align: center; }
.evg-compte__liens a { display: inline-block; }

/* ── Espace client : tableau des commandes ────────────────────────────────────────── */
/* Le thème peint les tableaux dans sa couleur d'accent (un bleu-gris) et efface les
   séparations : on reprend la main pour l'espace client. */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table,
.woocommerce-account table.woocommerce-orders-table {
	width: 100%; border-collapse: collapse; border: 1px solid #e6e2dc; background: #fff !important; font-size: 15px;
}
.woocommerce-account table.shop_table thead th,
.woocommerce-account table.woocommerce-orders-table thead th {
	padding: 14px 16px; background: #f6f3ef !important; border: 0 !important; border-bottom: 2px solid #866d4b !important;
	color: #111 !important; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: left;
}
.woocommerce-account table.shop_table tbody td,
.woocommerce-account table.woocommerce-orders-table tbody td {
	padding: 14px 16px; background: #fff !important; border: 0 !important; border-bottom: 1px solid #ece8e2 !important;
	color: #333 !important; vertical-align: middle;
}
.woocommerce-account table.shop_table tbody tr:last-child td { border-bottom: 0 !important; }
.woocommerce-account table.shop_table tbody tr:hover td { background: #faf8f5 !important; }
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-number a { color: #111; font-weight: 700; text-decoration: none; border-bottom: 1px solid #866d4b; }
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-total { font-variant-numeric: tabular-nums; }
/* Le bouton « Voir » de chaque ligne. */
.woocommerce-account table.shop_table .woocommerce-button,
.woocommerce-account table.shop_table .woocommerce-button:hover {
	display: inline-block; padding: 8px 18px; border: 1px solid #866d4b !important; border-radius: 0 !important;
	background: transparent !important; box-shadow: none !important; color: #866d4b !important;
	font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; min-height: 0;
}
.woocommerce-account table.shop_table .woocommerce-button:hover { background: #866d4b !important; color: #fff !important; }

/* Menu de l'espace client. */
.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; border: 1px solid #e6e2dc; }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; border-bottom: 1px solid #ece8e2; }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 16px; color: #333; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: #f6f3ef; color: #866d4b; font-weight: 700; }

/* Sur mobile, WooCommerce empile les lignes : on garde les intitulés lisibles. */
@media (max-width: 700px) {
	.woocommerce-account table.shop_table_responsive tbody tr { display: block; border-bottom: 1px solid #ece8e2; }
	.woocommerce-account table.shop_table_responsive tbody td {
		display: flex; justify-content: space-between; gap: 16px; padding: 10px 14px; border-bottom: 0 !important; text-align: right;
	}
	.woocommerce-account table.shop_table_responsive tbody td::before { color: #666; font-weight: 700; text-align: left; }
}

/* Le numéro de commande est dans une cellule d'en-tête de ligne (th), pas dans un td :
   sans cela, il gardait la couleur de lien du thème. */
.woocommerce-account table.shop_table tbody th,
.woocommerce-account table.woocommerce-orders-table tbody th {
	padding: 14px 16px; background: #fff !important; border: 0 !important;
	border-bottom: 1px solid #ece8e2 !important; text-align: left; font-weight: 400;
}
.woocommerce-account table.shop_table tbody tr:hover th { background: #faf8f5 !important; }
.woocommerce-account table.shop_table tbody th a,
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-number a {
	color: #111 !important; font-weight: 700; text-decoration: none;
	border-bottom: 1px solid #866d4b; padding-bottom: 1px;
}
.woocommerce-account table.shop_table tbody th a:hover { color: #866d4b !important; }

/* « Voir » et « Ticket » se touchaient : leurs bordures formaient une barre. */
.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions {
	display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-items: center;
}
.woocommerce-account table.shop_table .woocommerce-button { white-space: nowrap; }
@media (max-width: 700px) {
	.woocommerce-account table.shop_table_responsive tbody th { display: flex; justify-content: space-between; gap: 16px; padding: 10px 14px; border-bottom: 0 !important; }
	.woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions { justify-content: flex-end; }
}

/* Le thème insère un « | » avant le second bouton d'actions (::before) : on l'enlève,
   l'espacement suffit. */
.woocommerce-account .woocommerce-button::before,
.woocommerce-account .woocommerce-button::after { content: none !important; }

/* Bouton de téléchargement du ticket, sur le détail d'une commande. */
.evg-compte__actions { margin: 22px 0 0; }
.woocommerce-account .evg-compte__ticket,
.woocommerce-account .evg-compte__ticket:hover,
.woocommerce-account .evg-compte__ticket:focus {
	display: inline-block; padding: 12px 26px; border: 1px solid #866d4b !important; border-radius: 0 !important;
	background: #866d4b !important; box-shadow: none !important; color: #fff !important;
	font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-decoration: none;
}
.woocommerce-account .evg-compte__ticket:hover { background: #6f5a3e !important; border-color: #6f5a3e !important; }