/**
 * Horia SA — Page Mon compte / Connexion — v2
 * Colonne gauche claire #FBFBFB, champs WooCommerce natifs, bouton primaire natif
 */

 

/* ==========================================
   WRAPPER
   ========================================== */
.horia-account-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	overflow: hidden;
	border: 1px solid #dde1e9;
	margin-bottom: 40px;
}

/* ==========================================
   COLONNE GAUCHE — claire
   ========================================== */
.horia-account-left {
	background: #fbfbfb;
	padding: 48px 40px;
	display: flex;
	flex-direction: column;
	border-right: 1px solid #dde1e9;
}

.horia-account-brand {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.horia-account-brand a {
	text-decoration: none;
	display: inline-block;
}

.horia-account-logo-img {
	height: 36px;
	width: auto;
	display: block;
}

.horia-account-tagline {
	font-size: 12px;
	color: #8a92a0;
	letter-spacing: 0.3px;
	margin: 0;
}

.horia-account-pitch {
	margin-top: 20px;
}

.horia-account-pitch h2 {
	font-size: 20px;
	font-weight: 600;
	color: #1a2233;
	line-height: 1.4;
	margin: 0 0 10px;
}

.horia-account-pitch > p {
	color: #6b7280;
	line-height: 1.7;
	margin: 0 0 18px;
}

.horia-account-features {
	list-style: none;
	margin: 0;
	padding: 0;
}

.horia-account-features li {
	color: #6b7280;
	padding: 5px 0 5px 16px;
	position: relative;
}

.horia-account-features li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background: var(--e-global-color-uicore_primary, #0860A8);
	border-radius: 50%;
}

/* ==========================================
   COLONNE DROITE — formulaires
   ========================================== */
.horia-account-right {
	background: #fff;
	padding: 44px 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.horia-account-right form {
	padding: 0px !important;
	border: none !important;
}

/* Tabs */
.horia-account-tabs {
	display: flex;
	border-bottom: 1px solid #dde1e9;
	margin-bottom: 28px;
}

.horia-account-tab {
	background: none;
	border: none;
	padding: 9px 0;
	margin-right: 24px;
	font-size: 16px;
	font-weight: 500;
	color: #aab0ba;
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color 0.2s, border-color 0.2s;
}

.horia-account-tab.active,
.horia-account-tab[aria-selected="true"] {
	color: var(--e-global-color-uicore_primary, #0860A8);
	border-bottom-color: var(--e-global-color-uicore_primary, #0860A8);
}

/* Panels */
.horia-account-panel {
	display: none;
}

.horia-account-panel.active,
.horia-account-panel:not([hidden]) {
	display: block;
}

/* En-tête panel */
.horia-account-panel-header {
	margin-bottom: 10px;
}

.horia-account-panel-header h3 {
	font-size: 20px;
	font-weight: 600;
	color: #1a2233;
	margin: 0 0 3px;
}

.horia-account-panel-header p {
	color: #8a92a0;
	margin: 0;
}

/* ==========================================
   CHAMPS — on laisse WooCommerce styler
   On corrige juste le wrapper <p> natif
   ========================================== */
.horia-account-right .woocommerce-form-row {
	margin: 15px 0px !important;
	padding: 0 !important;
}

.horia-account-right form.login {
	margin-top: 10px;
}

.horia-account-right .woocommerce-form-login__rememberme {
	margin-top: 10px;
	display: flex !important;
	align-items: center;
}

.horia-account-right .woocommerce-form-row label {
	font-size: 13px;
	color: #1a2233;
	margin-bottom: 5px;
	display: block;
}

/* Ligne Se souvenir + bouton submit natif WooCommerce */
.horia-account-right .form-row {
	align-items: center;
	gap: 12px;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

/* Lien mot de passe perdu */
.horia-account-right .woocommerce-LostPassword {
	margin-top: 10px !important;
}

.horia-account-right .woocommerce-LostPassword a {
	font-size: 13px;
	color: var(--e-global-color-uicore_primary, #0860A8);
}

/* Info inscription */
.horia-register-info {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.6;
	margin-bottom: 18px;
	margin-top: 18px;
	padding: 12px 14px;
	background: #f5f8fc;
	border-left: 3px solid var(--e-global-color-uicore_primary, #0860A8);
	border-radius: 0;
}

/* Notice de confidentialité */
.horia-privacy-notice {
	font-size: 12px;
	color: #9aa3b0;
	line-height: 1.6;
	margin-bottom: 16px;
}

.horia-privacy-notice a {
	color: var(--e-global-color-uicore_primary, #0860A8);
}


.horia-account-right .woocommerce-form-login__submit {
	min-width: 200px !important;
}

/* ==========================================
   RESPONSIVE
   ========================================== */
@media (max-width: 768px) {
	.horia-account-wrap {
		grid-template-columns: 1fr;
	}

	.horia-account-left {
		padding: 28px 24px;
		border-right: none;
		border-bottom: 1px solid #dde1e9;
	}

	.horia-account-pitch {
		display: none;
	}

	.horia-account-right {
		padding: 28px 24px;
	}

	.horia-account-right .woocommerce-form-login__submit {
		min-width: 200px !important;
	}

	.horia-account-right .woocommerce-LostPassword a {
		display: flex;
		width: 100%;
		margin-top: 10px;
	}
}