/* ============================================================
   DISCOMATON — Espace client
   Surcouche de l'espace « Mon compte » WooCommerce.
   Tout est scopé à .woocommerce-account (ou aux classes .dcma-*)
   pour ne rien affecter ailleurs sur le site.
   Polices Montserrat / Raleway : déjà fournies par le thème.
   ============================================================ */

.woocommerce-account {
	--dc-ink: #000;
	--dc-body: #1a1a1a;
	--dc-bg: #fff;
	--dc-surface: #f6f7f6;
	--dc-line: #e3e5e3;
	--dc-green: #40ce9d;
	--dc-green-ink: #0c6b3f;
	--dc-green-pale: #eaf7f1;
	--dc-muted: #5c625e;
	--dc-coal: #23272a;
	--dc-cream: #efece4;
	--dc-amber-bg: #faeeda;
	--dc-amber-ink: #854f0b;
	--dc-radius: 12px;
	--dc-radius-sm: 8px;
	--dc-radius-btn: 10px;
}

/* ---------- Boutons (style A : vert vif + encre foncée, carrés) ---------- */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce a.button,
.dcma-btn {
	background: var(--dc-green);
	color: #06231a;
	border: 0;
	border-radius: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 13px;
	line-height: 1.2;
	padding: 14px 22px;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	transition: filter 0.18s ease;
}
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.dcma-btn:hover {
	filter: brightness(0.94);
	color: #06231a;
}
.woocommerce-account .woocommerce a.button:focus-visible,
.woocommerce-account .woocommerce button.button:focus-visible,
.dcma-btn:focus-visible {
	outline: 3px solid var(--dc-green-ink);
	outline-offset: 2px;
}
/* Focus clavier visible sur TOUS les interactifs, liens inclus (WCAG 2.4.7). */
.woocommerce-account a:focus-visible,
.dcma-login a:focus-visible,
.dcma-quick__item:focus-visible,
.woocommerce-MyAccount-navigation-link a:focus-visible,
.woocommerce-account .woocommerce-Address-title .edit:focus-visible,
.woocommerce-account .show-password-input:focus-visible {
	outline: 3px solid var(--dc-green-ink);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Liens : vert marque (jamais le rose du thème) */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.dcma-btn):not(.dcma-quick__item),
.dcma-login a:not(.button) {
	color: var(--dc-green-ink);
}

/* ============================================================
   ÉCRAN DE CONNEXION  (panneau atelier injecté + formulaire natif)
   ============================================================ */
.dcma-login {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border: 1px solid var(--dc-line);
	background: var(--dc-bg);
	max-width: 1040px;
	margin: 0 auto;
	overflow: hidden;
}

/* --- Panneau atelier (gauche) --- */
.dcma-brand {
	background: var(--dc-coal);
	color: #e7ebe9;
	padding: 54px 40px 46px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.dcma-brand__logo {
	position: absolute;
	top: 24px;
	left: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size: 15px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #fff;
}
.dcma-vinyl {
	width: 204px;
	height: 204px;
	margin: 0 auto 30px;
}
.dcma-vinyl__grooves {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
	animation: dcma-spin 11s linear infinite;
}
.dcma-vinyl__grooves svg {
	display: block;
	width: 100%;
	height: 100%;
}
.dcma-vinyl__label {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 37%;
	height: 37%;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 6px rgba(0, 0, 0, 0.14);
}
.dcma-vinyl__label img {
	width: 68%;
	height: 68%;
	object-fit: contain;
	display: block;
}
.dcma-brand__title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 25px;
	line-height: 1.15;
	color: #fff;
	margin: 0 0 13px;
}
.dcma-brand__sub {
	font-size: 15px;
	line-height: 1.55;
	color: #c8cfcb;
	max-width: 34ch;
	margin: 0 0 24px;
}
.dcma-brand__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.dcma-brand__list li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 14.5px;
	color: #e7ebe9;
}
.dcma-check {
	color: var(--dc-green);
	flex: none;
}

/* --- Colonne formulaire (droite) : on empile connexion puis inscription --- */
.dcma-login__forms {
	padding: 46px 44px;
}
.dcma-login__forms #customer_login.u-columns,
.dcma-login__forms #customer_login {
	display: block;
	margin: 0;
}
.dcma-login__forms #customer_login .u-column1,
.dcma-login__forms #customer_login .u-column2,
.dcma-login__forms #customer_login .col-1,
.dcma-login__forms #customer_login .col-2 {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
.dcma-login__forms #customer_login .u-column2,
.dcma-login__forms #customer_login .col-2 {
	margin-top: 30px;
	padding-top: 28px;
	border-top: 1px solid var(--dc-line);
}
.dcma-login__forms h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 22px;
	color: var(--dc-ink);
	margin: 0 0 6px;
}
.dcma-login__forms .woocommerce-form-row label,
.dcma-login__forms label {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--dc-ink);
}
.dcma-login__forms input[type='text'],
.dcma-login__forms input[type='email'],
.dcma-login__forms input[type='password'] {
	width: 100%;
	border: 1px solid var(--dc-line);
	border-radius: 0;
	padding: 12px 14px;
	background: #fff;
	color: var(--dc-ink);
	transition: border-color 0.15s, box-shadow 0.15s;
}
.dcma-login__forms input:focus {
	outline: 0;
	border-color: var(--dc-green-ink);
	box-shadow: 0 0 0 3px rgba(12, 107, 63, 0.18);
}
.dcma-login__forms .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
}

/* ============================================================
   ZONE CONNECTÉE — menu latéral + contenu
   (scopé .logged-in pour ne pas toucher l'écran de connexion)
   ============================================================ */
.logged-in.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 244px minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}
/* Les notices WooCommerce (« Adresse mise à jour ») sont enfants directs de .woocommerce :
   sans ça elles deviennent un item de grille coincé sous le menu. On les remet pleine largeur. */
.logged-in.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

/* --- Menu --- */
.woocommerce-MyAccount-navigation {
	background: var(--dc-surface);
	border: 1px solid var(--dc-line);
}
.woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}
.woocommerce-MyAccount-navigation-link a {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 12px 20px;
	color: var(--dc-body);
	text-decoration: none;
	font-size: 14.5px;
	font-weight: 500;
	border-left: 3px solid transparent;
	transition: background 0.15s, color 0.15s;
}
/* Icône (SVG inline via mask : hérite la couleur du lien, gris → vert si actif). */
.woocommerce-MyAccount-navigation-link a::before {
	content: "";
	width: 20px;
	height: 20px;
	flex: none;
	background-color: currentColor;
	-webkit-mask: var(--dcma-ico, none) center / contain no-repeat;
	mask: var(--dcma-ico, none) center / contain no-repeat;
}
.woocommerce-MyAccount-navigation-link a:hover {
	background: #eef0ee;
}
.woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--dc-green-pale);
	border-left-color: var(--dc-green);
	color: var(--dc-green-ink);
	font-weight: 600;
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--dc-muted);
}

/* Icônes par entrée (SVG outline encodés ; mask = teinte automatique). */
.woocommerce-MyAccount-navigation-link--dashboard a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--orders a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8v8a2 2 0 0 1-1 1.73l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.73l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8z'/%3E%3Cpath d='M3.27 7 12 12l8.73-5'/%3E%3Cpath d='M12 22V12'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--downloads a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 21h14'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-address a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--payment-methods a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-account a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--wt-smart-coupon a,
.woocommerce-MyAccount-navigation-link--coupons a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v1a2 2 0 0 0 0 4v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1a2 2 0 0 0 0-4z'/%3E%3Cpath d='M13 7v10'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}

/* --- Contenu --- */
.woocommerce-MyAccount-content {
	font-size: 15px;
	line-height: 1.6;
	color: var(--dc-body);
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--dc-ink);
}

/* ============================================================
   TABLEAU DE BORD (template surchargé)
   ============================================================ */
.dcma-dash__hello {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 25px;
	color: var(--dc-ink);
	margin: 0 0 6px;
}
.dcma-dash__welcome {
	color: var(--dc-muted);
	margin: 0 0 26px;
	font-size: 15px;
}
.dcma-card {
	border: 1px solid var(--dc-line);
}
.dcma-card__title {
	font-size: 13px !important;
	letter-spacing: 0.14em !important;
	margin: 0 !important;
	padding: 13px 20px;
	border-bottom: 1px solid var(--dc-line);
	background: var(--dc-surface);
}
.dcma-lastorder__row {
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 20px;
	flex-wrap: wrap;
}
.dcma-lastorder__disc {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	flex: none;
	position: relative;
	border: 1px solid var(--dc-line);
	background: repeating-radial-gradient(circle at 50% 50%, var(--dc-cream) 0 1.5px, #e2ded4 1.5px 3.5px);
}
.dcma-lastorder__disc::after {
	content: '';
	position: absolute;
	inset: 40%;
	border-radius: 50%;
	background: var(--dc-green);
}
.dcma-lastorder__meta {
	flex: 1;
	min-width: 180px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.dcma-lastorder__no {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: 0.03em;
	font-size: 16px;
	color: var(--dc-ink);
}
.dcma-lastorder__sub {
	color: var(--dc-muted);
	font-size: 13.5px;
}
.dcma-pill {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 600;
	padding: 5px 12px;
	background: var(--dc-surface);
	color: var(--dc-muted);
}
.dcma-pill::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
}
.dcma-pill--processing,
.dcma-pill--on-hold {
	background: var(--dc-amber-bg);
	color: var(--dc-amber-ink);
}
.dcma-pill--completed {
	background: var(--dc-green-pale);
	color: var(--dc-green-ink);
}
.dcma-pill--cancelled,
.dcma-pill--failed,
.dcma-pill--refunded {
	background: #f6e6e6;
	color: #a32d2d;
}

/* Accès rapides */
.dcma-quick {
	margin-top: 24px;
	border: 1px solid var(--dc-line);
}
.dcma-quick__item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 15px 20px;
	text-decoration: none;
	color: var(--dc-body) !important;
	border-bottom: 1px solid var(--dc-line);
	transition: background 0.15s;
}
.dcma-quick__item:last-child {
	border-bottom: 0;
}
.dcma-quick__item:hover {
	background: var(--dc-surface);
}
.dcma-quick__txt strong {
	display: block;
	font-weight: 600;
	color: var(--dc-ink);
	font-size: 15px;
}
.dcma-quick__txt small {
	color: var(--dc-muted);
	font-size: 13px;
}
.dcma-count {
	margin-left: auto;
	background: var(--dc-green-pale);
	color: var(--dc-green-ink);
	font-weight: 600;
	font-size: 12.5px;
	padding: 3px 10px;
	border-radius: 999px;
}

/* ============================================================
   COMMANDES — tableau densifié, actions espacées
   ============================================================ */
.woocommerce-account .woocommerce-orders-table {
	border-collapse: collapse;
	width: 100%;
}
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--dc-line);
	vertical-align: middle;
}
.woocommerce-account .woocommerce-orders-table thead th {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	color: var(--dc-ink);
	background: var(--dc-surface);
}
/* Actions : éviter le « VoirTrack Order » collé */
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
	font-size: 11px;
	padding: 9px 14px;
	margin: 0;
}

/* ============================================================
   ADRESSES — titres ramenés à une taille saine, liens verts
   ============================================================ */
.woocommerce-account .woocommerce-Addresses {
	margin-top: 8px;
}
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-Address h3 {
	font-size: 16px !important;
	letter-spacing: 0.08em !important;
	margin: 0 0 12px !important;
}
.woocommerce-account .woocommerce-Address-title .edit {
	color: var(--dc-green-ink);
	font-weight: 600;
	font-size: 13px;
}

/* ============================================================
   COORDONNÉES (edit-account)
   ============================================================ */
/* Chaque ligne : label AU-DESSUS du champ (sinon ils se chevauchent). */
.woocommerce-account .woocommerce-EditAccountForm p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin: 0 0 16px;
}
.woocommerce-account .woocommerce-EditAccountForm label {
	display: block;
	font-weight: 600;
	font-size: 13.5px;
	color: var(--dc-ink);
}
.woocommerce-account .woocommerce-EditAccountForm span.woocommerce-input-wrapper {
	width: 100%;
}
.woocommerce-account .woocommerce-EditAccountForm input.input-text,
.woocommerce-account .woocommerce-EditAccountForm input[type='text'],
.woocommerce-account .woocommerce-EditAccountForm input[type='email'],
.woocommerce-account .woocommerce-EditAccountForm input[type='password'] {
	width: 100%;
	max-width: 440px;
	border: 1px solid var(--dc-line);
	border-radius: 0;
	padding: 12px 14px;
}
/* Le « * » obligatoire ne casse pas le label en colonne. */
.woocommerce-account .woocommerce-EditAccountForm label .required {
	color: var(--dc-green-ink);
	border: 0;
}
.woocommerce-account .woocommerce-EditAccountForm input:focus {
	outline: 0;
	border-color: var(--dc-green-ink);
	box-shadow: 0 0 0 3px rgba(12, 107, 63, 0.18);
}
.woocommerce-account .woocommerce-EditAccountForm fieldset {
	border: 1px solid var(--dc-line);
	padding: 16px 18px;
	margin-top: 20px;
}
.woocommerce-account .woocommerce-EditAccountForm legend {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 13px;
	padding: 0 6px;
}

/* ============================================================
   Bouton « Afficher le mot de passe » — réparé
   (le thème le rendait en carré vert plein sans icône)
   ============================================================ */
.woocommerce-account .woocommerce form .password-input {
	position: relative;
	display: block;
}
.woocommerce-account .show-password-input {
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: transparent !important;
	border: 0;
	cursor: pointer;
}
.woocommerce-account .show-password-input::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background-color: var(--dc-muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
.woocommerce-account .show-password-input.display-password::after {
	background-color: var(--dc-green-ink);
}

@keyframes dcma-spin {
	to {
		transform: rotate(360deg);
	}
}
@media (prefers-reduced-motion: reduce) {
	.dcma-vinyl__grooves {
		animation: none;
	}
}

/* ============================================================
   ARRONDI (coins doux) + neutralisation du thème sur le menu.
   Notre CSS est chargé APRÈS le thème (enqueue priorité 999) → on gagne
   à spécificité égale, SANS !important. Le thème cible le menu actif via
   « .woocommerce-MyAccount-navigation li.is-active » (avec `li`) : on l'égale.
   ============================================================ */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce a.button,
.dcma-btn {
	border-radius: var(--dc-radius-btn);
}
.dcma-login__forms input[type='text'],
.dcma-login__forms input[type='email'],
.dcma-login__forms input[type='password'],
.woocommerce-account .woocommerce-EditAccountForm input.input-text,
.woocommerce-account .woocommerce-EditAccountForm input[type='text'],
.woocommerce-account .woocommerce-EditAccountForm input[type='email'],
.woocommerce-account .woocommerce-EditAccountForm input[type='password'] {
	border-radius: var(--dc-radius-sm);
}
.dcma-login,
.woocommerce-MyAccount-navigation,
.dcma-card,
.dcma-quick {
	border-radius: var(--dc-radius);
	overflow: hidden;
}

/* Menu : casse normale (le thème force MAJUSCULES) + item actif propre
   (le thème met un fond vif + texte blanc + icône blanche → le « calque »). */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	text-transform: none;
	letter-spacing: normal;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active {
	background: transparent;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--dc-green-pale);
	color: var(--dc-green-ink);
	border-left-color: var(--dc-green);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
	background-color: var(--dc-green-ink);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 860px) {
	.logged-in.woocommerce-account .woocommerce {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.woocommerce-MyAccount-navigation ul {
		display: flex;
		flex-wrap: wrap;
		padding: 6px;
	}
	.woocommerce-MyAccount-navigation-link a {
		border-left: 0;
		border-bottom: 3px solid transparent;
		padding: 10px 14px;
	}
	.woocommerce-MyAccount-navigation-link.is-active a {
		border-left: 0;
		border-bottom-color: var(--dc-green);
	}
}
@media (max-width: 720px) {
	.dcma-login {
		grid-template-columns: 1fr;
	}
	.dcma-brand {
		padding: 40px 28px;
		min-height: 0;
	}
	.dcma-vinyl {
		width: 150px;
		height: 150px;
	}
	.dcma-login__forms {
		padding: 32px 26px;
	}
}

/* ============================================================
   ONGLET « MES CRÉATIONS »
   ============================================================ */
.woocommerce-MyAccount-navigation-link--mes-creations a {
	--dcma-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='1.6'/%3E%3C/svg%3E");
}

.dcma-creations__intro {
	color: var(--dc-muted);
	font-size: 14.5px;
	margin: 0 0 22px;
	max-width: 70ch;
}
.dcma-creations__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.dcma-creation {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 18px;
	border: 1px solid var(--dc-line);
	border-radius: var(--dc-radius);
	background: var(--dc-bg);
	flex-wrap: wrap;
	transition: opacity 0.2s ease, transform 0.26s ease;
}
.dcma-creation.is-busy {
	opacity: 0.6;
}
.dcma-creation.is-removed {
	opacity: 0;
	transform: translateX(-16px);
}

/* Aperçu */
.dcma-creation__media {
	position: relative;
	width: 76px;
	height: 76px;
	flex: none;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--dc-line);
	background: var(--dc-surface);
}
.dcma-creation__thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.dcma-creation__count {
	position: absolute;
	right: 4px;
	bottom: 4px;
	background: rgba(13, 15, 14, 0.82);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	padding: 1px 7px;
	border-radius: 999px;
}
.dcma-creation__disc {
	position: absolute;
	inset: 6px;
	border-radius: 50%;
	background: repeating-radial-gradient(circle at 50% 50%, var(--dc-cream) 0 1.5px, #e2ded4 1.5px 3.5px);
}
.dcma-creation__disc::after {
	content: '';
	position: absolute;
	inset: 40%;
	border-radius: 50%;
	background: var(--dc-green);
}

/* Infos */
.dcma-creation__body {
	flex: 1;
	min-width: 200px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.dcma-pill--print {
	background: var(--dc-green-pale);
	color: var(--dc-green-ink);
}
.dcma-pill--audio {
	background: #e7eaee;
	color: #343b42;
}
.dcma-creation__body .dcma-pill {
	align-self: flex-start;
	margin-bottom: 2px;
}
.dcma-creation__name {
	font-weight: 600;
	font-size: 15.5px;
	color: var(--dc-ink);
	text-decoration: none;
}
a.dcma-creation__name:hover {
	color: var(--dc-green-ink);
	text-decoration: underline;
}
.dcma-creation__summary {
	margin: 0;
	font-size: 14px;
	color: var(--dc-body);
}
.dcma-creation__meta {
	margin: 0;
	font-size: 12.5px;
	color: var(--dc-muted);
}

/* Actions */
.dcma-creation__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: none;
	margin-left: auto;
}
.dcma-btn--sm {
	font-size: 12px;
	padding: 11px 16px;
}
.dcma-creation__remove {
	border: 1px solid var(--dc-line);
	background: #fff;
	color: var(--dc-muted);
	border-radius: var(--dc-radius-btn);
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	padding: 10px 15px;
	cursor: pointer;
	transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.dcma-creation__remove:hover {
	color: #a32d2d;
	border-color: #e0b4b4;
	background: #fdf3f3;
}
.dcma-creation__remove:focus-visible {
	outline: 3px solid var(--dc-green-ink);
	outline-offset: 2px;
}
.dcma-creation__remove:disabled {
	cursor: default;
	opacity: 0.7;
}
.dcma-creation__error {
	flex-basis: 100%;
	margin: 6px 0 0;
	font-size: 13px;
	color: #a32d2d;
}
.dcma-creation__error:empty {
	display: none;
}
/* Région live (annonces lecteur d'écran) — visuellement cachée. */
.dcma-creations__live {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

/* État vide */
.dcma-empty {
	text-align: center;
	padding: 44px 24px;
	border: 1px dashed var(--dc-line);
	border-radius: var(--dc-radius);
	background: var(--dc-surface);
}
.dcma-empty__disc {
	display: inline-block;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	position: relative;
	margin-bottom: 16px;
	border: 1px solid var(--dc-line);
	background: repeating-radial-gradient(circle at 50% 50%, var(--dc-cream) 0 1.5px, #e2ded4 1.5px 3.5px);
}
.dcma-empty__disc::after {
	content: '';
	position: absolute;
	inset: 40%;
	border-radius: 50%;
	background: var(--dc-green);
}
.dcma-empty__title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 17px;
	color: var(--dc-ink);
	margin: 0 0 8px;
}
.dcma-empty__text {
	color: var(--dc-muted);
	font-size: 14.5px;
	max-width: 46ch;
	margin: 0 auto 20px;
}

@media (prefers-reduced-motion: reduce) {
	.dcma-creation {
		transition: opacity 0.15s ease;
	}
	.dcma-creation.is-removed {
		transform: none;
	}
}
@media (max-width: 600px) {
	.dcma-creation__actions {
		margin-left: 0;
		width: 100%;
	}
	.dcma-creation__actions .dcma-btn,
	.dcma-creation__remove {
		flex: 1;
		justify-content: center;
		text-align: center;
	}
}

/* ============================================================
   PAGE COMMANDE (view-order) : badges, tableau détaillé, adresses
   ============================================================ */
/* Badges n°/date/statut — le thème les mettait en rose (#af476f). */
.woocommerce-account .woocommerce-MyAccount-content mark {
	background: var(--dc-green-pale);
	color: var(--dc-green-ink);
	border-radius: 999px;
	padding: 2px 11px;
	font-weight: 600;
}
.woocommerce-account .woocommerce-table--order-details {
	border: 1px solid var(--dc-line);
	border-radius: var(--dc-radius);
	overflow: hidden;
}
.woocommerce-account .woocommerce-table--order-details thead th {
	background: var(--dc-surface);
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	padding: 14px 16px;
}
.woocommerce-account .woocommerce-table--order-details td,
.woocommerce-account .woocommerce-table--order-details tfoot th {
	padding: 14px 16px;
	border-top: 1px solid var(--dc-line);
	vertical-align: top;
}
/* Image générique du produit ramenée à une vignette (était 300×300). */
.woocommerce-account .woocommerce-table--order-details td img {
	max-width: 84px;
	height: auto;
	border-radius: 10px;
	display: block;
}
/* Adresses en bas de commande : titres ramenés à une taille saine (étaient à 44px). */
.woocommerce-account .woocommerce-customer-details h2,
.woocommerce-account .woocommerce-customer-details .woocommerce-column__title {
	font-size: 16px;
	letter-spacing: 0.08em;
	margin: 0 0 12px;
}