/* ===== Theme My Login: formularios con el estilo del sitio ===== */
/* Se aplica sobre el CSS base del plugin (theme-my-login.css): inputs con
   borde #d0d0d0, botones azules de marca y enlaces sin subrayado, igual que
   "Mi cuenta" (account.css) y el resto de filtros/botones de la tienda. */

/* Plantilla "Cuenta centrada": contenido angosto y centrado, sin sidebar. */
.rburgos-tml-template {
	max-width: 520px;
	margin: 0 auto;
	padding: 24px 0;
}

.rburgos-tml-template .tml {
	max-width: none;
}

.tml .tml-label {
	color: #4d4d4d;
	font-size: var(--font-size-sm);
}

.tml .tml-field {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #d0d0d0;
	border-radius: 4px;
	padding: 8px 10px;
	height: 38px;
	font-size: var(--font-size-sm);
	line-height: 1.4;
	color: #333333;
	background-color: #ffffff;
}

.tml textarea.tml-field {
	height: auto;
}

.tml .tml-description {
	color: #777777;
	font-size: var(--font-size-sm);
}

.tml .tml-button {
	border: 2px solid var(--main-brand-color);
	background-color: var(--main-brand-color);
	color: #ffffff;
	font-weight: normal;
	padding: 8px 16px;
	height: 38px;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-radius: 2px;
	cursor: pointer;
	-webkit-transition: border 200ms, background-color 200ms, color 200ms;
	transition: border 200ms, background-color 200ms, color 200ms;
}

.tml .tml-button:hover,
.tml .tml-button:focus {
	background-color: #ffffff;
	color: var(--main-brand-color);
	border-color: var(--main-brand-color);
}

.tml a {
	color: var(--main-brand-color);
	text-decoration: none;
}

.tml a:hover,
.tml a:focus {
	color: var(--main-brand-color);
	text-decoration: underline;
}

.tml .tml-errors,
.tml .tml-messages {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

.tml .tml-error,
.tml .tml-message,
.tml .tml-success {
	border-radius: 4px;
	padding: 10px 14px;
	font-size: var(--font-size-sm);
}