/**
 * Dahu Theme Annad 2026 — espace « Mon compte » (maquettes « Espace Mon compte » et « Mes commandes »).
 *
 * Écrans PROPRES à Mon compte uniquement (sidebar, tableau de bord, commandes, supports). Le socle
 * de la zone claire — tokens, fond, cartes, champs, boutons, tableaux — est partagé avec la FAQ et le
 * Panier dans light-zone.css (classe .annad-light-page) : ne rien redéfinir ici qui y figure déjà.
 * Portée stricte : règles préfixées .annad-account-page (posée par page.php à côté de .annad-light-page)
 * ou classes propres à l'espace client. Le bandeau photo (banner.css) reste sombre, hors conteneur.
 *
 * Écrans sans maquette (connexion, adresses, moyens de paiement, détails du compte, devis, supports) :
 * mêmes cartes, champs et boutons, sur le markup WooCommerce standard.
 * Mobile-first, breakpoints 40em / 64em ; grilles internes en requêtes de conteneur (largeur de la
 * colonne de contenu, qui dépend de la sidebar).
 */


/* ---------- Grille sidebar + écran ---------- */

.annad-account {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
}

@media (min-width: 64em) {
	.annad-account {
		grid-template-columns: 18.5rem minmax(0, 1fr); /* ~24 % de la largeur utile (maquette) */
		gap: 3rem;
		align-items: start;
	}
}

.annad-account__content {
	container-type: inline-size;
	min-width: 0;
}

.annad-account__title {
	margin-bottom: 1.75rem;
	font-family: var(--font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2rem);
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
}

.annad-account__empty {
	color: var(--light-muted);
}

/* ---------- Sidebar ---------- */

.annad-account-nav__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/*Largeur 100% */

.woocommerce-account .woocommerce-MyAccount-navigation{
width:100%;}

/* Contenu : woocommerce.css impose 68 % en flottant à droite ; la largeur vient de la grille .annad-account */
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

@media (min-width: 64em) {
	.annad-account-nav__list {
		grid-template-columns: minmax(0, 1fr);
	}
}

.annad-account-nav__link {
	display: block;
	padding: 0.875rem 1.25rem;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
	color: var(--color-on-surface-light);
	background-color: transparent;
	border: 0;
	border-radius: 0.5rem;
	transition: background-color var(--transition), box-shadow var(--transition);
}

/* Même effet que les catégories du mega menu (.mega-cat__head, mega-menu.css) : fond clair + ombre
   au survol, au focus clavier et sur l'élément actif (un seul actif : classe WooCommerce ou aria-current). */
.annad-account-nav__link:hover,
.annad-account-nav__link:focus-visible,
.annad-account-nav__item.is-active .annad-account-nav__link,
.annad-account-nav__link[aria-current="page"] {
	background-color: var(--color-on-surface);
	box-shadow: var(--shadow);
}

/* ---------- Cartes (tableau de bord, écrans sans maquette) ---------- */


.annad-account-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-bottom: 1.25rem;
}

.annad-account-card__head .annad-account-card__title {
	margin-bottom: 0;
}

.annad-account-card__title {
	margin-bottom: 1.25rem;
	font-family: var(--font-heading);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.3;
}

.annad-account-card__title a {
	text-decoration: none;
}

.annad-account-card__title a:hover {
	text-decoration: underline;
}

.annad-account-card__kicker {
	display: block;
	text-transform: uppercase;
}

/* Liens d'action discrets à droite du titre (« Changer le mot de passe », « Modifier », facture) */
.annad-account-card__action {
	max-width: 10rem;
	font-size: 0.75rem;
	line-height: 1.3;
	text-align: right;
	text-decoration: none;
	color: var(--light-soft);
}

.annad-account-card__action:hover {
	color: var(--color-on-surface-light);
	text-decoration: underline;
}

.annad-account-card__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2.5rem;
	margin: 0;
}

.annad-account-card__facts--addresses {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

@container (min-width: 36rem) {
	.annad-account-card__facts--addresses {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Libellés en petites capitales grises */
.annad-account-card__facts dt,
.annad-account-card__label,
.annad-order__address-label {
	margin-bottom: 0.25rem;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--light-muted);
}

.annad-account-card__facts dd {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
}

.annad-account-card__facts address {
	font-style: normal;
	font-weight: 500;
	line-height: 1.35;
}

.annad-account-card__text,
.annad-account-card__links,
.annad-account-card__items {
	font-size: 0.875rem;
	line-height: 1.5;
}

.annad-account-card__text {
	font-weight: 600;
}

.annad-account-card__links,
.annad-account-card__items {
	margin: 0;
	padding: 0;
	list-style: none;
}

.annad-account-card__links a {
	font-weight: 600;
	text-decoration: none;
}

.annad-account-card__links a:hover {
	text-decoration: underline;
}

.annad-account-card__meta {
	font-size: 0.75rem;
	color: var(--light-muted);
}

.annad-account-card__meta a {
	text-decoration: none;
}

.annad-account-card__strong {
	font-size: 0.875rem;
	font-weight: 600;
}

.annad-account-card__items {
	font-size: 0.8125rem;
	color: var(--light-muted);
}

/* ---------- Tableau de bord ----------
   Ligne 1 : Mon compte | Vos identifiants ; ligne 2 : Information du compte (pleine largeur) ;
   ligne 3 : Dernière commande | Supports + Nous contacter. Proportions de la maquette ≈ 43 / 57 %. */

.annad-dashboard {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
}

@container (min-width: 40rem) {
	.annad-dashboard {
		grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
		gap: 2rem 2.25rem;
	}

	.annad-dashboard__addresses {
		grid-column: 1 / -1;
	}
}

.annad-dashboard__account .annad-account-card__title {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}

.annad-dashboard__order-body {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem;
}

.annad-dashboard__total {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.annad-dashboard__total .annad-account-card__label {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--color-on-surface-light);
}

.annad-dashboard__total-value {
	font-size: 1.375rem;
	font-weight: 800;
	line-height: 1.1;
}

.annad-dashboard__help {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
}

@container (min-width: 22rem) {
	.annad-dashboard__help {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Supports ---------- */

.annad-supports {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.875rem;
	font-weight: 600;
}

.annad-supports__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
}

.annad-supports__link:hover span:first-child {
	text-decoration: underline;
}

.annad-supports__icon {
	flex: 0 0 auto;
	color: var(--light-soft);
}

/* Écran « Supports » (sans maquette) : la liste prend la forme d'une carte */
.annad-account__content > .annad-supports {
	display: grid;
	gap: 0.75rem;
	padding: 1.5rem;
	background: var(--light-card);
	border-radius: var(--light-card-radius);
}

/* ---------- Mes commandes : filtre par année ---------- */

.annad-orders-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
	margin: -0.75rem 0 1.25rem;
}

/* Pilule grise avec chevron dessiné en CSS (dégradés : couleur héritée du texte, aucune image) */
.annad-orders-filter__select {
	min-height: 2.5rem;
	padding: 0.5rem 2.75rem 0.5rem 1rem;
	font: inherit;
	font-size: 1rem;
	font-weight: 500;
	color: var(--color-on-surface-light);
	background-color: var(--color-light-card-top);
	background-image:
		linear-gradient(45deg, transparent 50%, currentColor 50%),
		linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position:
		calc(100% - 1.25rem) 55%,
		calc(100% - 0.9rem) 55%;
	background-size: 0.35rem 0.35rem;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 999px;
	appearance: none;
}

.annad-orders-filter__submit.annad-btn {
	min-height: 2.5rem;
	padding: 0.375rem 1rem;
	font-size: 0.875rem;
}

/* ---------- Mes commandes : cartes ---------- */

.annad-orders {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.annad-order {
	padding: 0.5rem;
	border: 1px solid var(--light-line);
	border-radius: calc(var(--light-card-radius) + 0.25rem);
}

/* En-tête (toujours visible) : 3 valeurs, facture, chevron ; puis bloc adresse */
.annad-order__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 1rem;
	padding: 1.25rem;
	background: var(--light-card);
	border-radius: var(--light-card-radius);
}

@container (min-width: 36rem) {
	.annad-order__head {
		grid-template-columns: minmax(0, 1fr) auto auto;
		padding: 1.25rem 1.5rem;
	}
}

.annad-order__summary {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 2.5rem;
	margin: 0;
}

@container (min-width: 36rem) {
	.annad-order__summary {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.annad-order__summary dt {
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 700;
}

.annad-order__summary dd {
	margin: 0;
	font-size: 1rem;
	font-weight: 500;
}

.annad-order__invoice {
	grid-column: 1 / -1;
	grid-row: 2;
	align-self: center;
	font-size: 0.75rem;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@container (min-width: 36rem) {
	.annad-order__invoice {
		grid-column: auto;
		grid-row: 1;
		align-self: start;
		padding-top: 0.125rem;
	}
}

.annad-order__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	color: inherit;
	background: none;
	border: 0;
	border-radius: 50%;
	grid-column: -2;
	grid-row: 1;
}

/* Sans JS : bouton masqué (attribut hidden), détails visibles */
.annad-order__toggle[hidden] {
	display: none;
}

.annad-order__toggle:hover {
	background-color: var(--light-line);
}

.annad-order__chevron {
	transition: transform var(--annad-transition-base) var(--annad-ease);
}

/* Replié : chevron vers la droite ; déplié : vers le bas (maquette) */
.annad-order__toggle[aria-expanded="false"] .annad-order__chevron {
	transform: rotate(-90deg);
}

/* Bloc adresse : sous-carte légèrement plus foncée, logo en filigrane à droite */
.annad-order__address {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background-color: var(--light-subcard);
	border-radius: var(--light-card-radius);
}

.annad-order__address-text {
	display: flex;
	flex-direction: column;
	margin: 0;
	font-size: 1rem;
	line-height: 1.35;
}

.annad-order__address-label {
	margin-bottom: 0.125rem;
}

/* Logo discret sur fond clair. Repli : logo clair du header assombri par filtre (perd l'accent vert)
   tant que assets/images/logo-dark.svg est absent ; le logo sombre dédié s'affiche sans filtre. */
.annad-order__logo {
	flex: 0 0 auto;
	width: auto;
	max-width: 6.5rem;
	height: auto;
	max-height: 1.75rem;
	filter: brightness(0);
	opacity: 0.75;
}

.annad-order__logo--dark {
	filter: none;
}

@container (max-width: 30rem) {
	.annad-order__logo {
		display: none;
	}
}

/* Panneau dépliable : statut, articles, boutons */
.annad-order__panel {
	display: grid;
	gap: 1.5rem;
	padding: 1.5rem 1rem 1rem;
}

/* Accordéon animé (accordion.js) : grille et marges portées par l'enveloppe */
.annad-order__panel.annad-accordion {
	gap: 0;
	padding: 0;
}

.annad-order__panel > .annad-accordion__inner {
	display: grid;
	gap: 1.25rem;
	padding: 1.25rem 1rem 1rem;
}

.annad-order__status {
	margin: 0;
	font-size: 0.8125rem;
	color: var(--light-muted);
}

.annad-order__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	align-items: end;
}

@container (min-width: 36rem) {
	.annad-order__body {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

.annad-order__items {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.annad-order__item {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/* Miniature carrée ~56px sur fond blanc arrondi */
.annad-order__thumb {
	flex: 0 0 3.5rem;
	width: 3.5rem;
	height: 3.5rem;
	overflow: hidden;
	background-color: var(--light-field);
	border: 1px solid var(--light-line);
	border-radius: var(--light-radius);
}

.annad-order__thumb img {
	width: 100%;
	height: 100%;
	padding: 0.25rem;
	object-fit: contain;
}

.annad-order__item-text {
	display: flex;
	flex-direction: column;
}

.annad-order__item-name {
	font-size: 1rem;
	font-weight: 600;
}

.annad-order__item-qty {
	font-size: 0.75rem;
	font-weight: 600;
}

/* Deux boutons empilés alignés à droite : vert plein puis gris clair, en pilule */
.annad-order__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0.625rem;
	min-width: min(100%, 15rem);
}

.annad-orders__pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 2rem;
}

/* ---------- Écran « Informations » : adresses, puis TVA intracommunautaire, puis détails du compte ---------- */
.annad-informations__section {
	margin-top: 2.5rem;
	scroll-margin-top: 2rem; /* ancres #annad-informations-tva / -compte */
}

/* Paragraphe d'introduction des adresses, vidé par annad_account_address_description() (inc/account.php) */
.annad-account-page p:empty {
	display: none;
}

/* ---------- Mes configurations (dahu-composite : configurations de kit sauvegardées) ----------
   Tableau WooCommerce standard (.shop_table.dahu-kit-saved) : la carte claire des tableaux de la zone
   (light-zone.css) s'applique déjà, mais woocommerce.css lui remettait son filet, son rayon et un
   trait au-dessus de chaque cellule (double filet), et peignait le lien « Ouvrir » (a.button) en gris
   carré alors que « Supprimer » (bouton d'envoi) recevait la pilule verte. Ici : carte sans filet,
   « Ouvrir » = action principale (pilule verte), « Supprimer » = action secondaire (pilule claire,
   filet), détail replié en texte secondaire. */
.annad-account-page .woocommerce table.shop_table.dahu-kit-saved {
	border: 0;
	border-radius: var(--light-card-radius);
}

.annad-account-page .woocommerce table.shop_table.dahu-kit-saved :is(th, td) {
	vertical-align: middle;
	border-top: 0;
}

.annad-account-page .dahu-kit-saved__details {
	margin-top: 0.25rem;
	font-size: 0.875rem;
	color: var(--light-muted);
}

.annad-account-page .dahu-kit-saved__details summary {
	width: fit-content;
	cursor: pointer;
}

.annad-account-page .dahu-kit-saved__details ul {
	margin: 0.5rem 0 0;
	padding: 0;
	list-style: none;
}

.annad-account-page .dahu-kit-saved__details li + li {
	margin-top: 0.25rem;
}

.annad-account-page .woocommerce table.shop_table.dahu-kit-saved td.dahu-kit-saved__actions {
	text-align: right;
	white-space: nowrap;
}

.annad-account-page .dahu-kit-saved__actions > * + * {
	margin-left: 0.5rem;
}

.annad-account-page .woocommerce a.button.dahu-kit-saved__open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.625rem 1.5rem;
	font-family: var(--font-body);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	color: var(--color-on-surface-light);
	background-color: var(--color-brand-green);
	border-radius: 999px;
	box-shadow: none;
	transition: background-color var(--annad-transition-fast) var(--annad-ease);
}

.annad-account-page .woocommerce a.button.dahu-kit-saved__open:hover {
	color: var(--color-on-surface-light);
	background-color: color-mix(in srgb, var(--color-brand-green) 88%, var(--color-on-surface-light));
}

.annad-account-page .woocommerce button.button.dahu-kit-saved__remove {
	color: var(--color-on-surface-light);
	background-color: transparent;
	border: 1px solid var(--light-line);
}

.annad-account-page .woocommerce button.button.dahu-kit-saved__remove:hover {
	color: var(--color-on-surface-light);
	background-color: var(--color-light-card-top);
}

.annad-account-page .dahu-kit-saved__empty {
	color: var(--light-muted);
}

/* Téléphone (tableau empilé de WooCommerce, sous 48em) : la cellule des actions n'a pas de titre
   (plus de « : » orphelin devant les boutons) ; un seul filet, entre deux configurations. */
@media (max-width: 48em) {
	.annad-account-page .woocommerce table.shop_table.dahu-kit-saved td.dahu-kit-saved__actions::before {
		content: none;
	}

	.annad-account-page .woocommerce table.shop_table.dahu-kit-saved td {
		border-bottom: 0;
	}

	.annad-account-page .woocommerce table.shop_table.dahu-kit-saved tbody tr + tr > td:first-child {
		border-top: 1px solid var(--light-line);
	}
}