/* Shared geometry for the main site navigation. Never styles article/sidebar nav. */
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container {
    box-sizing: border-box; position: fixed; inset: 0 0 auto; width: 100%; height: 60px;
    z-index: 9999; display: flex; flex-direction: row-reverse; justify-content: center;
    align-items: center; gap: 12px; padding: 0 16px;
    font: 600 14px/1.2 Inter, system-ui, sans-serif;
}
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link {
    box-sizing: border-box; display: flex; align-items: center; justify-content: center;
    flex: 0 0 auto; height: 40px; min-width: 0; padding: 0 16px;
    font: inherit; line-height: 1.2; white-space: nowrap; text-decoration: none;
    border-radius: 10px; border-width: 1px; border-style: solid; overflow: visible;
}
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .home-link { padding-left: 6px; }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .logo-image {
    display: block; width: 28px; height: 28px; border-radius: 50%; margin-right: 6px;
    border: 2px solid var(--te-line); flex: 0 0 auto;
}
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container #tront-theme-btn { cursor: pointer; gap: .3em; }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .theme-label { display: inline; }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container { background: var(--te-panel); border-bottom: 1px solid var(--te-line); }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container::before,
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link::before { display: none; }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link { color: var(--te-muted); background: var(--te-elem); border-color: var(--te-line); box-shadow: none; transform: none; transition: transform .16s ease; }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link:hover { color: var(--te-ink); background: var(--te-hover); }
html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link.active { color: var(--te-ink); background: var(--te-button); border-color: var(--te-accent); }
@media (max-width: 600px) {
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container { gap: 5px; padding: 0 8px; font-size: 12px; }
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link { padding: 0 9px; }
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .home-link { padding-left: 5px; }
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .logo-image { width: 24px; height: 24px; margin-right: 5px; }
}
@media (max-width: 360px) {
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .nav-link { padding-inline: 7px; }
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .logo-image,
    html[data-tront-theme-editor]:not([data-te-gallery="native"]) #magic-navbar-container .theme-icon { display: none; }
}
