/**
 * Design → Menus colors in mobile drawer (plain links + Show as button).
 * Loads after app.css to override legacy `.tw-mobile-nav__links a { color: inherit }`.
 */

.tw-mobile-nav__links a:not(.tw-btn) {
	display: block;
	border-radius: var(--tw-radius-control, 0.75rem);
	padding: 0.7rem 0.85rem;
	color: var(--tw-color-text);
	text-decoration: none;
	transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.tw-mobile-nav__links a:not(.tw-btn):hover,
.tw-mobile-nav__links a:not(.tw-btn):focus-visible {
	background: color-mix(in srgb, var(--tw-color-brand-secondary, #64748b) 10%, transparent);
	color: var(--tw-color-brand-primary, #4f46e5);
	outline: none;
}

.tw-mobile-nav__links a.tw-nav-link--brand:not(.tw-btn) {
	color: var(--tw-color-brand-primary);
}

.tw-mobile-nav__links a.tw-nav-link--secondary:not(.tw-btn) {
	color: var(--tw-color-brand-secondary);
}

.tw-mobile-nav__links a.tw-nav-link--accent:not(.tw-btn) {
	color: var(--tw-color-brand-accent);
}

.tw-mobile-nav__links a.tw-nav-link--muted:not(.tw-btn) {
	color: var(--tw-color-muted);
}

.tw-mobile-nav__links a.tw-nav-link--danger:not(.tw-btn) {
	color: #dc2626;
}

.tw-mobile-nav__links a.tw-btn.tw-nav-btn {
	display: inline-flex;
	width: 100%;
	justify-content: center;
	margin-block: 0.25rem;
	text-decoration: none;
}

.tw-mobile-nav__links a.tw-btn.tw-nav-btn:hover,
.tw-mobile-nav__links a.tw-btn.tw-nav-btn:focus-visible {
	outline: none;
}

/* Restore button variant tokens (mobile link chrome must not override .tw-btn). */
.tw-mobile-nav__links a.tw-btn.tw-btn--primary {
	color: var(--tw-color-on-primary);
	background-color: var(--tw-color-brand-primary);
}

.tw-mobile-nav__links a.tw-btn.tw-btn--secondary {
	color: var(--tw-color-page);
	background-color: var(--tw-color-brand-secondary);
}

.tw-mobile-nav__links a.tw-btn.tw-btn--accent {
	color: var(--tw-color-page);
	background-color: var(--tw-color-brand-accent);
}

.tw-mobile-nav__links a.tw-btn.tw-btn--surface {
	color: var(--tw-color-text);
	background-color: var(--tw-color-surface);
}

.tw-mobile-nav__links a.tw-btn.tw-btn--outline {
	color: var(--tw-color-brand-primary);
	background-color: transparent;
}

.tw-mobile-nav__links a.tw-btn.tw-btn--ghost {
	color: var(--tw-color-text);
	background-color: transparent;
}

.tw-mobile-nav__links a.tw-btn.tw-btn--dark {
	color: var(--tw-color-page);
	background-color: var(--tw-color-text);
}

.tw-nav-btn--danger.tw-btn--outline {
	color: #dc2626;
	border-color: #dc2626;
	--tw-ring-color: #dc2626;
}

.tw-site-header[data-mobile-menu="bottom_sheet"] .tw-mobile-nav__links a:not(.tw-btn),
body.tailwinder-mobile-menu-bottom_sheet .tw-site-header .tw-mobile-nav__links a:not(.tw-btn) {
	background: color-mix(in srgb, var(--tw-color-brand-secondary, #64748b) 5%, var(--tw-color-surface, #fff));
	margin-block: 0.2rem;
}

.tw-site-header[data-mobile-menu="dropdown"] .tw-mobile-nav__links a:not(.tw-btn),
body.tailwinder-mobile-menu-dropdown .tw-site-header .tw-mobile-nav__links a:not(.tw-btn) {
	border-radius: 0;
	padding-block: 0.8rem;
	border-bottom: 1px solid color-mix(in srgb, var(--tw-color-border, #e2e8f0) 80%, transparent);
}

.tw-site-header[data-mobile-menu="dropdown"] .tw-mobile-nav__links li:last-child a:not(.tw-btn),
body.tailwinder-mobile-menu-dropdown .tw-site-header .tw-mobile-nav__links li:last-child a:not(.tw-btn) {
	border-bottom: 0;
}

.tw-site-header[data-mobile-menu="fullscreen"] .tw-mobile-nav__links a:not(.tw-btn),
body.tailwinder-mobile-menu-fullscreen .tw-site-header .tw-mobile-nav__links a:not(.tw-btn) {
	padding: 0.85rem 1.25rem;
	min-width: 12rem;
}