/* ===== Page de connexion / inscription — carte "glass" sombre, palette de marque ===== */
body.belisa-login-page .post-content,
body.belisa-login-page .row-container,
body.belisa-login-page .row.row-parent {
	background:#0B0908 !important; padding:0 !important; margin:0 !important; max-width:none !important;
}
body.belisa-login-page { background:#0B0908; }

.belisa-login-page .woocommerce-notices-wrapper:empty { display:none; }

.belisa-login-page .woocommerce {
	position:relative; max-width:420px; margin:0 auto; padding:64px 24px 100px;
	min-height:100vh; display:flex; flex-direction:column; justify-content:center;
	box-sizing:border-box;
}
.belisa-login-page .woocommerce::before {
	content:''; position:fixed; top:50%; left:50%; width:900px; height:900px; transform:translate(-50%,-50%);
	background:radial-gradient(circle, rgba(176,141,87,.16), transparent 65%);
	pointer-events:none; z-index:0;
}

.belisa-login-page .belisa-login-head,
.belisa-login-page #customer_login {
	position:relative; z-index:1;
	background:rgba(34,21,22,.55); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);
	border:1px solid rgba(176,141,87,.25); box-shadow:0 30px 80px rgba(0,0,0,.5);
}
.belisa-login-page .belisa-login-head {
	border-bottom:none; border-radius:24px 24px 0 0; padding:44px 36px 8px; text-align:center;
	animation:belisaLoginIn .6s ease both;
}
.belisa-login-page #customer_login {
	border-top:1px solid rgba(244,244,241,.08); border-radius:0 0 24px 24px; padding:28px 36px 36px;
	animation:belisaLoginIn .6s ease both .1s; animation-fill-mode:backwards;
	display:block !important; /* écrase le display:flex des colonnes u-columns d'Uncode/WC */
}
.belisa-login-page #customer_login::before,
.belisa-login-page #customer_login::after { content:none !important; } /* clearfix hérité inutile ici */

.belisa-login-logo { height:26px; width:auto; margin:0 auto 22px; display:block; }
.belisa-login-head h1 {
	font-family:'Bodoni Moda','Playfair Display',Georgia,serif !important; font-weight:500 !important;
	font-size:26px !important; color:#F4F4F1 !important; margin:0 0 8px !important;
}
.belisa-login-head p {
	font-family:'Jost',system-ui,sans-serif; font-size:13.5px; color:#B9AFA8; margin:0; line-height:1.5;
}

.belisa-login-tabs {
	display:flex; gap:6px; margin-top:24px; padding:4px; background:rgba(0,0,0,.25); border-radius:12px;
}
.belisa-login-tab {
	flex:1; background:transparent; border:none; border-radius:9px; padding:10px 12px; cursor:pointer;
	font-family:'Jost',system-ui,sans-serif; font-size:12.5px; letter-spacing:.03em; text-transform:uppercase;
	font-weight:600; color:#B9AFA8; transition:background .2s, color .2s;
}
.belisa-login-tab.is-active { background:#B08D57; color:#1B1210; }

@keyframes belisaLoginIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }

.belisa-login-page #customer_login .u-column1,
.belisa-login-page #customer_login .u-column2 { width:100% !important; float:none !important; text-align:left !important; }
.belisa-login-page #customer_login > h2 { display:none; }
.belisa-login-page #customer_login .u-column1 > h2,
.belisa-login-page #customer_login .u-column2 > h2 { display:none; }

.belisa-login-page .woocommerce-form-row { margin:0 0 16px !important; text-align:left !important; }
/* Comme la référence : pas de libellé visible au-dessus du champ, seule l'icône + le placeholder
   (injecté en JS, WooCommerce rend placeholder="" côté serveur) portent l'information — le texte
   du label reste dans le DOM pour l'accessibilité (lecteurs d'écran) mais n'est plus affiché. */
.belisa-login-page .woocommerce-form-login label,
.belisa-login-page .woocommerce-form-register label {
	position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap;
}

.belisa-login-page .woocommerce-form-login .input-text,
.belisa-login-page .woocommerce-form-register .input-text {
	width:100% !important; box-sizing:border-box; padding:13px 16px 13px 44px !important;
	background:rgba(244,244,241,.06) !important; border:1px solid rgba(244,244,241,.14) !important;
	border-radius:10px !important; color:#F4F4F1 !important; font-family:'Jost',system-ui,sans-serif !important;
	font-size:14.5px !important; outline:none; transition:border-color .2s, background .2s;
	background-repeat:no-repeat !important; background-position:16px center !important; background-size:16px !important;
}
.belisa-login-page .input-text::placeholder { color:#8C7E76; }
.belisa-login-page .input-text:focus {
	border-color:rgba(176,141,87,.6) !important; background-color:rgba(244,244,241,.1) !important;
}

.belisa-login-page #username,
.belisa-login-page #reg_email {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9AFA8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16v16H4z' stroke='none'/%3E%3Cpath d='M22 6 12 13 2 6'/%3E%3Cpath d='M2 6h20v12H2z'/%3E%3C/svg%3E") !important;
}
.belisa-login-page #password,
.belisa-login-page #reg_password {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9AFA8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important;
	padding-right:44px !important;
}
/* Icône native de bascule mot de passe de WooCommerce (sprite carré peu lisible sur fond sombre)
   remplacée par un oeil SVG propre — le bouton reste fonctionnel (clic géré par le script WC),
   seul son habillage visuel change. */
.belisa-login-page .show-password-input {
	position:absolute !important; right:12px !important; top:50%; transform:translateY(-50%);
	width:20px !important; height:20px !important; background:none !important; opacity:1 !important;
	display:flex; align-items:center; justify-content:center;
}
.belisa-login-page .show-password-input::before {
	content:''; width:18px; height:18px; display:block;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238C7E76' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
.belisa-login-page .show-password-input.display-password::before {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9A96A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.belisa-login-page .password-input { position:relative; }

.belisa-login-page .form-row.form-row--first,
.belisa-login-page p.form-row {
	display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:20px;
	margin:4px 0 22px !important;
}
.belisa-login-page .woocommerce-form__label-for-checkbox {
	display:inline-flex !important; align-items:center; gap:8px; font-family:'Jost',system-ui,sans-serif;
	font-size:13px; color:#B9AFA8 !important; cursor:pointer; margin:0 !important;
}
.belisa-login-page .woocommerce-form__input-checkbox { width:15px; height:15px; accent-color:#B08D57; margin:0 !important; }

.belisa-login-page .woocommerce-form-login__submit,
.belisa-login-page .woocommerce-form-register__submit {
	width:100% !important; background:#B08D57 !important; color:#1B1210 !important; border:none !important;
	border-radius:10px !important; padding:14px 20px !important; font-family:'Jost',system-ui,sans-serif !important;
	font-size:13px !important; letter-spacing:.04em; text-transform:uppercase; font-weight:600 !important;
	cursor:pointer; transition:background .2s; margin-top:4px;
	display:flex !important; align-items:center; justify-content:center; gap:8px;
}
.belisa-login-page .woocommerce-form-login__submit:hover,
.belisa-login-page .woocommerce-form-register__submit:hover { background:#C9A96A !important; }

.belisa-login-page .lost_password { text-align:center; margin:20px 0 0 !important; }
.belisa-login-page .lost_password a {
	font-family:'Jost',system-ui,sans-serif; font-size:13px; color:#B9AFA8 !important; text-decoration:none !important;
	transition:color .2s;
}
.belisa-login-page .lost_password a:hover { color:#C9A96A !important; }

.belisa-login-page .woocommerce-privacy-policy-text p {
	font-family:'Jost',system-ui,sans-serif; font-size:11.5px; line-height:1.5; color:#8C7E76; margin:0 0 18px;
}
.belisa-login-page .woocommerce-privacy-policy-text a { color:#B9AFA8; }

@media (max-width:480px) {
	.belisa-login-page .woocommerce { padding:44px 16px 60px; }
	.belisa-login-page .belisa-login-head { padding:36px 24px 8px; }
	.belisa-login-page #customer_login { padding:24px 24px 28px; }
}