/**
 * Zone client (Mon compte WooCommerce) — Labeffiplex
 * Ciblage : body.efx-account-modern (page mes-commandes / my-account)
 */

/* -------------------------------------------------------------------------
   Conteneur principal — NE PAS toucher au display (thème Nika utilise table/table-cell)
   ------------------------------------------------------------------------- */
body.efx-account-modern .woocommerce {
	max-width: none !important;
	margin: 0 !important;
	padding: 20px 0 40px !important;
}

/* -------------------------------------------------------------------------
   Navigation latérale — garder width: auto pour le layout table-cell du thème
   ------------------------------------------------------------------------- */
body.efx-account-modern .woocommerce-MyAccount-navigation {
	width: auto !important;
	min-width: 220px !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid #e5e9e8 !important;
	border-radius: 12px !important;
	overflow: hidden !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-bottom: 1px solid #eef1f0 !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation li:last-child {
	border-bottom: none !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation a {
	display: block !important;
	padding: 14px 20px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #374948 !important;
	text-decoration: none !important;
	transition: background 0.2s ease, color 0.2s ease !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation a:hover {
	background: #f4f6f5 !important;
	color: #27484a !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation li.is-active a {
	background: #27484a !important;
	color: #fff !important;
}

body.efx-account-modern .woocommerce-MyAccount-navigation .tbay-my-account-avatar {
	padding: 20px !important;
	text-align: center !important;
	border-bottom: 1px solid #eef1f0 !important;
}

/* -------------------------------------------------------------------------
   Contenu principal (tableau, formulaires…)
   ------------------------------------------------------------------------- */
body.efx-account-modern .woocommerce-MyAccount-content {
	padding: 28px 24px 32px !important;
	background: #fff !important;
	border: 1px solid #e5e9e8 !important;
	border-radius: 12px !important;
	overflow-x: auto !important;
}

body.efx-account-modern .woocommerce-MyAccount-content > h2,
body.efx-account-modern .woocommerce-MyAccount-content .entry-title {
	margin: 0 0 24px !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	color: #1a3a3c !important;
}

/* -------------------------------------------------------------------------
   Tableau des commandes
   ------------------------------------------------------------------------- */
body.efx-account-modern .woocommerce-orders-table,
body.efx-account-modern .shop_table.my_account_orders {
	width: 100% !important;
	border: none !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

body.efx-account-modern .woocommerce-orders-table thead th,
body.efx-account-modern .shop_table.my_account_orders thead th {
	padding: 14px 16px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: #5a6968 !important;
	background: #f4f6f5 !important;
	border: none !important;
	border-bottom: 2px solid #e5e9e8 !important;
	text-align: left !important;
}

body.efx-account-modern .woocommerce-orders-table thead th:first-child,
body.efx-account-modern .shop_table.my_account_orders thead th:first-child {
	border-radius: 10px 0 0 0 !important;
}

body.efx-account-modern .woocommerce-orders-table thead th:last-child,
body.efx-account-modern .shop_table.my_account_orders thead th:last-child {
	border-radius: 0 10px 0 0 !important;
	text-align: right !important;
}

body.efx-account-modern .woocommerce-orders-table tbody tr,
body.efx-account-modern .shop_table.my_account_orders tbody tr {
	background: #fff !important;
	transition: background 0.2s ease !important;
}

body.efx-account-modern .woocommerce-orders-table tbody tr:nth-child(even),
body.efx-account-modern .shop_table.my_account_orders tbody tr:nth-child(even) {
	background: #fafbfa !important;
}

body.efx-account-modern .woocommerce-orders-table tbody tr:hover,
body.efx-account-modern .shop_table.my_account_orders tbody tr:hover {
	background: #f4f6f5 !important;
}

body.efx-account-modern .woocommerce-orders-table td,
body.efx-account-modern .woocommerce-orders-table th.woocommerce-orders-table__cell,
body.efx-account-modern .shop_table.my_account_orders td,
body.efx-account-modern .shop_table.my_account_orders th {
	padding: 16px !important;
	font-size: 14px !important;
	color: #374948 !important;
	border: none !important;
	border-bottom: 1px solid #eef1f0 !important;
}

body.efx-account-modern .woocommerce-orders-table td:last-child,
body.efx-account-modern .shop_table.my_account_orders td:last-child {
	text-align: right !important;
}

body.efx-account-modern .woocommerce-orders-table a:not(.button),
body.efx-account-modern .shop_table.my_account_orders a:not(.button) {
	color: #27484a !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

body.efx-account-modern .woocommerce-orders-table a:not(.button):hover,
body.efx-account-modern .shop_table.my_account_orders a:not(.button):hover {
	color: #3e9a2d !important;
	text-decoration: underline !important;
}

/* Bouton "Voir" */
body.efx-account-modern .woocommerce-orders-table .button,
body.efx-account-modern .shop_table.my_account_orders .button,
body.efx-account-modern .woocommerce-MyAccount-content .button {
	display: inline-block !important;
	padding: 10px 20px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #fff !important;
	background: #27484a !important;
	border: none !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	transition: background 0.2s ease, transform 0.15s ease !important;
}

body.efx-account-modern .woocommerce-orders-table .button:hover,
body.efx-account-modern .shop_table.my_account_orders .button:hover,
body.efx-account-modern .woocommerce-MyAccount-content .button:hover {
	background: #1a3a3c !important;
	color: #fff !important;
	transform: translateY(-1px) !important;
}

/* Message "Aucune commande" */
body.efx-account-modern .woocommerce-MyAccount-content .woocommerce-info,
body.efx-account-modern .woocommerce-MyAccount-content .woocommerce-message {
	padding: 18px 20px !important;
	background: #f4f6f5 !important;
	border-left: 4px solid #3e9a2d !important;
	border-radius: 8px !important;
	margin-bottom: 24px !important;
}

/* -------------------------------------------------------------------------
   Tableau My membership (WooCommerce Memberships) — éviter superposition
   ------------------------------------------------------------------------- */
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships {
	table-layout: fixed !important;
	width: 100% !important;
	min-width: 520px !important;
}

body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships th,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships td {
	white-space: normal !important;
	word-wrap: break-word !important;
	padding: 14px 12px !important;
	vertical-align: middle !important;
}

body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships th.membership-plan,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships td.membership-plan {
	width: 22% !important;
	min-width: 100px !important;
}

body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships th.membership-start-date,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships td.membership-start-date,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships th.membership-end-date,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships td.membership-end-date {
	width: 18% !important;
	min-width: 90px !important;
}

body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships th.membership-status,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships td.membership-status {
	width: 14% !important;
	min-width: 70px !important;
}

body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships th.membership-actions,
body.efx-account-modern .woocommerce-MyAccount-content .shop_table.my_account_memberships td.membership-actions {
	width: 14% !important;
	min-width: 90px !important;
	text-align: right !important;
}

/* Pas de grid : on garde le layout table/table-cell du thème Nika pour nav + content côte à côte */

/* -------------------------------------------------------------------------
   Formulaire de connexion (page non connecté)
   ------------------------------------------------------------------------- */
body.efx-account-modern .woocommerce-form-login,
body.efx-account-modern .woocommerce-form-register {
	max-width: 420px !important;
	padding: 28px !important;
	background: #fff !important;
	border: 1px solid #e5e9e8 !important;
	border-radius: 12px !important;
}

body.efx-account-modern .woocommerce-form-login .form-row,
body.efx-account-modern .woocommerce-form-register .form-row {
	margin-bottom: 18px !important;
}

body.efx-account-modern .woocommerce-form-login input[type="text"],
body.efx-account-modern .woocommerce-form-login input[type="password"],
body.efx-account-modern .woocommerce-form-login input[type="email"],
body.efx-account-modern .woocommerce-form-register input[type="text"],
body.efx-account-modern .woocommerce-form-register input[type="email"],
body.efx-account-modern .woocommerce-form-register input[type="password"] {
	width: 100% !important;
	padding: 12px 14px !important;
	border: 1px solid #d5dbd9 !important;
	border-radius: 8px !important;
	font-size: 15px !important;
}

body.efx-account-modern .woocommerce-form-login .button,
body.efx-account-modern .woocommerce-form-register .button {
	width: 100% !important;
	padding: 14px !important;
	margin-top: 8px !important;
}
