/* ==========================================================================
   MTG Canarias – Mi cuenta
   Misma paleta que Bulk Card Search para que todo el sitio se sienta igual.
   Acotado a .mcc-page / .mcc-account / .mcc-perfil-gracias; lo que temas y
   maquetadores suelen pisar va con !important.
   ========================================================================== */

.mcc-page,
.mcc-account,
.mcc-perfil-gracias {
	--mcc-ink: #151515;
	--mcc-muted: #6d6d72;
	--mcc-line: #ececef;
	--mcc-soft: #f5f5f7;
	--mcc-accent: #e96400;
	--mcc-accent-dark: #cf5900;
	--mcc-accent-soft: #fff1e6;
	--mcc-ok: #2e7d32;
	--mcc-ok-soft: #e8f5e9;
	--mcc-ko: #c62828;
	--mcc-ko-soft: #fdecea;
	--mcc-info: #1d4f86;
	--mcc-info-soft: #e7f0fa;
	--mcc-warn: #8a5a00;
	--mcc-warn-soft: #fdf3e1;
	--mcc-radius: 14px;
	color: var(--mcc-ink);
	font-size: 15px;
	line-height: 1.5;
}
.mcc-page *, .mcc-page *::before, .mcc-page *::after,
.mcc-account *, .mcc-account *::before, .mcc-account *::after,
.mcc-perfil-gracias *, .mcc-perfil-gracias *::before, .mcc-perfil-gracias *::after { box-sizing: border-box; }
html.mcc-sin-scroll, html.mcc-sin-scroll body { overflow: hidden !important; }

/* ---------- Página propia ---------- */
/* Márgenes y ancho: se ajustan en WooCommerce → Mi cuenta (MTG) → Diseño de la página. */
.mcc-page { display: block; box-sizing: border-box; width: 100%; max-width: 100%; padding: var(--mcc-pad-top, 24px) var(--mcc-pad-x, 10px) var(--mcc-pad-bottom, 48px); }
.mcc-page-inner { width: 100%; max-width: var(--mcc-ancho, none); margin: 0 auto; }
.mcc-page-head { max-width: 900px; margin: 0 auto 20px; text-align: center; }
.mcc-page .mcc-title, .mcc-account .mcc-title { margin: 0 0 20px !important; padding: 0 !important; font-size: 30px !important; line-height: 1.15 !important; font-weight: 700 !important; letter-spacing: -.015em; color: var(--mcc-ink) !important; }

/* ---------- Estructura ---------- */
.mcc-account {
	box-sizing: border-box;
	display: grid;
	/* Mismas medidas que el panel lateral de Cartas sueltas (Bulk Card Search). */
	grid-template-columns: minmax(280px, 21%) minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	width: 100%;
	max-width: 100%;
}
.woocommerce-account .mcc-account .woocommerce-MyAccount-navigation,
.woocommerce-account .mcc-account .woocommerce-MyAccount-content {
	float: none !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.mcc-content { min-width: 0; overflow-wrap: anywhere; }
.mcc-content img { max-width: 100%; height: auto; }
.mcc-content > .woocommerce-notices-wrapper:empty { display: none; }

/* ---------- Menú lateral (escritorio) ---------- */
.mcc-nav {
	position: sticky;
	top: 24px;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--mcc-line);
	border-radius: var(--mcc-radius);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .05);
}
.mcc-nav-user { display: flex; align-items: center; gap: 12px; padding: 6px 6px 14px; margin-bottom: 8px; border-bottom: 1px solid var(--mcc-line); }
.mcc-avatar { flex: 0 0 40px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--mcc-accent); color: #fff; font-weight: 700; font-size: 17px; }
.mcc-nav-name { min-width: 0; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.mcc-nav-name small { display: block; overflow: hidden; color: var(--mcc-muted); font-weight: 400; font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.mcc-nav ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mcc-nav li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; background: none !important; }
.mcc-nav li::before, .mcc-nav li::after { display: none !important; }
.mcc-nav li a {
	display: flex !important;
	align-items: center;
	gap: 11px;
	padding: 9px 10px !important;
	border: 0 !important;
	border-radius: 10px;
	background: transparent !important;
	color: var(--mcc-ink) !important;
	font-size: 14.5px !important;
	font-weight: 500;
	text-decoration: none !important;
	transition: background .15s ease;
}
.mcc-nav li a:hover { background: var(--mcc-soft) !important; }
.mcc-nav li.is-active a { background: var(--mcc-accent-soft) !important; color: var(--mcc-accent) !important; font-weight: 600; }
.mcc-nav li.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px !important; padding-top: 6px !important; border-top: 1px solid var(--mcc-line) !important; }
.mcc-nav li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--mcc-muted) !important; }
.mcc-ico { flex: 0 0 18px; width: 18px; height: 18px; vertical-align: -3px; }

/* ---------- Barra y panel inferior (móvil y tableta) ---------- */
.mcc-mbar, .mcc-sheet { display: none; }

.mcc-mbar { position: sticky; top: 8px; z-index: 50; }
.mcc-mbar-btn {
	display: flex !important;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 !important;
	padding: 10px 12px !important;
	border: 1px solid var(--mcc-line) !important;
	border-radius: 16px !important;
	background: rgba(255, 255, 255, .96) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, .06) !important;
	color: var(--mcc-ink) !important;
	font: inherit !important;
	text-align: left;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}
.mcc-mbar-ico { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--mcc-accent-soft); color: var(--mcc-accent); }
.mcc-mbar-ico .mcc-ico { width: 20px; height: 20px; flex-basis: 20px; }
.mcc-mbar-txt { flex: 1; min-width: 0; font-weight: 700; font-size: 15.5px; line-height: 1.2; }
.mcc-mbar-txt small { display: block; color: var(--mcc-muted); font-weight: 500; font-size: 12px; }
.mcc-mbar-more { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 999px; background: var(--mcc-ink); color: #fff; font-size: 13px; font-weight: 600; }
.mcc-mbar-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }

.mcc-sheet { position: fixed; inset: 0; z-index: 100000; }
.mcc-sheet[hidden] { display: none !important; }
.mcc-sheet-backdrop { position: absolute; inset: 0; background: rgba(12, 12, 14, .45); opacity: 0; transition: opacity .25s ease; }
.mcc-sheet.is-open .mcc-sheet-backdrop { opacity: 1; }
.mcc-sheet-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 88vh;
	overflow-y: auto;
	padding: 8px 16px calc(18px + env(safe-area-inset-bottom));
	background: #fff;
	border-radius: 24px 24px 0 0;
	box-shadow: 0 -12px 40px rgba(0, 0, 0, .18);
	transform: translateY(100%);
	transition: transform .28s cubic-bezier(.2, .8, .2, 1);
	outline: none;
	overscroll-behavior: contain;
}
.mcc-sheet.is-open .mcc-sheet-panel { transform: translateY(0); }
.mcc-sheet-grip { display: block; width: 42px; height: 5px; margin: 4px auto 12px; border-radius: 999px; background: #d9d9de; }
.mcc-sheet-head { display: flex; align-items: center; gap: 12px; padding: 4px 2px 14px; }
.mcc-sheet-close {
	display: grid !important;
	place-items: center;
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	margin: 0 0 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var(--mcc-soft) !important;
	color: var(--mcc-ink) !important;
	cursor: pointer;
}
.mcc-sheet-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; }
.mcc-sheet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mcc-sheet-grid li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mcc-sheet-grid li::before { display: none !important; }
.mcc-sheet-grid a {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	height: 100%;
	padding: 14px !important;
	border: 1px solid var(--mcc-line);
	border-radius: 16px;
	background: #fff;
	color: var(--mcc-ink) !important;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none !important;
}
.mcc-sheet-grid a .mcc-ico { width: 22px; height: 22px; padding: 8px; box-sizing: content-box; border-radius: 12px; background: var(--mcc-soft); }
.mcc-sheet-grid a.is-active { border-color: #f3c9a6; background: var(--mcc-accent-soft); color: var(--mcc-accent) !important; }
.mcc-sheet-grid a.is-active .mcc-ico { background: #fff; }
.mcc-sheet-logout, .mcc-page a.mcc-sheet-logout {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 14px;
	padding: 12px !important;
	border-radius: 14px;
	background: var(--mcc-soft);
	color: var(--mcc-muted) !important;
	font-weight: 600;
	text-decoration: none !important;
}

/* ---------- Tipografía y piezas comunes ---------- */
.mcc-account .mcc-h1 { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.01em; }
.mcc-account .mcc-h2, .mcc-perfil-gracias .mcc-h2 { margin: 0 0 12px !important; font-size: 18px !important; line-height: 1.3; font-weight: 700; }
.mcc-eyebrow { margin: 0 0 2px !important; color: var(--mcc-muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.mcc-lead { margin: 0 0 16px !important; color: var(--mcc-muted); }
.mcc-muted { color: var(--mcc-muted); font-size: 13.5px; }
.mcc-nota { margin: 10px 0 0 !important; color: var(--mcc-muted); font-size: 13.5px; }
.mcc-link, .mcc-account a.mcc-link { color: var(--mcc-accent) !important; font-weight: 600; font-size: 14px; text-decoration: none !important; }
.mcc-link:hover { text-decoration: underline !important; }
.mcc-section { margin-top: 28px; }
.mcc-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.mcc-section-head .mcc-h2, .mcc-section-head .mcc-lead { margin: 0 !important; }
.mcc-card { padding: 20px; margin-bottom: 16px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }

.mcc-btn, .mcc-account a.mcc-btn, .mcc-perfil-gracias .mcc-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 40px;
	padding: 8px 16px !important;
	margin: 0 !important;
	border: 1px solid var(--mcc-line) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--mcc-ink) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	white-space: nowrap;
	box-shadow: none !important;
	cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.mcc-btn:hover { border-color: #d6d6db !important; background: var(--mcc-soft) !important; }
.mcc-btn-primary, .mcc-account a.mcc-btn-primary, .mcc-perfil-gracias .mcc-btn-primary { background: var(--mcc-accent) !important; border-color: var(--mcc-accent) !important; color: #fff !important; }
.mcc-btn-primary:hover { background: var(--mcc-accent-dark) !important; border-color: var(--mcc-accent-dark) !important; }
.mcc-btn-ghost { background: transparent !important; border-color: transparent !important; color: var(--mcc-muted) !important; }
.mcc-btn-sm, .mcc-account a.mcc-btn-sm { min-height: 34px; padding: 6px 12px !important; font-size: 13px !important; }
.mcc-btn .mcc-ico { width: 16px; height: 16px; flex-basis: 16px; }
.mcc-icon-btn { display: grid; place-items: center; width: 34px; height: 34px; padding: 0 !important; border: 0 !important; border-radius: 8px; background: transparent !important; color: var(--mcc-muted) !important; cursor: pointer; }
.mcc-icon-btn:hover { background: var(--mcc-ko-soft) !important; color: var(--mcc-ko) !important; }
.mcc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.mcc-inline { display: inline; margin: 0; }

/* Botón discreto de quitar (Mis cartas) */
.mcc-quitar, .mcc-account button.mcc-quitar {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	min-height: 32px;
	margin: 0 !important;
	padding: 5px 10px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--mcc-muted) !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
.mcc-quitar .mcc-ico { width: 14px; height: 14px; flex-basis: 14px; }
.mcc-quitar:hover { background: var(--mcc-ko-soft) !important; color: var(--mcc-ko) !important; }
.mcc-quitar[disabled] { opacity: .5; }

.mcc-badge { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.mcc-badge.is-ok { background: var(--mcc-ok-soft); color: var(--mcc-ok); }
.mcc-badge.is-info { background: var(--mcc-info-soft); color: var(--mcc-info); }
.mcc-badge.is-aviso { background: var(--mcc-warn-soft); color: var(--mcc-warn); }
.mcc-badge.is-ko { background: var(--mcc-ko-soft); color: var(--mcc-ko); }
.mcc-badge.is-neutro { background: var(--mcc-soft); color: var(--mcc-muted); }

.mcc-alerta, .mcc-account a.mcc-alerta {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 16px;
	margin: 0 0 16px;
	border-radius: 12px;
	color: var(--mcc-ink) !important;
	text-decoration: none !important;
}
.mcc-alerta .mcc-ico { margin-top: 2px; }
.mcc-alerta.is-ok { background: var(--mcc-ok-soft); }
.mcc-alerta.is-ok .mcc-ico { color: var(--mcc-ok); }
.mcc-alerta.is-info { background: var(--mcc-info-soft); }
.mcc-alerta.is-info .mcc-ico { color: var(--mcc-info); }
.mcc-alerta.is-aviso { background: var(--mcc-warn-soft); flex-wrap: wrap; align-items: center; }

.mcc-vacio { padding: 40px 20px; text-align: center; background: var(--mcc-soft); border-radius: var(--mcc-radius); color: var(--mcc-muted); }
.mcc-vacio .mcc-ico { width: 34px; height: 34px; margin-bottom: 6px; opacity: .6; }
.mcc-vacio p { max-width: 420px; margin: 0 auto 14px !important; }

/* ---------- Resumen ---------- */
.mcc-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.mcc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 12px; margin-bottom: 8px; }
.mcc-stat, .mcc-account a.mcc-stat { display: flex; flex-direction: column; min-width: 0; padding: 16px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); color: var(--mcc-ink) !important; text-decoration: none !important; transition: border-color .15s ease, transform .15s ease; }
.mcc-stat:hover { border-color: #d6d6db; transform: translateY(-2px); }
.mcc-stat-n { font-size: 26px; font-weight: 700; line-height: 1.1; }
.mcc-stat-l { color: var(--mcc-muted); font-size: 13.5px; }

/* ---------- Pedidos ---------- */
.mcc-orders { display: grid; gap: 14px; }
.mcc-order { min-width: 0; padding: 18px 20px; margin-bottom: 14px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }
.mcc-orders .mcc-order { margin-bottom: 0; }
.mcc-order.is-destacada { border-color: #f3c9a6; box-shadow: 0 8px 24px rgba(233, 100, 0, .07); }
.mcc-order-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mcc-order-head > div { min-width: 0; }
.mcc-order-num, .mcc-account a.mcc-order-num { display: block; color: var(--mcc-ink) !important; font-size: 16.5px; font-weight: 700; text-decoration: none !important; }
.mcc-order-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-top: 10px; font-size: 14px; color: var(--mcc-muted); }
.mcc-order-meta > span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.mcc-order-meta .mcc-link { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.mcc-steps { display: flex; margin: 18px 0 6px !important; padding: 0 !important; list-style: none !important; }
.mcc-steps li { position: relative; flex: 1; min-width: 0; margin: 0 !important; padding: 0 4px !important; text-align: center; list-style: none !important; }
.mcc-steps li::before { content: ""; position: absolute; top: 11px; left: -50%; width: 100%; height: 2px; background: var(--mcc-line); }
.mcc-steps li:first-child::before { display: none; }
.mcc-steps li.is-done::before, .mcc-steps li.is-current::before { background: var(--mcc-ok); }
.mcc-step-dot { position: relative; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; margin: 0 auto 6px; border: 2px solid var(--mcc-line); border-radius: 50%; background: #fff; }
.mcc-step-dot .mcc-ico { width: 13px; height: 13px; flex-basis: 13px; stroke-width: 3; }
.mcc-steps li.is-done .mcc-step-dot { border-color: var(--mcc-ok); background: var(--mcc-ok); color: #fff; }
.mcc-steps li.is-current .mcc-step-dot { border-color: var(--mcc-accent); box-shadow: 0 0 0 4px var(--mcc-accent-soft); }
.mcc-steps li.is-current .mcc-step-dot::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--mcc-accent); }
.mcc-step-txt { display: block; font-size: 12.5px; font-weight: 600; color: var(--mcc-muted); line-height: 1.3; overflow-wrap: normal; }
.mcc-steps li.is-done .mcc-step-txt, .mcc-steps li.is-current .mcc-step-txt { color: var(--mcc-ink); }
.mcc-step-txt small { display: block; font-weight: 400; color: var(--mcc-muted); }

.mcc-thumbs { display: flex; align-items: center; gap: 8px; margin-top: 14px; overflow: hidden; }
.mcc-account img.mcc-thumb { flex: 0 0 46px; width: 46px !important; height: auto !important; aspect-ratio: 488 / 680; object-fit: cover; border-radius: 3px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .15); }
.mcc-thumb-mas { flex: 0 0 46px; display: grid; place-items: center; width: 46px; aspect-ratio: 488 / 680; border-radius: 4px; background: var(--mcc-soft); color: var(--mcc-muted); font-size: 13px; font-weight: 600; }

.mcc-relacionados { margin: 12px 0 0 !important; padding: 10px 14px !important; list-style: none !important; background: var(--mcc-soft); border-radius: 10px; font-size: 14px; }
.mcc-relacionados li { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 10px; margin: 0 !important; padding: 3px 0; list-style: none !important; }
.mcc-relacionados a { color: var(--mcc-ink) !important; }

.mcc-lista-compacta { display: grid; gap: 6px; }
.mcc-fila, .mcc-account a.mcc-fila { display: grid; grid-template-columns: auto 1fr auto auto; align-items: center; gap: 14px; padding: 12px 16px; background: #fff; border: 1px solid var(--mcc-line); border-radius: 12px; color: var(--mcc-ink) !important; text-decoration: none !important; }
.mcc-fila:hover { border-color: #d6d6db; }
.mcc-fila-num { font-weight: 700; }
.mcc-fila-total { font-weight: 600; }

.mcc-paginas { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 20px; }

.mcc-ver-pedido { margin-bottom: 24px; padding: 18px 20px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }
.mcc-ver-pedido .mcc-actions:empty { display: none; }
.mcc-seguimiento { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 14px 0 0 !important; }

/* ---------- Formularios propios ---------- */
.mcc-form .mcc-btn-primary { margin-top: 6px !important; }
.mcc-grid-2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 16px; }
.mcc-col-2 { grid-column: 1 / -1; }
.mcc-field { margin: 0 0 14px !important; }
.mcc-field label { display: block; margin-bottom: 5px; font-size: 13.5px; font-weight: 600; }
.mcc-field label small { color: var(--mcc-muted); font-weight: 400; }
.mcc-field abbr { color: var(--mcc-ko); text-decoration: none; border: 0; }
.mcc-account .mcc-field input, .mcc-account .mcc-field select,
.mcc-perfil-gracias .mcc-field input,
.mcc-account .mcc-avisar select {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 42px;
	padding: 8px 12px !important;
	border: 1px solid #dcdce0 !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--mcc-ink) !important;
	font-size: 15px !important;
	box-shadow: none !important;
}
.mcc-account .mcc-field input:focus, .mcc-account .mcc-field select:focus, .mcc-perfil-gracias .mcc-field input:focus { outline: none; border-color: var(--mcc-accent) !important; box-shadow: 0 0 0 3px var(--mcc-accent-soft) !important; }

.mcc-opciones { display: grid; gap: 8px; }
.mcc-opcion { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid var(--mcc-line); border-radius: 12px; cursor: pointer; }
.mcc-opcion:has(input:checked) { border-color: var(--mcc-accent); background: var(--mcc-accent-soft); }
.mcc-opcion input { accent-color: var(--mcc-accent); }
.mcc-opcion-txt { flex: 1; min-width: 0; font-weight: 600; }
.mcc-opcion-precio { font-weight: 700; white-space: nowrap; }

/* ---------- Mis cartas ---------- */
.mcc-tabs { display: flex; gap: 6px; padding: 4px; margin-bottom: 18px; background: var(--mcc-soft); border-radius: 12px; }
.mcc-tab, .mcc-account a.mcc-tab { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; padding: 9px 12px; border-radius: 9px; color: var(--mcc-muted) !important; font-weight: 600; font-size: 14.5px; text-align: center; text-decoration: none !important; }
.mcc-tab.is-active { background: #fff; color: var(--mcc-ink) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
.mcc-count { padding: 1px 8px; border-radius: 999px; background: #e4e4e8; color: var(--mcc-ink); font-size: 12px; white-space: nowrap; }
.mcc-count.is-ok { background: var(--mcc-ok); color: #fff; }

.mcc-grid-cartas { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
.mcc-carta { display: flex; flex-direction: column; min-width: 0; padding: 10px 10px 8px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); transition: border-color .15s ease, box-shadow .15s ease; }
.mcc-carta:hover { border-color: #e2e2e6; box-shadow: 0 10px 26px rgba(0, 0, 0, .06); }
.mcc-carta-img img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 488 / 680; object-fit: cover; border-radius: 4.7% / 3.5% !important; box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
.mcc-carta-info { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 10px; }
.mcc-carta-nombre, .mcc-account a.mcc-carta-nombre { color: var(--mcc-ink) !important; font-weight: 600; font-size: 14.5px; line-height: 1.3; text-decoration: none !important; }
.mcc-carta-precio { font-weight: 700; }
.mcc-carta-acciones { display: flex; align-items: center; gap: 6px; width: 100%; margin-top: auto; padding-top: 8px; border-top: 1px solid var(--mcc-line); }
.mcc-carta-acciones .mcc-quitar { margin-left: auto !important; }
.mcc-avisar { display: flex; flex-direction: column; gap: 6px; width: 100%; }
.mcc-account .mcc-avisar select { min-height: 34px; padding: 4px 8px !important; font-size: 13px !important; }

.mcc-avisos { margin: 0 !important; padding: 0 !important; list-style: none !important; display: grid; gap: 8px; }
.mcc-aviso { display: flex; align-items: center; gap: 14px; margin: 0 !important; padding: 10px 12px; background: #fff; border: 1px solid var(--mcc-line); border-radius: 12px; list-style: none !important; }
.mcc-aviso.is-ok { border-color: #b9dfbb; background: #fbfefb; }
.mcc-aviso-img { flex: 0 0 44px; }
.mcc-aviso-img img { display: block; width: 44px !important; height: auto !important; border-radius: 3px !important; }
.mcc-aviso-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mcc-aviso-txt a { color: var(--mcc-ink) !important; text-decoration: none !important; }
.mcc-aviso-acciones { display: flex; align-items: center; gap: 8px; }

/* ---------- Mazos ---------- */
.mcc-grid-mazos { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.mcc-mazo { display: flex; flex-direction: column; min-width: 0; overflow: hidden; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }
.mcc-mazo-cover { position: relative; display: block; height: 120px; background: linear-gradient(135deg, #2b2b30, #151515); overflow: hidden; }
.mcc-mazo-cover img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center 22%; opacity: .95; }
.mcc-mazo-pips { position: absolute; left: 10px; bottom: 10px; display: flex; gap: 3px; }
.mcc-mazo-info { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px 14px; }
.mcc-mazo-info .mcc-badge { align-self: flex-start; margin-top: 4px; white-space: normal; }
.mcc-mazo-info .mcc-actions { margin-top: 10px; }
.mcc-mazo-nombre, .mcc-account a.mcc-mazo-nombre { color: var(--mcc-ink) !important; font-weight: 700; font-size: 15.5px; text-decoration: none !important; }

.mcc-pip { display: inline-grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; font-style: normal; font-size: 11px; font-weight: 700; box-shadow: 0 1px 3px rgba(0, 0, 0, .35); }
.mcc-pip-w { background: #f8f3d8; color: #6b5b1f; }
.mcc-pip-u { background: #aad4ef; color: #0e4a73; }
.mcc-pip-b { background: #b7aca8; color: #1d1a19; }
.mcc-pip-r { background: #f1a68a; color: #7a1d06; }
.mcc-pip-g { background: #9fcfa9; color: #174d23; }
.mcc-pip-c { background: #d7d3d0; color: #3a3735; }
/* Símbolos de maná oficiales en «Colores favoritos» del perfil de jugador. */
.mcc-pill-mana img.mcc-pip-sym { display: inline-block; width: 20px !important; height: 20px !important; vertical-align: middle; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); }

/* Símbolos de maná oficiales sobre la portada del mazo (más específico que «.mcc-mazo-cover img»). */
.mcc-mazo-cover .mcc-mazo-pips img.mcc-pip-sym { flex: 0 0 22px; width: 22px !important; height: 22px !important; object-fit: contain; opacity: 1; border-radius: 50%; box-shadow: 0 1px 3px rgba(0, 0, 0, .45); }

/* ---------- Búsquedas ---------- */
.mcc-historial { margin: 0 !important; padding: 0 !important; list-style: none !important; display: grid; gap: 8px; }
.mcc-historial li { display: flex; align-items: center; gap: 12px; margin: 0 !important; padding: 10px 12px; background: #fff; border: 1px solid var(--mcc-line); border-radius: 12px; list-style: none !important; }
.mcc-hist-tipo { flex: 0 0 auto; padding: 2px 9px; border-radius: 999px; background: var(--mcc-soft); color: var(--mcc-muted); font-size: 12px; font-weight: 600; }
.mcc-hist-txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mcc-hist-txt small { display: block; color: var(--mcc-muted); font-size: 12.5px; }

/* ---------- Perfil de jugador ---------- */
.mcc-perfil-gracias { margin: 32px 0; padding: 22px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }
.mcc-para-que { display: flex; align-items: flex-start; gap: 12px; margin: 0 0 22px; padding: 14px 16px; border-radius: 12px; background: var(--mcc-accent-soft); }
.mcc-para-que .mcc-ico { flex: 0 0 22px; width: 22px; height: 22px; color: var(--mcc-accent); }
.mcc-para-que p { margin: 0 !important; font-size: 14.5px; }
.mcc-perfil-form fieldset, .mcc-perfil-form .mcc-grupo { min-width: 0; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important; }
.mcc-perfil-form legend { margin-bottom: 10px; padding: 0; font-size: 15px; font-weight: 700; }
.mcc-perfil-form legend small { margin-left: 6px; color: var(--mcc-muted); font-size: 12.5px; font-weight: 500; }
.mcc-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.mcc-pill { position: relative; margin: 0 !important; cursor: pointer; }
.mcc-pill input { position: absolute !important; opacity: 0; width: 1px; height: 1px; }
.mcc-pill span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid #dcdce0; border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; transition: all .15s ease; }
.mcc-pill:hover span { border-color: #c4c4ca; }
.mcc-pill input:checked + span { border-color: var(--mcc-accent); background: var(--mcc-accent-soft); color: var(--mcc-accent); }
.mcc-pill input:focus-visible + span { outline: 2px solid var(--mcc-accent); outline-offset: 2px; }
.mcc-pill-mana span { padding-left: 6px; }
.mcc-form-msg { color: var(--mcc-ok); font-size: 14px; font-weight: 600; }

.mcc-tags { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 46px; padding: 6px 8px; border: 1px solid #dcdce0; border-radius: 12px; background: #fff; cursor: text; }
.mcc-tags:focus-within { border-color: var(--mcc-accent); box-shadow: 0 0 0 3px var(--mcc-accent-soft); }
.mcc-tag { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 4px 4px 4px 11px; border-radius: 999px; background: var(--mcc-ink); color: #fff; font-size: 13.5px; font-weight: 600; }
.mcc-tag button { display: grid !important; place-items: center; width: 22px; height: 22px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .15) !important; color: #fff !important; font-size: 15px !important; line-height: 1 !important; cursor: pointer; }
.mcc-tag button:hover { background: rgba(255, 255, 255, .3) !important; }
.mcc-account .mcc-tags input.mcc-tags-input, .mcc-perfil-gracias .mcc-tags input.mcc-tags-input { flex: 1 1 160px; min-width: 0; min-height: 32px; padding: 4px 6px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 15px !important; outline: none; }
.mcc-tags-sug { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 20; max-height: 280px; overflow-y: auto; margin: 0 !important; padding: 6px !important; list-style: none !important; background: #fff; border: 1px solid var(--mcc-line); border-radius: 12px; box-shadow: 0 14px 34px rgba(0, 0, 0, .12); }
.mcc-tags-sug li { margin: 0 !important; padding: 8px 10px; border-radius: 8px; list-style: none !important; cursor: pointer; font-weight: 600; font-size: 14px; }
.mcc-tags-sug li small { color: var(--mcc-muted); font-weight: 400; }
.mcc-tags-sug li:hover, .mcc-tags-sug li.is-active { background: var(--mcc-accent-soft); }

/* ---------- Páginas nativas de WooCommerce dentro del panel ---------- */
.mcc-content table { width: 100% !important; max-width: 100%; }
.mcc-content .woocommerce-table--order-details,
.mcc-content .shop_table { border: 1px solid var(--mcc-line) !important; border-radius: 12px; border-collapse: separate !important; border-spacing: 0; overflow: hidden; }
.mcc-content .shop_table th, .mcc-content .shop_table td { padding: 12px 14px !important; }
.mcc-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.mcc-content .woocommerce-Addresses::before, .mcc-content .woocommerce-Addresses::after { display: none !important; }
.mcc-content .woocommerce-Addresses .woocommerce-Address { float: none !important; width: auto !important; padding: 18px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }
.mcc-content .woocommerce-EditAccountForm input.input-text,
.mcc-content .woocommerce-address-fields input.input-text,
.mcc-content .woocommerce-address-fields select { width: 100% !important; min-height: 42px; border: 1px solid #dcdce0 !important; border-radius: 10px !important; padding: 8px 12px !important; }
.mcc-content button.button, .mcc-content .button { border-radius: 10px !important; }

/* Acceso (sin sesión) */
.mcc-page .woocommerce > .u-columns, .mcc-page #customer_login { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; max-width: 900px; margin: 0 auto; }
.mcc-page #customer_login::before, .mcc-page #customer_login::after { display: none !important; }
.mcc-page #customer_login .u-column1, .mcc-page #customer_login .u-column2 { float: none !important; width: auto !important; padding: 24px; background: #fff; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); }
.mcc-page .woocommerce > form.woocommerce-form-login { max-width: 460px; margin: 0 auto !important; padding: 24px !important; background: #fff; border: 1px solid var(--mcc-line) !important; border-radius: var(--mcc-radius) !important; }
.mcc-page .woocommerce-form-login input.input-text, .mcc-page .woocommerce-form-register input.input-text { width: 100% !important; min-height: 44px; border: 1px solid #dcdce0 !important; border-radius: 10px !important; padding: 8px 12px !important; }
.mcc-page .woocommerce-form-login .button, .mcc-page .woocommerce-form-register .button { min-height: 44px; padding: 10px 20px !important; border: 0 !important; border-radius: 10px !important; background: var(--mcc-accent) !important; color: #fff !important; font-weight: 600 !important; }

/* ---------- Tableta y móvil (≤ 1024 px, mismo corte que Bulk Card Search) ---------- */
@media (max-width: 1024px) {
	.mcc-page { padding: var(--mcc-pad-top-m, 16px) var(--mcc-pad-x-m, 10px) var(--mcc-pad-bottom-m, 40px); }
	.mcc-account { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.mcc-nav { display: none !important; }
	.mcc-mbar { display: block; }
	.mcc-sheet { display: block; }
	.mcc-page .mcc-title, .mcc-account .mcc-title { font-size: 25px !important; margin-bottom: 14px !important; }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.mcc-sheet-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mcc-sheet-panel { left: 50%; right: auto; width: min(640px, 100%); transform: translate(-50%, 100%); }
	.mcc-sheet.is-open .mcc-sheet-panel { transform: translate(-50%, 0); }
}

/* ---------- Móvil (< 600 px) ---------- */
@media (max-width: 599px) {
	.mcc-account .mcc-h1 { font-size: 23px; }
	.mcc-hero .mcc-btn { width: 100%; }
	.mcc-order, .mcc-card, .mcc-ver-pedido { padding: 14px; }
	.mcc-order-head { flex-direction: column; gap: 6px; }
	.mcc-step-txt { font-size: 10.5px; }
	.mcc-step-txt small { display: none; }
	.mcc-steps li { padding: 0 2px !important; }
	.mcc-grid-2 { grid-template-columns: minmax(0, 1fr); }
	.mcc-stats { gap: 8px; }
	.mcc-stat { padding: 12px; }
	.mcc-stat-n { font-size: 22px; }
	.mcc-stat-l { font-size: 12px; }
	.mcc-grid-cartas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.mcc-carta-acciones { flex-wrap: wrap; }
	.mcc-grid-mazos { grid-template-columns: minmax(0, 1fr); }
	.mcc-fila, .mcc-account a.mcc-fila { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; padding: 12px; }
	.mcc-fila .mcc-muted { display: none; }
	.mcc-tabs { flex-direction: column; }
	.mcc-aviso { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px 12px; }
	.mcc-aviso-img { grid-row: span 2; }
	.mcc-aviso-acciones { flex-wrap: wrap; }
	.mcc-historial li { flex-wrap: wrap; }
	.mcc-hist-txt { flex-basis: calc(100% - 70px); }
	.mcc-actions .mcc-btn { flex: 1 1 auto; }
	.mcc-opcion { padding: 12px; }
	.mcc-content .shop_table th, .mcc-content .shop_table td { padding: 10px !important; font-size: 14px; }
	.mcc-mbar-more { padding: 8px 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.mcc-page *, .mcc-account *, .mcc-perfil-gracias * { transition: none !important; animation: none !important; }
}

/* ---------- Mis cartas → Colección (álbum visual) ---------- */
.mcc-col-cab { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 14px; }
.mcc-col-cab > p { margin: 0 !important; margin-right: auto !important; }
.mcc-col-buscar { margin: 0; }
.mcc-col-buscar input[type="search"] { width: 240px; max-width: 100%; height: 38px; padding: 0 12px !important; border: 1px solid #dcdce0 !important; border-radius: 10px !important; background: #fff !important; font-size: 14px; }
.mcc-col-anadir { margin: 0 0 18px; padding: 14px 16px; background: var(--mcc-soft); border-radius: var(--mcc-radius); }
.mcc-col-anadir p { margin: 0 0 8px !important; font-size: 13px; }
.mcc-col-anadir textarea { width: 100%; box-sizing: border-box; padding: 10px 12px !important; border: 1px solid #dcdce0 !important; border-radius: 10px !important; background: #fff !important; font-family: inherit; font-size: 14px; }
.mcc-col-anadir-pie { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; }
.mcc-col-msg { font-size: 13px; color: var(--mcc-muted); }

.mcc-album { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 12px; }
.mcc-album-carta { position: relative; margin: 0 !important; }
.mcc-album-carta a { display: block; border-radius: 4.7% / 3.5%; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, .14); transition: transform .2s ease, box-shadow .2s ease; }
.mcc-album-carta a:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(0, 0, 0, .18); }
.mcc-album-carta img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 488 / 680; object-fit: cover; background: var(--mcc-soft); }
.mcc-album-carta.is-foil a::after { content: ""; position: absolute; inset: 0; background: linear-gradient(125deg, rgba(255, 120, 200, .22), rgba(120, 200, 255, .22) 40%, rgba(160, 255, 140, .2) 70%, rgba(255, 230, 120, .22)); mix-blend-mode: screen; pointer-events: none; border-radius: 4.7% / 3.5%; }
.mcc-album-qty { position: absolute; top: 6px; left: 6px; padding: 1px 7px; border-radius: 999px; background: rgba(21, 21, 21, .85); color: #fff; font-size: 12px; font-weight: 800; pointer-events: none; }
.mcc-account .mcc-album-quitar, .mcc-album-quitar { position: absolute; top: 6px; right: 6px; width: 24px !important; height: 24px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .92) !important; color: var(--mcc-ink) !important; font-size: 16px !important; line-height: 1 !important; cursor: pointer; opacity: 0; transition: opacity .15s; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }
.mcc-album-carta:hover .mcc-album-quitar, .mcc-album-quitar:focus { opacity: 1; }
@media (hover: none) { .mcc-album-quitar { opacity: .85; } }
.mcc-coleccion .mcc-paginas a, .mcc-coleccion .mcc-paginas span { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; border-radius: 9px; color: var(--mcc-ink); text-decoration: none; font-weight: 600; font-size: 14px; }
.mcc-coleccion .mcc-paginas a.is-active { background: var(--mcc-ink); color: #fff; }
.mcc-coleccion .mcc-paginas { gap: 4px; }
@media (max-width: 1024px) {
	.mcc-album { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
	.mcc-col-buscar, .mcc-col-buscar input[type="search"] { width: 100%; }
	.mcc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------------------------------------------------------------- Buzón (1.3.0) */

.mcc-nav-n { display: inline-grid; place-items: center; min-width: 20px; height: 20px; margin-left: auto; padding: 0 6px; border-radius: 999px; background: var(--mcc-accent); color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1; box-sizing: border-box; }
.mcc-sheet-grid .mcc-nav-n { position: absolute; top: 8px; right: 8px; margin: 0; }
.mcc-sheet-grid a { position: relative; }
.mcc-mbar-more .mcc-nav-n { margin: 0 2px 0 0; }

.mcc-buzon { display: flex; flex-direction: column; gap: 14px; }
.mcc-msg { min-width: 0; padding: 16px 18px; border: 1px solid var(--mcc-line); border-radius: var(--mcc-radius); background: #fff; }
.mcc-msg.is-nuevo { border-color: #f3c9a6; box-shadow: inset 4px 0 0 var(--mcc-accent); }
.mcc-msg-cab { display: flex; align-items: flex-start; gap: 12px; }
.mcc-msg-ico { flex: 0 0 38px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--mcc-accent-soft); color: var(--mcc-accent); }
.mcc-msg-tit { flex: 1; min-width: 0; }
.mcc-msg-tit h3 { margin: 0 !important; padding: 0 !important; font-size: 16.5px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--mcc-ink) !important; overflow-wrap: anywhere; }
.mcc-msg-tit time { display: block; margin-top: 2px; color: var(--mcc-muted); font-size: 12.5px; }
.mcc-msg-nuevo { flex: none; padding: 2px 9px; border-radius: 999px; background: var(--mcc-accent); color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; }
.mcc-msg-txt { margin-top: 10px; overflow-wrap: anywhere; }
.mcc-msg-txt p { margin: 0 0 8px !important; }
.mcc-msg-txt p:last-child { margin-bottom: 0 !important; }
.mcc-msg-cartas { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 12px; margin-top: 14px; }
.mcc-msg-carta { position: relative; min-width: 0; margin: 0 !important; }
.mcc-msg-carta img { display: block; width: 100% !important; height: auto !important; border-radius: 4.7% / 3.5%; box-shadow: 0 2px 8px rgba(0, 0, 0, .14); }
.mcc-msg-carta figcaption { margin-top: 6px; color: var(--mcc-muted); font-size: 12px; line-height: 1.3; overflow-wrap: anywhere; }
.mcc-msg-carta .mcc-album-qty { top: 6px; left: 6px; }
@media (max-width: 600px) {
	.mcc-msg { padding: 14px; }
	.mcc-msg-cartas { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}

/* ---------------------------------------------------------------- Pedido recibido y cupones (1.4.0) */

.mcc-recibido-caja { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: var(--mcc-soft); }
.mcc-recibido-form { margin: 0 !important; }
.mcc-recibido-form .mcc-ico { width: 16px; height: 16px; vertical-align: -3px; }
.mcc-incidencia { flex: 1 1 220px; }
.mcc-incidencia summary { cursor: pointer; font-size: 14px; }
.mcc-incidencia form { display: grid; gap: 10px; margin-top: 10px !important; }
.mcc-incidencia label { display: grid; gap: 4px; font-size: 13.5px; font-weight: 600; }
.mcc-incidencia select, .mcc-incidencia textarea { width: 100% !important; max-width: 100%; box-sizing: border-box; padding: 8px 10px !important; border: 1px solid var(--mcc-line) !important; border-radius: 10px !important; background: #fff !important; font: inherit; font-weight: 400; }
.mcc-incidencia .mcc-btn { justify-self: start; }
.mcc-recibido { display: flex; align-items: center; gap: 8px; margin: 14px 0 0 !important; padding: 10px 14px; border-radius: 12px; font-size: 14px; }
.mcc-recibido .mcc-ico { width: 18px; height: 18px; }
.mcc-recibido.is-ok { background: var(--mcc-ok-soft); color: var(--mcc-ok); font-weight: 600; }
.mcc-recibido.is-aviso { background: var(--mcc-warn-soft); color: var(--mcc-warn); }
.mcc-msg-pedido { margin-top: 10px; }

.mcc-cupon { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 14px; padding: 14px 16px; border: 2px dashed #f3b27c; border-radius: 12px; background: var(--mcc-accent-soft); }
.mcc-cupon-eti { flex-basis: 100%; color: var(--mcc-muted); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.mcc-cupon-cod { font-size: 22px; font-weight: 800; letter-spacing: .06em; color: var(--mcc-accent); overflow-wrap: anywhere; }
.mcc-cupon-cond { flex: 1 1 180px; min-width: 0; color: var(--mcc-ink); font-size: 13.5px; }
.mcc-cupon.is-off { border-color: var(--mcc-line); background: var(--mcc-soft); }
.mcc-cupon.is-off .mcc-cupon-cod { color: var(--mcc-muted); text-decoration: line-through; }

/* Deseadas que no están en el catálogo (anotadas desde la búsqueda por lista) — 1.6.0 */
.mcc-grid-cartas[hidden] { display: none; }
.mcc-pedidas { margin-top: 24px; }
.mcc-pedidas h3 { margin: 0 0 4px; font-size: 16px; }
.mcc-pedidas .mcc-muted { margin: 0 0 12px; }
.mcc-pedidas-lista { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mcc-pedida { display: inline-flex; align-items: center; gap: 6px; margin: 0 !important; padding: 6px 6px 6px 12px; border: 1px solid #e4e4e8; border-radius: 999px; background: #fafafb; font-size: 14px; }
.mcc-pedida .mcc-quitar { width: 24px; height: 24px; padding: 0 !important; border-radius: 50%; font-size: 16px; line-height: 1; justify-content: center; }

/* Colección: editar una carta (edición, estado, idioma, foil, copias). */
.mcc-account .mcc-album-editar, .mcc-album-editar { position: absolute; top: 34px; right: 6px; display: flex; align-items: center; justify-content: center; width: 24px !important; height: 24px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, .92) !important; color: var(--mcc-ink) !important; cursor: pointer; opacity: 0; transition: opacity .15s; box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }
.mcc-album-editar .mcc-ico { width: 14px; height: 14px; }
.mcc-album-carta:hover .mcc-album-editar, .mcc-album-editar:focus { opacity: 1; }
@media (hover: none) { .mcc-album-editar { opacity: .85; } }
.mcc-col-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 16px; }
.mcc-col-modal[hidden] { display: none !important; }
.mcc-col-modal-fondo { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); }
.mcc-col-modal-caja { position: relative; width: 100%; max-width: 720px; max-height: calc(100vh - 32px); overflow: auto; padding: 20px; border-radius: var(--mcc-radius); background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); }
.mcc-col-modal-caja h3 { margin: 0 32px 14px 0 !important; font-size: 18px !important; }
.mcc-account .mcc-col-modal-x, .mcc-col-modal-x { position: absolute; top: 10px; right: 10px; width: 32px !important; height: 32px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: var(--mcc-soft) !important; color: var(--mcc-ink) !important; font-size: 20px !important; line-height: 1 !important; cursor: pointer; }
.mcc-col-fila { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) minmax(0, 1fr) 70px auto; gap: 8px; align-items: end; padding: 10px 0; border-bottom: 1px solid var(--mcc-line); }
.mcc-col-campo { display: grid; gap: 3px; margin: 0 !important; font-size: 12px; color: var(--mcc-muted); }
.mcc-col-campo select, .mcc-col-campo input { width: 100%; height: 36px; padding: 0 8px !important; border: 1px solid #dcdce0 !important; border-radius: 8px !important; background: #fff !important; color: var(--mcc-ink); font-size: 14px; }
.mcc-col-foil { display: flex; align-items: center; gap: 5px; height: 36px; margin: 0 !important; font-size: 14px; white-space: nowrap; }
@media (max-width: 600px) {
	.mcc-col-fila { grid-template-columns: 1fr 1fr; }
	.mcc-col-fila .mcc-col-campo:first-child { grid-column: 1 / -1; }
}