/*
 * Stili per:
 *   - form di login su /mio-account/ (woocommerce/myaccount/form-login.php)
 *   - pagina di registrazione (page-templates/template-registrazione.php)
 */

/* ===== LOGIN /mio-account/ =====
   Override aggressivi (con !important) per neutralizzare gli stili globali
   del theme su .woocommerce form.login e .form-row button.button. */

.woocommerce-account .woocommerce {
	background: transparent;
}

.domus-login-wrapper {
	/* Il parent .woocommerce-account .entry-content .woocommerce e' display:flex,
	   quindi senza flex:1 questo wrapper si dimensiona al contenuto. Lo forziamo
	   a occupare tutta la larghezza disponibile. */
	flex: 1 1 100% !important;
	width: 100% !important;
	display: block;
	padding: 0 15px 60px;
	box-sizing: border-box;
}

.domus-login-card {
	width: 100% !important;
	max-width: none !important;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	padding: 40px 44px;
	box-sizing: border-box;
}

.domus-login-title {
	margin: 0 0 8px;
	font-size: 1.55rem;
	font-weight: 700;
	text-align: center;
	color: #0c2c63; /* navy brand */
	letter-spacing: -0.01em;
}

.domus-login-subtitle {
	margin: 0 0 28px;
	text-align: center;
	color: #6b7280;
	font-size: 0.92rem;
}

/* Reset del form interno: niente doppia card, niente bordi, niente padding extra. */
.domus-login-card form.woocommerce-form-login.login {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.domus-login-card .form-row {
	margin: 0 0 16px !important;
	padding: 0 !important;
	width: 100% !important;
	display: block;
}

.domus-login-card .form-row label {
	display: block !important;
	margin: 0 0 6px !important;
	font-weight: 600 !important;
	color: #1f2937 !important;
	font-size: 0.88rem !important;
	width: auto !important;
}

.domus-login-card .input-text,
.domus-login-card input[type="text"],
.domus-login-card input[type="password"],
.domus-login-card input[type="email"] {
	width: 100% !important;
	height: 48px !important;
	padding: 0 14px !important;
	border: 1px solid #d1d5db !important;
	border-radius: 8px !important;
	font-size: 0.95rem !important;
	background: #fff !important;
	color: #111827 !important;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
	box-shadow: none !important;
}

.domus-login-card .input-text:focus,
.domus-login-card input:focus[type="text"],
.domus-login-card input:focus[type="password"],
.domus-login-card input:focus[type="email"] {
	outline: none;
	border-color: #efad1b !important;
	box-shadow: 0 0 0 3px rgba(239, 173, 27, 0.18) !important;
}

/* Disabilita lo sfondo blu dell'autofill di Chrome/Safari */
.domus-login-card input:-webkit-autofill,
.domus-login-card input:-webkit-autofill:hover,
.domus-login-card input:-webkit-autofill:focus,
.domus-login-card input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
	box-shadow: 0 0 0 1000px #fff inset !important;
	-webkit-text-fill-color: #111827 !important;
	caret-color: #111827;
	transition: background-color 5000s ease-in-out 0s;
}

/* Riga "Ricordami" + "Password dimenticata" sulla stessa linea */
.domus-login-card .domus-login-row-actions {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin: 4px 0 22px !important;
}

.domus-login-card .woocommerce-form-login__rememberme {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin: 0 !important;
	font-weight: 500 !important;
	color: #374151 !important;
	font-size: 0.9rem !important;
	cursor: pointer;
}

.domus-login-card .woocommerce-form__input-checkbox {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: #efad1b;
}

.domus-login-card .domus-login-lost {
	font-size: 0.88rem;
	color: #0c2c63;
	text-decoration: none;
	font-weight: 600;
}
.domus-login-card .domus-login-lost:hover {
	color: #efad1b;
	text-decoration: underline;
}

.domus-login-card .domus-login-row-submit {
	margin: 0 !important;
}

/* Bottone Accedi: pillola brand-yellow (allineato al CTA del sito) */
.domus-login-card .domus-login-submit,
.domus-login-card .form-row button.button.domus-login-submit,
.woocommerce-account .domus-login-card .form-row button.button {
	display: block !important;
	width: 100% !important;
	height: 50px !important;
	line-height: 50px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 999px !important;
	background: #efad1b !important;
	color: #fff !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	cursor: pointer;
	margin-top: 4px !important;
	transition: background 0.15s ease, transform 0.05s ease, box-shadow 0.15s ease;
	box-shadow: 0 4px 12px rgba(239, 173, 27, 0.28);
}
.domus-login-card .domus-login-submit:hover,
.domus-login-card .form-row button.button.domus-login-submit:hover {
	background: #d99511 !important;
	box-shadow: 0 6px 16px rgba(239, 173, 27, 0.35);
}
.domus-login-card .domus-login-submit:active {
	transform: scale(0.99);
}

.domus-login-register {
	margin-top: 26px;
	padding-top: 22px;
	border-top: 1px solid #eef0f3;
	text-align: center;
	font-size: 0.95rem;
	color: #374151;
}

.domus-login-register-text {
	margin-right: 6px;
}

.domus-login-register-link {
	color: #0c2c63;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 2px solid #efad1b;
	padding-bottom: 1px;
	transition: color 0.15s ease;
}
.domus-login-register-link:hover {
	color: #efad1b;
}

@media (max-width: 480px) {
	.domus-login-card {
		padding: 30px 22px;
	}
	.domus-login-title {
		font-size: 1.3rem;
	}
}

/* ===== PAGINA /registrazione/ ===== */

#domus-register-wrapper {
	padding: 30px 0 60px;
}

.domus-register-header {
	text-align: center;
	margin-bottom: 30px;
}
.domus-register-header .entry-title {
	font-size: 2rem;
	color: #1f2937;
	margin-bottom: 8px;
}
.domus-register-intro {
	color: #6b7280;
	max-width: 720px;
	margin: 0 auto;
}

.domus-register-form {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	padding: 28px;
}

.domus-register-form h3 {
	font-size: 1.15rem;
	color: #111827;
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f3f4f6;
}

.domus-register-form .form-row {
	margin-bottom: 14px;
}

.domus-register-form label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	color: #111827;
	font-size: 0.9rem;
}

.domus-register-form .input-text,
.domus-register-form input[type="text"],
.domus-register-form input[type="email"],
.domus-register-form input[type="password"],
.domus-register-form input[type="tel"],
.domus-register-form input[type="number"],
.domus-register-form select,
.domus-register-form textarea {
	width: 100%;
	padding: 11px 13px;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	font-size: 0.95rem;
	background: #fff;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.domus-register-form .input-text:focus,
.domus-register-form input:focus,
.domus-register-form select:focus,
.domus-register-form textarea:focus {
	outline: none;
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.domus-register-form .required {
	color: #dc2626;
	font-weight: 700;
}

/* Allinea il check "Hai bisogno della fattura?" */
.domus-register-form #richiesta_fattura_field {
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 12px 14px;
	margin-bottom: 16px;
}
.domus-register-form #richiesta_fattura_field label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-weight: 600;
}

.domus-register-submit-row {
	margin-top: 18px;
	margin-bottom: 8px;
}

.domus-register-submit {
	width: 100%;
	padding: 14px 18px;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 700;
	background: #efad1b;
	color: #fff;
	border: none;
	cursor: pointer;
	transition: background 0.15s ease;
}
.domus-register-submit:hover {
	background: #ab7705;
}

.domus-register-login-link {
	text-align: center;
	color: #374151;
	font-size: 0.9rem;
}
.domus-register-login-link a {
	color: #16a34a;
	font-weight: 600;
	text-decoration: none;
}
.domus-register-login-link a:hover {
	text-decoration: underline;
}

.domus-register-notices {
	margin-bottom: 20px;
}
.domus-register-notices .woocommerce-error,
.domus-register-notices .woocommerce-message {
	border-radius: 8px;
}

@media (max-width: 575px) {
	.domus-register-form {
		padding: 20px;
	}
	.domus-register-header .entry-title {
		font-size: 1.5rem;
	}
}