/* =========================================================
   CNA Edwiser Customizer
   Paleta institucional Gobierno de México / CENART
   Apunta al bloque Gutenberg `edwiser-bridge/user-account-v2`
   y al bloque interno `edwiser-bridge/profile` (React + Mantine).
   ========================================================= */

:root {
	--cna-guinda:       #7B1538;
	--cna-guinda-dark:  #5C0F2A;
	--cna-guinda-soft:  #f4e7ec;
	--cna-morado:       #4B2E83;
	--cna-text:         #1c1c1c;
	--cna-text-muted:   #5b5b5b;
	--cna-border:       #d9d9d9;
	--cna-border-focus: var(--cna-guinda);
	--cna-bg:           #ffffff;
	--cna-bg-soft:      #f7f7f9;
	--cna-success:      #1f7a3a;
	--cna-error:        #b3261e;
	--cna-radius:       8px;
	--cna-radius-sm:    4px;
	--cna-shadow:       0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
}

/* =========================================================
   1. Ocultar pestañas y paneles que NO sean Profile
   ========================================================= */

/* Pestañas: las clases provienen del label en lowercase-kebab.
   Generadas en blocks/src/user-account-v2/save.js:
     `eb-user-account-v2__tab ${tabName}`                  */
.eb-user-account-v2__tab.dashboard,
.eb-user-account-v2__tab.orders,
.eb-user-account-v2__tab.my-courses,
.eb-user-account-v2__tab.inicio,
.eb-user-account-v2__tab.pedidos,
.eb-user-account-v2__tab.mis-cursos {
	display: none !important;
}

/* Paneles internos: el tab-block añade data-tab-name=tab.
   Ocultamos cualquier panel que NO sea profile / mi-perfil. */
.eb-user-account-v2__tab-panel[data-tab-name="dashboard"],
.eb-user-account-v2__tab-panel[data-tab-name="orders"],
.eb-user-account-v2__tab-panel[data-tab-name="my-courses"],
.eb-user-account-v2__tab-panel[data-tab-name="inicio"],
.eb-user-account-v2__tab-panel[data-tab-name="pedidos"],
.eb-user-account-v2__tab-panel[data-tab-name="mis-cursos"],
.wp-block-edwiser-bridge-dashboard,
.wp-block-edwiser-bridge-orders,
.wp-block-edwiser-bridge-my-courses {
	display: none !important;
}

/* Cuando solo queda 1 tab visible, ocultar todo el rail lateral
   para que el formulario quede a ancho completo. */
.eb-user-account-v2__tabs {
	min-width: 200px;
}

/* =========================================================
   1b. Botón "Cerrar sesión" inyectado por el JS
   ========================================================= */

.eb-user-account-v2__tabs-list {
	display: flex;
	flex-direction: column;
}

.cna-eb-logout {
	display: flex !important;
	align-items: center;
	gap: 10px;
	margin: 18px 16px 0;
	padding: 10px 14px !important;
	border: 1px solid var(--cna-guinda);
	color: var(--cna-guinda) !important;
	background: transparent;
	border-radius: var(--cna-radius-sm);
	font-weight: 600;
	font-size: 0.9rem;
	text-decoration: none !important;
	transition: background .15s, color .15s;
	cursor: pointer;
	justify-content: center;
}

.cna-eb-logout:hover,
.cna-eb-logout:focus {
	background: var(--cna-guinda) !important;
	color: #fff !important;
	outline: none;
}

.cna-eb-logout__icon {
	display: inline-flex;
	align-items: center;
}

.cna-eb-logout__icon svg {
	display: block;
}

/* =========================================================
   2. Layout general del bloque v2
   ========================================================= */

.wp-block-edwiser-bridge-user-account-v2 {
	max-width: 1080px;
	margin: 24px auto;
}

.eb-user-account-v2__wrapper {
	background: var(--cna-bg);
	border: 1px solid var(--cna-border);
	border-radius: var(--cna-radius);
	box-shadow: var(--cna-shadow);
	overflow: hidden;
}

.eb-user-account-v2__tabs {
	background: var(--cna-bg-soft);
	border-right: 1px solid var(--cna-border);
	padding: 20px 0;
}

.eb-user-account-v2__tabs-title {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: var(--cna-text) !important;
	padding: 0 22px 14px !important;
	margin: 0 !important;
	border-bottom: 2px solid var(--cna-guinda);
}

.eb-user-account-v2__tab {
	display: flex !important;
	align-items: center;
	gap: 10px;
	padding: 12px 22px !important;
	font-weight: 500;
	color: var(--cna-text) !important;
	border-left: 3px solid transparent;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
}

.eb-user-account-v2__tab:hover {
	background: var(--cna-guinda-soft);
	color: var(--cna-guinda) !important;
}

.eb-user-account-v2__tab.active {
	background: #fff !important;
	color: var(--cna-guinda) !important;
	border-left-color: var(--cna-guinda) !important;
	font-weight: 600;
}

.eb-user-account-v2__tab-icon svg,
.eb-user-account-v2__tab-icon {
	color: currentColor !important;
	fill: currentColor !important;
}

.eb-user-account-v2__tabs-content {
	padding: 30px 36px;
	background: var(--cna-bg);
}

/* =========================================================
   3. Bloque profile (React)
   ========================================================= */

.eb-user-account__profile {
	max-width: 860px;
	margin: 0;
}

.eb-profile__title {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	color: var(--cna-text) !important;
	border-left: 4px solid var(--cna-guinda);
	padding-left: 12px;
	margin: 0 0 22px !important;
	line-height: 1.2;
}

.eb-profile__content {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.eb-profile__section {
	border: none;
	padding: 0;
}

.eb-profile__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 4px;
}

.eb-profile__row > .eb-profile__row-field,
.eb-profile__row > div {
	min-width: 0;
}

/* =========================================================
   4. Inputs Mantine (TextInput, PasswordInput, Select, Textarea)
   ========================================================= */

.eb-user-account__profile .mantine-InputWrapper-label,
.eb-user-account__profile .mantine-Input-label,
.eb-user-account__profile label {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	color: var(--cna-text) !important;
	margin-bottom: 6px !important;
}

.eb-user-account__profile .mantine-InputWrapper-required,
.eb-user-account__profile .mantine-Input-required {
	color: var(--cna-error) !important;
}

.eb-user-account__profile .mantine-Input-input,
.eb-user-account__profile .mantine-TextInput-input,
.eb-user-account__profile .mantine-PasswordInput-input,
.eb-user-account__profile .mantine-Select-input,
.eb-user-account__profile .mantine-Textarea-input,
.eb-user-account__profile input[type="text"],
.eb-user-account__profile input[type="email"],
.eb-user-account__profile input[type="password"],
.eb-user-account__profile select,
.eb-user-account__profile textarea {
	border: 1px solid var(--cna-border) !important;
	border-radius: var(--cna-radius-sm) !important;
	background: var(--cna-bg) !important;
	color: var(--cna-text) !important;
	font-size: 0.95rem !important;
	padding: 10px 12px !important;
	min-height: 42px !important;
	box-shadow: none !important;
	transition: border-color .15s, box-shadow .15s !important;
}

.eb-user-account__profile .mantine-Input-input:focus,
.eb-user-account__profile .mantine-Input-input:focus-within,
.eb-user-account__profile input:focus,
.eb-user-account__profile select:focus,
.eb-user-account__profile textarea:focus {
	border-color: var(--cna-guinda) !important;
	box-shadow: 0 0 0 3px rgba(123, 21, 56, 0.15) !important;
	outline: none !important;
}

.eb-user-account__profile .mantine-InputWrapper-error,
.eb-user-account__profile .mantine-Input-error {
	color: var(--cna-error) !important;
	font-size: 0.8rem !important;
	margin-top: 4px !important;
}

/* =========================================================
   5. Sección de contraseña
   ========================================================= */

.eb-profile__password-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
}

.eb-profile__password-title {
	font-size: 1rem !important;
	font-weight: 600 !important;
	color: var(--cna-guinda) !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0 !important;
}

.eb-profile__password-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}

.eb-profile__password-fields > .eb-profile__password-row + .eb-profile__password-row {
	margin-top: 16px;
}

/* =========================================================
   6. Botones
   ========================================================= */

.eb-profile__btn,
.eb-user-account__profile button:not(.mantine-Select-rightSection):not(.mantine-PasswordInput-visibilityToggle) {
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	padding: 10px 22px !important;
	border-radius: var(--cna-radius-sm) !important;
	border: 1px solid transparent !important;
	cursor: pointer;
	line-height: 1.2 !important;
	transition: background .15s, color .15s, border-color .15s !important;
}

.eb-profile__btn--primary,
.eb-profile__btn--save {
	background: var(--cna-guinda) !important;
	color: #fff !important;
	border-color: var(--cna-guinda) !important;
	opacity: 1 !important;
}

.eb-profile__btn--primary:hover,
.eb-profile__btn--save:hover {
	background: var(--cna-guinda-dark) !important;
	border-color: var(--cna-guinda-dark) !important;
	color: #fff !important;
}

.eb-profile__btn--save:disabled {
	background: var(--cna-guinda-soft) !important;
	color: var(--cna-guinda) !important;
	border-color: var(--cna-guinda-soft) !important;
	cursor: not-allowed;
}

.eb-profile__btn--secondary {
	background: var(--cna-bg) !important;
	color: var(--cna-guinda) !important;
	border-color: var(--cna-guinda) !important;
}

.eb-profile__btn--secondary:hover {
	background: var(--cna-guinda-soft) !important;
}

/* =========================================================
   7. Footer (Note + Save settings)
   ========================================================= */

.eb-profile__footer {
	margin-top: 24px;
	border-top: 1px solid var(--cna-border);
	padding-top: 18px;
}

.eb-profile__footer-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.eb-profile__footer-note {
	font-size: 0.85rem !important;
	color: var(--cna-text-muted) !important;
	margin: 0 !important;
	flex: 1;
}

.eb-profile__footer-note strong { color: var(--cna-text) !important; }

.eb-profile__message {
	padding: 10px 14px;
	border-radius: var(--cna-radius-sm);
	font-size: 0.88rem;
}

.eb-profile__message--success { background: #e6f4eb; color: var(--cna-success); border: 1px solid var(--cna-success); }
.eb-profile__message--error   { background: #fde9e7; color: var(--cna-error);   border: 1px solid var(--cna-error); }

/* =========================================================
   8. Auth interface (login / registro del bloque v2)
       Restilizado para coincidir con .cna-eb-card del shortcode.
   ========================================================= */

/* Contenedor card */
.eb-user-account-v2__auth-wrapper,
.eb-user-account-v2__auth,
.eb-user-account__login,
.eb-user-account__register {
	max-width: 640px;
	margin: 30px auto;
	background: var(--cna-bg);
	border: 1px solid var(--cna-border);
	border-radius: var(--cna-radius);
	box-shadow: var(--cna-shadow);
	padding: 38px 44px;
	box-sizing: border-box;
}

/* Si el wrapper ya contiene un login/register, evitar doble card */
.eb-user-account-v2__auth-wrapper .eb-user-account__login,
.eb-user-account-v2__auth-wrapper .eb-user-account__register {
	max-width: none;
	margin: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
}

/* Header (título + subtítulo) */
.eb-user-account__login-header,
.eb-user-account__register-header {
	margin-bottom: 22px;
}

.eb-user-account__login-title,
.eb-user-account__register-title,
.eb-user-account-v2__auth h2,
.eb-user-account-v2__auth-wrapper h2 {
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	color: var(--cna-text) !important;
	border-left: 4px solid var(--cna-guinda) !important;
	padding-left: 12px !important;
	margin: 0 0 4px !important;
	text-align: left !important;
	line-height: 1.2 !important;
}

.eb-user-account__login-description,
.eb-user-account__register-description {
	color: var(--cna-text-muted) !important;
	margin: 0 0 0 16px !important;
	font-size: 0.95rem !important;
	text-align: left !important;
}

/* Form layout */
.eb-user-account__login-form,
.eb-user-account__register-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.eb-user-account__register-form-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.eb-user-account__register-form-group:has(> :only-child),
.eb-user-account__register-form-group > .mantine-TextInput-root:only-child {
	grid-template-columns: 1fr;
}

/* Inputs */
.eb-user-account-v2__auth-wrapper input[type="text"],
.eb-user-account-v2__auth-wrapper input[type="email"],
.eb-user-account-v2__auth-wrapper input[type="password"],
.eb-user-account-v2__auth-wrapper .mantine-Input-input,
.eb-user-account-v2__auth-wrapper .mantine-TextInput-input,
.eb-user-account-v2__auth-wrapper .mantine-PasswordInput-input,
.eb-user-account__login input,
.eb-user-account__register input {
	min-height: 44px !important;
	font-size: 0.98rem !important;
	padding: 11px 14px !important;
	border: 1px solid var(--cna-border) !important;
	border-radius: var(--cna-radius-sm) !important;
	background: var(--cna-bg) !important;
	box-shadow: none !important;
}

.eb-user-account-v2__auth-wrapper .mantine-Input-input:focus,
.eb-user-account-v2__auth-wrapper .mantine-Input-input:focus-within,
.eb-user-account-v2__auth-wrapper input:focus,
.eb-user-account__login input:focus,
.eb-user-account__register input:focus {
	border-color: var(--cna-guinda) !important;
	box-shadow: 0 0 0 3px rgba(123, 21, 56, 0.15) !important;
	outline: none !important;
}

.eb-user-account-v2__auth-wrapper label,
.eb-user-account-v2__auth-wrapper .mantine-InputWrapper-label,
.eb-user-account__login label,
.eb-user-account__register label {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	color: var(--cna-text) !important;
	margin-bottom: 6px !important;
}

/* Botón principal (Iniciar sesión / Registrarme) — guinda, no naranja */
.eb-user-account__login-button,
.eb-user-account__register-button,
.eb-user-account-v2__auth button[type="submit"],
.eb-user-account-v2__auth-wrapper button[type="submit"],
.eb-user-account-v2__auth-wrapper .mantine-Button-root[type="submit"] {
	background: var(--cna-guinda) !important;
	background-color: var(--cna-guinda) !important;
	background-image: none !important;
	color: #fff !important;
	border: 1px solid var(--cna-guinda) !important;
	border-radius: var(--cna-radius-sm) !important;
	width: 100% !important;
	padding: 12px 22px !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	cursor: pointer;
	transition: background .15s, border-color .15s;
	margin-top: 6px;
}

.eb-user-account__login-button:hover,
.eb-user-account__register-button:hover,
.eb-user-account-v2__auth-wrapper button[type="submit"]:hover {
	background: var(--cna-guinda-dark) !important;
	border-color: var(--cna-guinda-dark) !important;
	color: #fff !important;
}

.eb-user-account__login-button:disabled,
.eb-user-account__register-button:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

/* Olvidó contraseña / Recordarme */
.eb-user-account__login-password-forgot {
	display: block;
	text-align: right;
	margin-top: 6px;
	font-size: 0.85rem;
	color: var(--cna-guinda) !important;
	text-decoration: none !important;
}
.eb-user-account__login-password-forgot:hover { text-decoration: underline !important; }

/* Links auxiliares (¿No tiene cuenta? / ¿Ya tiene cuenta?) */
.eb-user-account__login-register-link,
.eb-user-account__register-login-link {
	text-align: center !important;
	margin-top: 18px !important;
	color: var(--cna-text-muted) !important;
	font-size: 0.9rem !important;
}

.eb-user-account__login-register-link a,
.eb-user-account__register-login-link a,
.eb-user-account-v2__auth a,
.eb-user-account-v2__auth-wrapper a {
	color: var(--cna-guinda) !important;
	font-weight: 600;
	text-decoration: none;
}
.eb-user-account__login-register-link a:hover,
.eb-user-account__register-login-link a:hover { text-decoration: underline; }

/* Divider SSO */
.eb-user-account__login-sso-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--cna-text-muted);
	font-size: 0.85rem;
	margin: 16px 0;
}
.eb-user-account__login-sso-divider::before,
.eb-user-account__login-sso-divider::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--cna-border);
}

/* Botones SSO */
.eb-user-account__login-sso-button {
	background: var(--cna-bg) !important;
	border: 1px solid var(--cna-border) !important;
	color: var(--cna-text) !important;
	border-radius: var(--cna-radius-sm) !important;
}

/* Errores */
.eb-user-account__login-error,
.eb-user-account__register-error {
	background: #fde9e7 !important;
	color: var(--cna-error) !important;
	border: 1px solid var(--cna-error) !important;
	padding: 10px 14px !important;
	border-radius: var(--cna-radius-sm) !important;
	margin: 0 0 14px !important;
	font-size: 0.9rem !important;
}

.eb-user-account__register-success {
	background: #e6f4eb !important;
	color: var(--cna-success) !important;
	border: 1px solid var(--cna-success) !important;
	padding: 10px 14px !important;
	border-radius: var(--cna-radius-sm) !important;
	margin: 0 0 14px !important;
}

/* =========================================================
   8b. Plantillas PHP del shortcode legacy [eb_user_account]
       (selectores .cna-eb-* usados por templates/account/*.php)
   ========================================================= */

/* Sidebar nativo del shortcode → ocultar */
.cna-eb-user-profile .eb-user-account-navigation,
.eb-user-profile .eb-user-account-navigation {
	display: none !important;
}

.cna-eb-user-profile,
.cna-eb-user-profile .eb-user-account-content {
	display: block !important;
	width: 100% !important;
	max-width: 920px;
	margin: 0 auto;
}

.cna-eb-card {
	background: var(--cna-bg);
	border: 1px solid var(--cna-border);
	border-radius: var(--cna-radius);
	box-shadow: var(--cna-shadow);
	padding: 32px 36px;
	margin: 24px auto;
	max-width: 920px;
}

.cna-eb-card-title {
	margin: 0 0 4px !important;
	font-size: 1.5rem !important;
	font-weight: 700 !important;
	color: var(--cna-text) !important;
	border-left: 4px solid var(--cna-guinda);
	padding-left: 12px;
	line-height: 1.2;
}

.cna-eb-card-sub {
	color: var(--cna-text-muted);
	margin: 0 0 22px 16px;
	font-size: 0.95rem;
}

/* Layout login/registro shortcode */
.cna-eb-auth {
	display: flex;
	justify-content: center;
	padding: 24px 0;
}
.cna-eb-auth__card { max-width: 620px; width: 100%; }

/* Secciones */
.cna-eb-section-title {
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	color: var(--cna-guinda) !important;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 8px 0 16px !important;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--cna-border);
}
.cna-eb-section-title--mt { margin-top: 28px !important; }

/* Filas y campos */
.cna-eb-form { display: block; }

.cna-eb-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-bottom: 16px;
}
.cna-eb-field { display: flex; flex-direction: column; min-width: 0; }
.cna-eb-field--full { grid-column: 1 / -1; }
.cna-eb-field--inline { flex-direction: row; align-items: center; }

.cna-eb-field label {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--cna-text);
	margin-bottom: 6px;
}

.cna-eb-req { color: var(--cna-error); margin-left: 2px; }
.cna-eb-small {
	font-weight: 400;
	font-size: 0.78rem;
	color: var(--cna-text-muted);
	margin-left: 4px;
}

.cna-eb-form input[type="text"],
.cna-eb-form input[type="email"],
.cna-eb-form input[type="password"],
.cna-eb-form select,
.cna-eb-form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	font-size: 0.95rem;
	border: 1px solid var(--cna-border);
	border-radius: var(--cna-radius-sm);
	background: var(--cna-bg);
	color: var(--cna-text);
	transition: border-color .15s, box-shadow .15s;
	min-height: 42px;
}

.cna-eb-form input:focus,
.cna-eb-form select:focus,
.cna-eb-form textarea:focus {
	outline: none;
	border-color: var(--cna-guinda);
	box-shadow: 0 0 0 3px rgba(123, 21, 56, 0.15);
}

.cna-eb-form textarea { resize: vertical; min-height: 96px; }

/* Checkbox */
.cna-eb-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-weight: 500;
	color: var(--cna-text);
}
.cna-eb-check input[type="checkbox"] {
	width: 16px; height: 16px;
	accent-color: var(--cna-guinda);
}

/* Botones del shortcode */
.cna-eb-btn {
	display: inline-block;
	font-weight: 600;
	font-size: 0.95rem;
	padding: 10px 22px;
	border-radius: var(--cna-radius-sm);
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	line-height: 1.2;
	transition: background .15s, color .15s, border-color .15s;
}

.cna-eb-btn--primary {
	background: var(--cna-guinda);
	color: #fff;
	border-color: var(--cna-guinda);
}
.cna-eb-btn--primary:hover,
.cna-eb-btn--primary:focus {
	background: var(--cna-guinda-dark);
	border-color: var(--cna-guinda-dark);
	color: #fff;
	outline: none;
}

.cna-eb-btn--link {
	background: transparent;
	color: var(--cna-guinda);
	border: none;
	padding: 10px 8px;
}
.cna-eb-btn--link:hover { text-decoration: underline; }

.cna-eb-btn--block {
	display: block;
	width: 100%;
	text-align: center;
}

/* Acciones */
.cna-eb-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 24px;
}
.cna-eb-actions--block { display: block; }

/* Links */
.cna-eb-link {
	color: var(--cna-guinda);
	font-weight: 600;
	text-decoration: none;
}
.cna-eb-link:hover { text-decoration: underline; }
.cna-eb-link--right { display: block; text-align: right; margin-top: 6px; font-size: 0.85rem; }

.cna-eb-aux {
	text-align: center;
	margin-top: 18px;
	color: var(--cna-text-muted);
	font-size: 0.9rem;
}

/* Nota y alertas */
.cna-eb-note {
	background: var(--cna-bg-soft);
	border-left: 3px solid var(--cna-guinda);
	padding: 10px 14px;
	font-size: 0.85rem;
	color: var(--cna-text-muted);
	border-radius: var(--cna-radius-sm);
	margin: 16px 0 0;
}

.cna-eb-alert {
	padding: 12px 16px;
	border-radius: var(--cna-radius-sm);
	margin: 0 0 18px;
	font-size: 0.92rem;
	border: 1px solid transparent;
}
.cna-eb-alert--success { background: #e6f4eb; color: var(--cna-success); border-color: var(--cna-success); }
.cna-eb-alert--error   { background: #fde9e7; color: var(--cna-error);   border-color: var(--cna-error); }
.cna-eb-alert--warning { background: #fff6d1; color: #8a6d00;            border-color: #8a6d00; }
.cna-eb-alert--info    { background: #e3f0fa; color: #0a558c;            border-color: #0a558c; }

/* Notices nativos de Edwiser */
.wdm-flash-info,
.wdm-flash-error,
.wdm-flash-success {
	padding: 12px 16px;
	border-radius: var(--cna-radius-sm);
	margin: 0 0 18px;
	font-size: 0.92rem;
}
.wdm-flash-info    { background: #e3f0fa; color: #0a558c;            border: 1px solid #0a558c; }
.wdm-flash-error   { background: #fde9e7; color: var(--cna-error);   border: 1px solid var(--cna-error); }
.wdm-flash-success { background: #e6f4eb; color: var(--cna-success); border: 1px solid var(--cna-success); }

/* =========================================================
   9. Responsive
   ========================================================= */

@media ( max-width: 768px ) {
	.eb-user-account-v2__wrapper { display: block !important; }
	.eb-user-account-v2__tabs    { border-right: none; border-bottom: 1px solid var(--cna-border); padding: 14px 0; }
	.eb-user-account-v2__tabs-content { padding: 22px 18px; }
	.eb-profile__row,
	.eb-profile__password-row { grid-template-columns: 1fr; gap: 12px; }
	.eb-profile__footer-content { flex-direction: column; align-items: stretch; }
	.eb-profile__btn--save { width: 100%; }
	.eb-user-account-v2__auth,
	.eb-user-account-v2__auth-wrapper { padding: 26px 22px; }
}

@media ( max-width: 640px ) {
	.cna-eb-card { padding: 24px 18px; }
	.cna-eb-row { grid-template-columns: 1fr; gap: 12px; }
	.cna-eb-actions { flex-direction: column; align-items: stretch; }
	.cna-eb-btn { width: 100%; text-align: center; }
}