/*
 * Druette — Mon compte (gabarits classiques de WooCommerce : connexion, inscription, commandes, adresses…).
 * Chargée seulement sur ces pages, après les feuilles de WooCommerce (inc/woocommerce.php).
 */

.dru-main--account {
	max-width: 1100px;
}

.dru-main--account .woocommerce {
	line-height: 1.5;
}

/* ---------- Menu du compte ---------- */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 2px dotted var(--dru-sable);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 0.75em;
	min-height: 48px;
	padding: 0.4em 0;
	background: none;
	color: var(--dru-fort);
	font-weight: 600;
	text-decoration: none;
}

/* Puce corail des sur-titres : marque la page affichée. */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
	content: "";
	flex: none;
	width: 0.55em;
	height: 0.55em;
	border-radius: 50%;
	background: transparent;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: none;
	color: var(--dru-corail);
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
	background: var(--dru-corail);
}

.woocommerce-account .woocommerce-MyAccount-content > :first-child {
	margin-top: 0;
}

/* ---------- Titres ---------- */

.dru-main--account h2,
.dru-main--account h3 {
	font-family: var(--dru-font-texte);
	font-size: 1.125rem;
	font-weight: 700;
	text-transform: uppercase;
}

.woocommerce form.login,
.woocommerce form.register {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ---------- Champs et boutons ---------- */

.dru-main--account .woocommerce form .form-row label {
	font-weight: 600;
}

.dru-main--account .woocommerce form .form-row .input-text,
.dru-main--account .woocommerce form .form-row select,
.dru-main--account .select2-container .select2-selection {
	min-height: 46px;
	padding: 0.5em 0.8em;
	border: 1px solid var(--dru-sable);
	border-radius: 4px;
	background: var(--dru-blanc);
	color: var(--dru-texte);
	font: inherit;
}

.dru-main--account .woocommerce form .form-row .input-text:focus,
.dru-main--account .woocommerce form .form-row select:focus {
	border-color: var(--dru-rouge);
	outline: 1px solid var(--dru-rouge);
}

.dru-main--account .woocommerce .button,
.dru-main--account .woocommerce button.button,
.dru-main--account .woocommerce a.button {
	min-height: 46px;
	padding: 0.6em 1.4em;
	border: 0;
	border-radius: 4px;
	background: var(--dru-rouge);
	color: var(--dru-blanc);
	font-family: var(--dru-font-texte);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.dru-main--account .woocommerce .button:hover,
.dru-main--account .woocommerce button.button:hover,
.dru-main--account .woocommerce a.button:hover {
	background: var(--dru-corail);
	color: var(--dru-blanc);
}

.dru-main--account .woocommerce-MyAccount-content a:not(.button),
.dru-main--account .woocommerce form a:not(.button) {
	color: var(--dru-rouge);
}

/* ---------- Tableau des commandes ---------- */

.dru-main--account .woocommerce table.shop_table {
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
}

.dru-main--account .woocommerce table.shop_table th,
.dru-main--account .woocommerce table.shop_table td {
	padding: 0.7rem 0.6rem;
	border-top: 1px solid var(--dru-sable);
}

.dru-main--account .woocommerce table.shop_table thead th {
	border-top: 0;
	font-size: 0.875rem;
	text-transform: uppercase;
}

/* ---------- Messages ---------- */

.dru-main--account .woocommerce-message,
.dru-main--account .woocommerce-info,
.dru-main--account .woocommerce-error {
	border-top-color: var(--dru-corail);
	border-radius: 4px;
	background: var(--dru-blanc);
}

.dru-main--account .woocommerce-message::before,
.dru-main--account .woocommerce-info::before {
	color: var(--dru-corail);
}

.dru-main--account .woocommerce-error {
	border-top-color: var(--dru-rouge);
}