/* ===========================================================
 * /mon-compte — écran connexion / inscription
 * (woocommerce/myaccount/form-login.php, non connecté)
 * =========================================================== */

.account_login {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--g49);
	padding: var(--g40) 0 var(--g90);
}
.account_login--two-cols {
	grid-template-columns: 1fr 1fr;
}

.account_login__col {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* Titres H1 (Connexion / Inscription) — hors du cadre */
.account_login__title {
	margin: 0 0 var(--g20);
	color: var(--vert1);
	font-family: var(--title-font);
	font-size: 50px;
	font-weight: 400;
	line-height: .9;
}

/* Le formulaire lui-même sert de "carte" bordée. */
.woocommerce form.login.account_login__card,
.account_login__card {
	display: flex;
	flex-direction: column;
	gap: var(--g12);
	height: 100%;
	margin: 0;
	padding: var(--g40) var(--g49);
	border: 1px solid var(--vert2);
	border-radius: var(--r10);
	background: var(--wh);
}

/* Champ (label + input empilés) */
.account_login__field {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}
.account_login__label,
.account_login__field > label {
	color: var(--vert1);
	font-family: var(--default-font);
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 10%;
	text-transform: uppercase;
	margin: 0;
}
.account_login__label .required {
	color: var(--tc);
	text-decoration: none;
}
.account_login__input:focus {
	outline: 2px solid var(--vert1);
	outline-offset: var(--g2);
}

/* Case "Se souvenir de moi" */
.account_login__row {
	margin: 0;
}
.account_login__remember {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	color: var(--vert1);
	font-family: var(--default-font);
	font-size: 14px;
	line-height: 1.6;
	cursor: pointer;
}
.account_login__remember input[type="checkbox"] {
	width: 21px;
	height: 21px;
	margin: 0;
	accent-color: var(--vert1);
	cursor: pointer;
}

/* Ligne bouton + lien "Mot de passe oublié" */
.account_login__actions {
	display: flex;
	align-items: center;
	gap: var(--g24);
	margin-top: auto;
	flex-wrap: wrap;
}
.account_login__lost {
	color: var(--vert1);
	font-family: var(--default-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6;
	text-decoration: underline;
}
.account_login__lost:hover {
	text-decoration: none;
}

/* Texte d'intro (encart Inscription) */
.account_login__intro {
	margin: 0;
	color: var(--vert1);
	font-family: var(--default-font);
	font-size: 16px;
	line-height: 1.6;
}
.account_login__intro a {
	color: inherit;
	text-decoration: underline;
}
.account_login__intro a:hover {
	text-decoration: none;
}
.account_login__hint {
	margin: 0;
	color: var(--vert1);
	font-size: 14px;
	line-height: 1.6;
	font-style: italic;
}

/* Messages d'erreur / info WooCommerce à l'intérieur des cartes */
.account_login .woocommerce-error,
.account_login .woocommerce-message,
.account_login .woocommerce-info {
	margin: 0 0 var(--g20);
	border-radius: var(--r5);
	background: var(--gris1);
}

@media (max-width: 900px) {
	.account_login--two-cols {
		grid-template-columns: 1fr;
	}
	.account_login__card {
		padding: 32px 24px;
	}
	.account_login__title {
		font-size: 40px;
	}
}

/* ===========================================================
 * /mon-compte — écran client connecté
 * (woocommerce/myaccount/form-login.php, connecté)
 * =========================================================== */

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	padding: var(--g20);
	border-radius: var(--r5);
	border: 1px solid var(--vert2);
	box-sizing: border-box;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
	width: 72%;
	padding-left: var(--g40);
	padding-right: var(--g40);
}

/* Navigation */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
	width: 25%;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link {
	padding-left: 0;
	padding-top: 12px;
	padding-bottom: 12px;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:not(:last-child) {
	border-bottom: 1px solid var(--gris1);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link.is-active a {
	color: var(--tc);
	padding-left: var(--g12);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a {
	padding-left: var(--g20);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
	text-transform: uppercase;
	text-decoration: none;
	line-height: 2;
	transition: all .3s;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link:not(.woocommerce-MyAccount-navigation-link--customer-logout) a:hover {
	padding-left: var(--g12);
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link::before {
	content: initial;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout::before {
	content: "⏼";
	width: 12px;
	height: 12px;
	margin-right: var(--g12);
	color: var(--tc);
	background: transparent;
	line-height: 2;
}
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	text-decoration: underline;
}
/* Commandes */
.woocommerce table.my_account_orders .button {
	margin-right: var(--g5);
}
/* Adresses */
.woocommerce-checkout.logged-in .woocommerce-Addresses,
.woocommerce-account.logged-in .woocommerce-Addresses {
	margin-top: var(--g20);
}
.woocommerce-checkout.logged-in .woocommerce-columns--addresses address,
.woocommerce-account.logged-in .woocommerce-columns--addresses address,
.woocommerce-checkout.logged-in .woocommerce-Address address,
.woocommerce-account.logged-in .woocommerce-Address address {
	background: var(--vert2);
	padding: var(--g12);
	border: none;
	border-radius: var(--r5);
	line-height: 2;
	margin-bottom: var(--g20);
}
/* Checkout */
.woocommerce-checkout.logged-in .woocommerce-order-overview li {
	padding-left: 20px;
	padding-right: 20px;
}
.woocommerce-checkout.logged-in .woocommerce-order-overview li::before {
	content: initial;
}

/* Hide downloads tab because it's never used */
.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

/* Mes devis (override du plugin YITH pour afficher les boutons d'action) */
.shop_table.shop_table_responsive.my_account_quotes.my_account_orders {
	display: table !important; /* Remove horizontal scroll on small screens */
}
.quotes-actions::before {
	display: none;
}
.quotes-actions .quote-actions__more {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	height: 100% !important;
	width: 100% !important;
	box-shadow: none !important;
	border: none !important;
}
.quotes-actions a.quote-actions-button__link.quote-actions__tips {
	display: none !important;
}
.quotes-actions .quote-actions-button__menu::before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	background: var(--tc);
	border-radius: var(--r180);
	margin: auto 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 22px;
	transition: all 0.3s;
}
.quotes-actions .quote-actions-button__menu {
	position: relative !important;
	display: block !important;

	border-width: 1px;
	border-style: solid;
	border-color: var(--vert1) !important;
	color: var(--tc) !important;
	transition: all 0.3s;

	line-height: 20px;
	margin-top: 0;
	padding: 9px 22px 9px 42px;
	background: transparent;
	border-radius: var(--r180);
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
}
.quotes-actions .quote-actions-button__menu:hover {
	border-color: var(--tc) !important;
}
.quotes-actions .quote-actions-button__menu__item:hover,
.quotes-actions .quote-actions-button__menu:hover .quote-actions-button__menu__item {
	color: var(--tc) !important;
}
.quotes-actions .quote-actions-button__menu__item {
	padding: 0 !important;
	transition: all 0.3s;
}
.quotes-actions .quote-actions__action-button {
	float: right;
}
tr.quotes:hover {
	background: var(--wh) !important;
	cursor: auto !important;
}

/* ===========================================================
 * Responsive — écran client connecté
 * =========================================================== */

/* Tablette : passe en colonne unique, nav au-dessus du contenu. */
@media (max-width: 900px) {
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content {
		float: none;
		width: 100%;
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
		margin-bottom: var(--g24);
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-content {
		padding-left: var(--g20);
		padding-right: var(--g20);
	}
	/* Colonnes d'adresses (facturation / livraison) empilées. */
	.woocommerce-checkout.logged-in .woocommerce-columns--addresses .woocommerce-column,
	.woocommerce-account.logged-in .woocommerce-columns--addresses .woocommerce-column {
		float: none;
		width: 100%;
		margin-bottom: var(--g20);
	}
}

/* Mobile : compaction supplémentaire des cartes. */
@media (max-width: 600px) {
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content {
		padding: var(--g12);
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-content {
		padding-left: var(--g20);
		padding-right: var(--g20);
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-navigation-link a {
		line-height: 1.8;
		font-size: 13px;
	}
	/* Tableaux (commandes / téléchargements) — scroll horizontal si trop large,
	 * sinon les cellules débordent du cadre sur les petits écrans. */
	.woocommerce-account.logged-in .woocommerce-MyAccount-content .shop_table,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content .account-orders-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.woocommerce-account.logged-in .woocommerce-MyAccount-content .shop_table th,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content .shop_table td,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content .account-orders-table th,
	.woocommerce-account.logged-in .woocommerce-MyAccount-content .account-orders-table td {
		white-space: nowrap;
	}
	/* Adresses : réduit les marges intérieures des cartes. */
	.woocommerce-checkout.logged-in .woocommerce-columns--addresses address,
	.woocommerce-account.logged-in .woocommerce-columns--addresses address,
	.woocommerce-checkout.logged-in .woocommerce-Address address,
	.woocommerce-account.logged-in .woocommerce-Address address {
		padding: var(--g20) var(--g12);
	}
}