/*
 * c-dropdown — lo mínimo para que funcione: el menú flota sobre el contenido
 * debajo del botón. Colores de sistema (Canvas/CanvasText) para que se lea sin
 * estilos de theme. Lo visual (bordes, sombras, espaciado) lo pone cada theme.
 * JS: js/c-dropdown.js
 */
@layer components {
	.c-dropdown {
		position: relative;
	}
	.c-dropdown__menu {
		position: absolute;
		z-index: var(--z-dropdown, 1000);
		inset-block-start: 100%;
		inset-inline-start: 0;
		min-inline-size: max-content;
		background: var(--color-surface, Canvas);
		color: var(--color-fg, CanvasText);
	}
	.c-dropdown__menu--end {
		inset-inline-start: auto;
		inset-inline-end: 0;
	}
}