/* Sir Neko Barra. Roles de MARCA.md con fallback porque también corre en el panel, donde el theme no carga.
 * Nunca el verde: MARCA.md lo reserva para comprar. LiteSpeed reordena el CSS combinado: se gana por especificidad. */

/* Josefin para el panel: mismas rutas que design-tokens.css. En la tienda el navegador reutiliza el mismo archivo. */
@font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/fonts/josefin-sans/Qw3aZQNVED7rKGKxtqIqX5EUDXx4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.snbar {
	box-sizing: border-box;
	height: 28px;
	overflow: hidden;
	font-family: var(--sn-font-display, 'Josefin Sans', -apple-system, sans-serif);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1;
	text-transform: uppercase;
}
.snbar--manteca { background: var(--sn-palette-butter-soft, #fbefc4); color: var(--sn-palette-ink, #1a1a1a); }
.snbar--menta { background: var(--sn-palette-mint, #c8e6d0); color: var(--sn-palette-ink, #1a1a1a); }
.snbar--celeste { background: var(--sn-palette-sky, #cce4f5); color: var(--sn-palette-ink, #1a1a1a); }
.snbar--rosa { background: var(--sn-palette-blush, #f7d5d5); color: var(--sn-palette-ink, #1a1a1a); }
.snbar--negro { background: var(--sn-palette-ink, #1a1a1a); color: var(--sn-palette-white, #fff); }
.snbar.snbar--negro { border-bottom: 1px solid rgba(255, 255, 255, .2); } /* La separa de la barra negra del theme. */

.snbar .snbar__track {
	display: flex;
	width: max-content;
	padding: 9px 0 7px; /* Josefin lleva el texto arriba de su caja. */
	animation: snbar var(--snbar-time, 30s) linear infinite;
}
.snbar:hover .snbar__track,
.snbar:focus-within .snbar__track { animation-play-state: paused; }
.snbar .snbar__line { flex: none; white-space: nowrap; }
.snbar .snbar__sep { margin: 0 1.25em; }
.snbar .snbar__msg a,
.snbar .snbar__msg a:hover,
.snbar .snbar__msg a:focus,
.snbar .snbar__msg a:visited { color: inherit; text-decoration: underline; }
.snbar .snbar__msg a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; box-shadow: none; } /* currentColor: el foco negro no se ve sobre la barra negra. */
.snbar .woocommerce-Price-amount {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
@keyframes snbar { to { transform: translateX( var( --snbar-shift ) ); } }

/* Sin movimiento: el texto se lee quieto y completo. */
@media (prefers-reduced-motion: reduce) {
	.snbar { height: auto; min-height: 28px; }
	.snbar .snbar__track { justify-content: center; width: auto; padding-inline: 1rem; animation: none; }
	.snbar .snbar__line { flex: 0 1 auto; line-height: 1.35; text-align: center; white-space: normal; }
	.snbar .snbar__line[aria-hidden] { display: none; }
	.snbar .snbar__line > .snbar__sep:last-child { display: none; }
}

/* ── Pantalla del admin ── */
.snbar-admin .snbar-admin-empty { margin: 0; padding: .5rem .75rem; background: #fff; border: 1px solid #c3c4c7; }
.snbar-admin .snbar-admin-colors,
.snbar-admin .snbar-admin-pages { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.snbar-admin .snbar-admin-colors label { display: inline-flex; align-items: center; gap: .35rem; }
.snbar-admin .snbar-admin-pages label { white-space: nowrap; }
.snbar-admin-swatch {
	display: inline-block;
	padding: .35rem .6rem;
	border: 1px solid rgba(26, 26, 26, .5);
	border-radius: 4px;
	font-weight: 600;
}
.snbar-admin-messages { max-width: 1100px; }
.snbar-admin-messages th:first-child { width: 4rem; }
.snbar-admin-messages th:nth-child(3) { width: 9rem; }
.snbar-admin-messages th:last-child { width: 10rem; }
.snbar-admin-messages .snbar-message__on-label { display: none; }
.snbar-admin-messages .snbar-message__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .5rem .75rem;
}
.snbar-admin-messages .snbar-message__fields label { display: block; min-width: 0; font-weight: 600; }
.snbar-admin-messages .snbar-message__fields .snbar-message__text { grid-column: 1 / -1; }
.snbar-admin-messages .snbar-message__fields input,
.snbar-admin-messages .snbar-message__fields select,
.snbar-admin-messages .snbar-message__fields textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: .2rem 0 0;
	font-weight: 400;
}
.snbar-admin-messages .snbar-message__actions .button-link { display: inline-block; margin-top: .35rem; }
.snbar-admin-status {
	display: inline-block;
	padding: .15rem .5rem;
	background: #f0f0f1;
	border-radius: 4px;
	color: #1a1a1a;
	font-weight: 600;
}
.snbar-admin-status--live { background: #c8e6d0; }
.snbar-admin-tokens { max-width: 720px; }
/* Bajo el corte de WordPress cada mensaje se apila, sin scroll horizontal. */
@media (max-width: 782px) {
	.snbar-admin-messages thead { display: none; }
	.snbar-admin-messages,
	.snbar-admin-messages tbody,
	.snbar-admin-messages tr,
	.snbar-admin-messages td { display: block; width: auto; box-sizing: border-box; }
	.snbar-admin-messages .snbar-message__fields { display: grid; grid-template-columns: minmax(0, 1fr); }
	.snbar-admin-messages .snbar-message__on-label { display: inline; }
	.snbar-admin .snbar-admin-pages label { white-space: normal; }
}