/* APA — Refonte visuelle de l'espace compte (module détachable)
   Identité APA : blanc/noir + aplats saturés, Gotham 800/900 en bas de casse,
   interlignage plus serré que le corps, angles vifs. Aucun rayon, aucune ombre. */

.apa-acct {
	--apa-cyan: #6EF3F2;
	--apa-cyan-pale: #DFFEFF;
	--apa-lav: #EAB3FF;
	--apa-yellow: #FDF8B6;
	--apa-green: #20DB96;
	--apa-orange: #F09239;
	--apa-blue: #0802F8;
	--apa-grey: #5B6A76;
	--apa-light: #F5F9FA;
}

.apa-acct .woocommerce-account,
.apa-acct .woocommerce {
	font-family: "Gotham", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #000;
}

/* ---------------------------------------------------------------- titres */
.apa-acct .woocommerce-MyAccount-content h1,
.apa-acct .woocommerce-MyAccount-content h2,
.apa-acct .woocommerce-MyAccount-content h3,
.apa-acct .entry-title {
	font-weight: 900 !important;
	text-transform: lowercase;
	letter-spacing: -.02em;
	line-height: .88;
	color: #000;
}

.apa-acct-greeting {
	font-size: 15px;
	line-height: 1.55;
	margin: 0 0 18px;
}
.apa-acct-greeting strong { font-weight: 800; }

/* ------------------------------------------------------------ navigation */
.apa-acct .woocommerce-MyAccount-navigation {
	border: 2px solid #000;
	background: #fff;
	padding: 0;
	margin-bottom: 22px;
}
.apa-acct .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.apa-acct .woocommerce-MyAccount-navigation li {
	margin: 0;
	border-bottom: 1px solid #ECEFF1;
}
.apa-acct .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0; }
.apa-acct .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 13px 16px;
	font-size: 14px;
	font-weight: 500;
	text-transform: lowercase;
	color: #000;
	text-decoration: none;
	transition: background .12s ease;
}
.apa-acct .woocommerce-MyAccount-navigation li a:hover { background: var(--apa-light); }
.apa-acct .woocommerce-MyAccount-navigation li.is-active > a,
.apa-acct .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard.is-active > a {
	background: var(--apa-light);
	font-weight: 800;
}
/* l'entrée Calendrier de l'Avent se distingue par un aplat cyan */
.apa-acct .woocommerce-MyAccount-navigation-link--calendrier-avent > a {
	background: var(--apa-cyan) !important;
	font-weight: 800 !important;
}
.apa-acct .woocommerce-MyAccount-navigation-link--calendrier-avent > a::after {
	content: "nouveau";
	float: right;
	background: var(--apa-blue);
	color: #fff;
	font-size: 9.5px;
	font-weight: 900;
	padding: 3px 7px;
	text-transform: lowercase;
}
.apa-acct .woocommerce-MyAccount-navigation-link--customer-logout > a { color: var(--apa-grey); }

/* ---------------------------------------------------------------- tableaux */
.apa-acct .woocommerce-MyAccount-content table.shop_table,
.apa-acct .woocommerce-orders-table,
.apa-acct .woocommerce-table--order-details {
	border: 2px solid #000 !important;
	border-radius: 0 !important;
	border-collapse: collapse;
	width: 100%;
}
.apa-acct .woocommerce-MyAccount-content table.shop_table thead th {
	background: #000 !important;
	color: #fff !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	text-transform: lowercase;
	letter-spacing: .01em;
	padding: 11px 20px !important;
	border: 0 !important;
}
.apa-acct .woocommerce-MyAccount-content table.shop_table tbody td {
	border: 0 !important;
	border-bottom: 1px solid #ECEFF1 !important;
	padding: 14px 20px !important;
	font-size: 13.5px;
	vertical-align: middle;
}
.apa-acct .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td { border-bottom: 0 !important; }

/* ---------------------------------------------------------------- boutons */
.apa-acct .woocommerce-MyAccount-content .button,
.apa-acct .woocommerce-MyAccount-content button.button,
.apa-acct .woocommerce-MyAccount-content input.button,
.apa-acct .woocommerce-Button,
.apa-acct-btn {
	background: var(--apa-blue) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 14px 24px !important;
	font-size: 14.5px !important;
	font-weight: 900 !important;
	text-transform: lowercase !important;
	line-height: 1.1 !important;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	transition: background .12s ease;
}
.apa-acct .woocommerce-MyAccount-content .button:hover,
.apa-acct-btn:hover { background: #000 !important; color: #fff !important; }

.apa-acct .woocommerce-MyAccount-content .woocommerce-button--view {
	background: transparent !important;
	color: var(--apa-blue) !important;
	padding: 0 !important;
	font-weight: 700 !important;
	font-size: 13px !important;
}

/* ------------------------------------------------------------ formulaires */
.apa-acct .woocommerce-MyAccount-content input[type="text"],
.apa-acct .woocommerce-MyAccount-content input[type="email"],
.apa-acct .woocommerce-MyAccount-content input[type="tel"],
.apa-acct .woocommerce-MyAccount-content input[type="password"],
.apa-acct .woocommerce-MyAccount-content select,
.apa-acct .woocommerce-MyAccount-content textarea {
	border: 2px solid #000 !important;
	border-radius: 0 !important;
	padding: 11px 13px !important;
	font-size: 14px;
	background: #fff !important;
}
.apa-acct .woocommerce-MyAccount-content label {
	font-size: 12.5px;
	font-weight: 800;
	text-transform: lowercase;
}

/* ---------------------------------------------------------------- messages */
.apa-acct .woocommerce-message,
.apa-acct .woocommerce-info,
.apa-acct .woocommerce-error {
	border-radius: 0 !important;
	border: 0 !important;
	border-left: 5px solid var(--apa-blue) !important;
	background: var(--apa-light) !important;
	color: #000 !important;
	font-size: 14px;
}
.apa-acct .woocommerce-message { border-left-color: var(--apa-green) !important; }
.apa-acct .woocommerce-error   { border-left-color: var(--apa-orange) !important; }

/* ---------------------------------------------------------------- mobile */
@media (max-width: 900px) {
	.apa-acct .woocommerce-MyAccount-content table.shop_table thead { display: none; }
	.apa-acct .woocommerce-MyAccount-content table.shop_table tbody td { display: block; padding: 8px 14px !important; }
}