.mamute-mpn-nav {
display: flex;
gap: .75rem;
justify-content: space-between;
align-items: center;
margin-top: 1.25rem;
padding-top: .75rem;
border-top: 1px solid rgba(0,0,0,.08);
flex-wrap: wrap;
}
.mamute-mpn-top {
margin-bottom: 1rem;
border-top: 0;
padding-top: 0;
border-bottom: 1px solid rgba(0,0,0,.08);
padding-bottom: .75rem;
}
.mamute-mpn-nav a {
display: inline-block;
padding: .6rem 1rem;
border: 1px solid;
border-radius: .5rem;
text-decoration: none !important;
font-weight: 600;
line-height: 1;
transition: filter .15s ease, box-shadow .15s ease, transform .02s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
} .mamute-mpn-theme-primary a {
background: #1a73e8 !important; color: #ffffff !important; border-color: #1a73e8 !important;
}
.mamute-mpn-theme-primary a:hover {
background: #1558d6 !important; color: #ffffff !important; border-color: #1558d6 !important;
}
.mamute-mpn-theme-success a {
background: #16a34a !important; color: #ffffff !important; border-color: #16a34a !important;
}
.mamute-mpn-theme-success a:hover {
background: #15803d !important; color: #ffffff !important; border-color: #15803d !important;
}
.mamute-mpn-theme-danger a {
background: #dc2626 !important; color: #ffffff !important; border-color: #dc2626 !important;
}
.mamute-mpn-theme-danger a:hover {
background: #b91c1c !important; color: #ffffff !important; border-color: #b91c1c !important;
}
.mamute-mpn-theme-warning a {
background: #f59e0b !important; color: #111827 !important; border-color: #f59e0b !important;
}
.mamute-mpn-theme-warning a:hover {
background: #d97706 !important; color: #111827 !important; border-color: #d97706 !important;
}
.mamute-mpn-theme-dark a {
background: #111827 !important; color: #f9fafb !important; border-color: #111827 !important;
}
.mamute-mpn-theme-dark a:hover {
background: #0b1220 !important; color: #ffffff !important; border-color: #0b1220 !important;
}
.mamute-mpn-theme-light a {
background: #f3f4f6 !important; color: #111827 !important; border-color: #e5e7eb !important;
}
.mamute-mpn-theme-light a:hover {
background: #e5e7eb !important; color: #111827 !important; border-color: #d1d5db !important;
}
.mamute-mpn-theme-outline a {
background: transparent !important; color: #111827 !important; border-color: #9ca3af !important;
}
.mamute-mpn-theme-outline a:hover {
background: #f3f4f6 !important; color: #111827 !important; border-color: #6b7280 !important;
}
.mamute-mpn-theme-ghost a {
background: transparent !important; color: #374151 !important; border-color: transparent !important;
}
.mamute-mpn-theme-ghost a:hover {
background: #f9fafb !important; color: #111827 !important; border-color: #e5e7eb !important;
}
.mamute-mpn-theme-gradient a {
background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%) !important;
color: #ffffff !important; border-color: #1d4ed8 !important;
}
.mamute-mpn-theme-gradient a:hover {
filter: brightness(0.95) !important;
} .mamute-mpn-theme-custom a {
background: var(--mpn-bg, #1a73e8) !important;
color: var(--mpn-color, #ffffff) !important;
border-color: var(--mpn-border, #1a73e8) !important;
}
.mamute-mpn-theme-custom a:hover {
background: var(--mpn-bg-hover, var(--mpn-bg, #1558d6)) !important;
color: var(--mpn-color-hover, var(--mpn-color, #ffffff)) !important;
border-color: var(--mpn-border-hover, var(--mpn-border, #1558d6)) !important;
} .mamute-mpn-nav a:hover {
box-shadow: 0 2px 10px rgba(0,0,0,.08) !important;
}
.mamute-mpn-nav a:active {
transform: translateY(1px);
}
.mamute-mpn-back { margin-left: auto; } @media (max-width: 480px) {
.mamute-mpn-nav {
flex-direction: column;
align-items: stretch;
}
.mamute-mpn-back { margin-left: 0; text-align: center; }
} .mamute-mpn-native-disabled,
.mamute-mpn-native-disabled-item { display: none !important; }