/**
 * API Poker Isséenne — habillage global des pages "Mon compte" WooCommerce
 * (commandes, téléchargements, adresses, détails du compte, etc.)
 *
 * À enregistrer dans : votre-theme-enfant/api-account.css
 * Chargé uniquement sur les pages du compte via functions.php (voir instructions).
 */

:root{
	--api-green-900:#0f3327;
	--api-green-800:#173f2f;
	--api-cream:#fbf8f2;
	--api-ink:#1c2620;
	--api-brass:#c9963c;
	--api-brass-soft:rgba(201,150,60,.14);
	--api-muted:#6b7a72;
	--api-error:#8b2635;
	--api-error-soft:rgba(139,38,53,.08);
}

/* ---------- Notices (succès / info / erreur) ----------
 * Non scopées à .woocommerce-account : WooCommerce affiche ces notices
 * AVANT l'ouverture de cette balise, donc un sélecteur descendant ne les
 * atteindrait jamais. Sans risque : ce fichier n'est de toute façon chargé
 * que sur les pages du compte (voir functions.php / is_account_page()).
 */
.woocommerce-message,
.woocommerce-info{
	border-top-color:var(--api-brass) !important;
	background:var(--api-brass-soft) !important;
	color:var(--api-ink) !important;
	border-radius:12px;
	padding:14px 18px 14px 48px;
}
.woocommerce-message::before,
.woocommerce-info::before{
	color:var(--api-brass) !important;
}
.woocommerce-error{
	border-top-color:var(--api-error) !important;
	background:var(--api-error-soft) !important;
	color:var(--api-ink) !important;
	border-radius:12px;
}
.woocommerce-error::before{
	color:var(--api-error) !important;
}

/* ---------- Boutons ---------- */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account .woocommerce-Button{
	background:var(--api-green-900) !important;
	color:var(--api-cream) !important;
	border:1px solid var(--api-green-900) !important;
	border-radius:999px !important;
	padding:12px 22px !important;
	font-weight:600 !important;
	font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	box-shadow:none !important;
	transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account .woocommerce-Button:hover{
	background:var(--api-brass) !important;
	border-color:var(--api-brass) !important;
	color:var(--api-green-900) !important;
}

/* ---------- Tableaux (commandes, téléchargements) ---------- */
.woocommerce-account table.shop_table{
	border:none !important;
	border-collapse:separate;
	border-spacing:0 8px;
	font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
}
.woocommerce-account table.shop_table thead th{
	background:transparent !important;
	border:none !important;
	color:var(--api-muted);
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:.06em;
	padding:0 16px 8px;
}
.woocommerce-account table.shop_table tbody tr{
	background:var(--api-cream);
}
.woocommerce-account table.shop_table tbody td{
	border:none !important;
	padding:14px 16px;
	color:var(--api-ink);
}
.woocommerce-account table.shop_table tbody tr td:first-child{
	border-radius:12px 0 0 12px;
}
.woocommerce-account table.shop_table tbody tr td:last-child{
	border-radius:0 12px 12px 0;
}

/* Badge de statut de commande */
.woocommerce-account .order-status{
	display:inline-block;
	background:var(--api-brass-soft);
	color:var(--api-green-800);
	border-radius:999px;
	padding:4px 12px;
	font-size:12px;
	font-weight:600;
}

/* ---------- Formulaires (détails du compte, adresses) ---------- */
.woocommerce-account form .form-row label{
	font-weight:600;
	color:var(--api-green-800);
	font-size:13px;
	font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
}
.woocommerce-account form .form-row input.input-text,
.woocommerce-account form .form-row select,
.woocommerce-account form .form-row textarea{
	border:1px solid rgba(23,63,47,.18) !important;
	border-radius:10px !important;
	padding:10px 14px !important;
	font-family:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
	box-shadow:none !important;
}
.woocommerce-account form .form-row input.input-text:focus,
.woocommerce-account form .form-row select:focus,
.woocommerce-account form .form-row textarea:focus{
	border-color:var(--api-brass) !important;
	outline:none;
	box-shadow:0 0 0 3px var(--api-brass-soft) !important;
}

/* ---------- Zone "Aucune commande" et blocs similaires ---------- */
.woocommerce-account .woocommerce-Message,
.woocommerce-account p.woocommerce-info{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
}

/* ---------- Page Adresses (liste des deux blocs) ---------- */
.woocommerce-account .woocommerce-Addresses{
	display:flex !important;
	flex-wrap:wrap !important;
	gap:20px !important;
	margin:0 !important;
	padding:0 !important;
}
/* Supprime le pseudo-élément de clearfix historique, qui devient un
   item flex fantôme une fois le conteneur passé en display:flex. */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after{
	content:none !important;
	display:none !important;
}
/* Cible TOUS les enfants directs du conteneur, sans référencer leurs
   classes WooCommerce (u-column1/2, col-1/2) : les deux cartes reçoivent
   ainsi une règle strictement identique, ce qui élimine tout risque de
   traitement asymétrique entre les deux blocs. */
.woocommerce-account .woocommerce-Addresses > div{
	float:none !important;
	clear:none !important;
	width:100% !important;
	max-width:100% !important;
	min-width:0 !important;
	flex:0 0 100% !important;
	margin:0 !important;
	background:var(--api-cream) !important;
	border-radius:14px !important;
	padding:22px 26px !important;
	box-sizing:border-box !important;
}
.woocommerce-account .woocommerce-Address-title{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:6px;
	margin-bottom:14px;
}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3{
	font-size:17px !important;
	line-height:1.3;
	margin:0 !important;
	color:var(--api-green-800);
}
.woocommerce-account .woocommerce-Address-title a.edit,
.woocommerce-account a.edit{
	font-size:13px;
	font-weight:600;
	color:var(--api-green-800);
	text-decoration:none;
	border-bottom:1px solid var(--api-brass);
	white-space:nowrap;
}
.woocommerce-account .woocommerce-Address-title a.edit:hover{
	color:var(--api-brass);
}
.woocommerce-account address{
	font-style:normal;
	color:var(--api-ink);
	line-height:1.6;
}