/* Public navigation only. Profile forms and player/actions keep their existing styles. */
.shorts-sidebar { display: none; }
body.shorts-shell-route { --shorts-sidebar-width: 270px; --shorts-shell-accent: var(--shorts-desktop-primary, var(--primary-color, #eb3349)); }
.shorts-sidebar ul { list-style: none; margin: 0; padding: 0; }
.shorts-sidebar a { color: inherit; text-decoration: none; }
.shorts-sidebar :focus-visible, .shorts-mobile-nav :focus-visible { outline: 2px solid var(--shorts-desktop-link-hover, var(--shorts-shell-accent)); outline-offset: 3px; }
.shorts-sidebar__brand { display: flex; align-items: center; font-size: 24px; font-weight: 800; min-height: 52px; }
.shorts-sidebar__brand img { height: auto; max-height: 52px; max-width: 100%; object-fit: contain; width: auto; }
.shorts-sidebar__search .shorts-search-form { display: flex; align-items: center; gap: 6px; margin: 0; }
.shorts-sidebar__search label { flex: 1; margin: 0; min-width: 0; }
.shorts-sidebar__search .search-field { background: #202024; border: 1px solid #34343a; border-radius: 22px; box-sizing: border-box; color: #fff; font-size: 13px; height: 44px; padding: 10px 12px; width: 100%; }
.shorts-sidebar__search .search-submit { border: 0; border-radius: 22px; min-height: 44px; padding: 8px 10px; font-size: 12px; }
.shorts-sidebar__search .search-submit, .shorts-sidebar .shorts-account-controls > button { background: var(--shorts-desktop-button-bg, var(--shorts-shell-accent)); color: var(--shorts-desktop-button-text, #fff); }
.shorts-sidebar__search .search-submit:hover, .shorts-sidebar .shorts-account-controls > button:hover { background: var(--shorts-desktop-button-hover-bg, var(--shorts-shell-accent)); color: var(--shorts-desktop-button-hover-text, #fff); }
.shorts-sidebar-menu li { position: relative; }
.shorts-sidebar-menu a { display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 9px 12px; border-radius: 8px; font-size: 17px; font-weight: 650; }
.shorts-sidebar-menu .icon { font-size: 24px; flex: 0 0 26px; text-align: center; }
.shorts-shell-menu-label { min-width: 0; overflow-wrap: anywhere; }
.shorts-sidebar-menu a:hover, .shorts-sidebar-menu a:focus-visible { background: #202024; color: var(--shorts-desktop-link-hover, var(--shorts-shell-accent)); }
.shorts-sidebar-menu .current-menu-item > a, .shorts-sidebar-menu .current-menu-ancestor > a { background: #202024; color: var(--shorts-desktop-nav-hover, #fff); box-shadow: inset 3px 0 var(--shorts-shell-accent); }
.shorts-sidebar-menu .current-menu-item > a > .icon { color: var(--shorts-shell-accent); }
.shorts-sidebar-menu .sub-menu { padding-left: 20px; }
.shorts-sidebar-menu .sub-menu a { font-size: 14px; font-weight: 500; }
.shorts-sidebar__account { border-top: 1px solid #2b2b31; padding-top: 16px; }
.shorts-sidebar .shorts-account-controls { align-items: stretch; display: flex; flex-direction: column; margin: 0; width: 100%; }
.shorts-sidebar .shorts-account-controls > button { border: 0; font-size: 16px; font-weight: 700; min-height: 46px; }
.shorts-sidebar .shorts-account-controls [data-shorts-session-user] { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 8px; max-width: 100%; }
.shorts-sidebar .shorts-account-controls [data-shorts-session-name] { max-width: none; }
.shorts-sidebar .shorts-account-controls [data-shorts-session-user] a, .shorts-sidebar .shorts-account-controls [data-shorts-account-logout] { grid-column: 1 / -1; display: flex; align-items: center; justify-content: flex-start; min-height: 44px; padding: 8px 12px; }
.shorts-sidebar__footer { margin-top: auto; border-top: 1px solid #2b2b31; padding-top: 16px; }
.shorts-sidebar-footer-menu { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.shorts-sidebar-footer-menu a { color: #a4a4ad; display: inline-flex; align-items: center; font-size: 12px; min-height: 44px; }
.shorts-sidebar-footer-menu a:hover { color: var(--shorts-desktop-link-hover, #fff); }
.shorts-sidebar__footer .shorts-language-selector { margin-top: 8px; }
.shorts-shell-route .shorts-language-feed-footer { display: none; }
.shorts-shell-route .shorts-mobile-register { background: transparent; border: 1px solid currentColor; border-radius: 8px; color: inherit; min-height: 44px; margin: 0 24px 16px; padding: 8px 12px; }
.shorts-shell-route .shorts-mobile-register[hidden] { display: none; }

@media (min-width: 992px) {
	body.shorts-shell-route .shorts-shell-viewport-anchor { display: block; position: fixed; top: 0; left: 0; width: 0; height: 0; min-height: 0; padding: 0; margin: 0; border: 0; overflow: hidden; pointer-events: none; }
	body.admin-bar.shorts-shell-route .shorts-shell-viewport-anchor { top: 32px; }
	.shorts-shell-route .shorts-sidebar { background: #0c0c0e; border-right: 1px solid #242428; color: #f3f3f5; box-sizing: border-box; display: flex; flex-direction: column; gap: 20px; position: fixed; inset: 0 auto 0 0; width: var(--shorts-sidebar-width); height: 100vh; height: 100dvh; padding: 20px 18px; overflow-y: auto; overscroll-behavior: contain; z-index: 1200; }
	.admin-bar.shorts-shell-route .shorts-sidebar { top: 32px; height: calc(100dvh - 32px); }
	.shorts-shell-route .wrap { box-sizing: border-box; margin-left: var(--shorts-sidebar-width); width: calc(100% - var(--shorts-sidebar-width)); }
	.shorts-shell-route .site-header { display: none; }
	.shorts-shell-route .site-content .container, .shorts-shell-route .site-footer .container { width: 100%; max-width: min(1170px, calc(100% - 32px)); }
	.shorts-shell-route.shorts-feed-route .shorts-page > .container { max-width: none; padding: 0; }
	.shorts-shell-route.shorts-feed-route:not(.shorts-focus-mode) .shorts-feed-item:not(.shorts-ad-item) .shorts-feed-item__stage { --shorts-desktop-video-width: min(calc(var(--shorts-desktop-media-height) * var(--shorts-video-ratio, 0.5625)), calc(100vw - var(--shorts-sidebar-width) - 160px)); }
	.shorts-shell-route.shorts-feed-route:not(.shorts-focus-mode) .shorts-feed-loader { left: calc((100vw + var(--shorts-sidebar-width)) / 2); }
	.shorts-shell-route:not(.shorts-focus-mode) .shorts-recommendations-menu { left: calc(var(--shorts-sidebar-width) + 16px); }
	body.shorts-focus-mode .shorts-sidebar { display: none; }
	.shorts-shell-route .shorts-mobile-nav { display: none; }
}

@media (max-width: 991px) {
	.shorts-shell-route .shorts-shell-viewport-anchor { display: none; }
	.shorts-shell-route:not(.shorts-feed-route) .site-header .c-sub-header-nav, .shorts-shell-route:not(.shorts-feed-route) .site-header .main-menu { display: none; }
	.shorts-shell-route:not(.shorts-feed-route) .site-header .c-header__top, .shorts-shell-route:not(.shorts-feed-route) .site-header .main-navigation, .shorts-shell-route:not(.shorts-feed-route) .site-header .main-navigation > .container, .shorts-shell-route:not(.shorts-feed-route) .site-header .main-navigation_wrap { height: 58px; min-height: 58px; padding-top: 0; padding-bottom: 0; }
	.shorts-shell-route .site-header .main-navigation_wrap { position: relative; }
	.shorts-shell-route .site-header .wrap_branding { float: none; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 58px; display: flex; align-items: center; width: auto; max-width: calc(100% - 112px); margin: 0; }
	.shorts-shell-route .site-header .wrap_branding img { max-height: 38px; max-width: 160px; width: auto; object-fit: contain; }
	.shorts-shell-route .site-header .c-togle__menu { left: 4px; right: auto; top: 4px; position: absolute; }
	.shorts-shell-route .site-header .menu_icon__open { width: 44px; height: 44px; }
	.shorts-shell-route .site-header .menu_icon__open span { pointer-events: none; }
	.shorts-shell-route .site-header .search-navigation { right: 4px; left: auto; top: 4px; position: absolute; }
	.shorts-shell-route .site-header .search-navigation .main-menu-search .menu-search { margin: 0; }
	.shorts-shell-route .site-header .search-navigation .menu-search > a { align-items: center; justify-content: center; display: flex; min-width: 44px; min-height: 44px; }
	.shorts-shell-route .site-header .main-navigation_wrap > .shorts-account-controls { display: none; }
	.shorts-shell-route .mobile-menu { background: #0c0c0e; color: #f3f3f5; width: min(340px,calc(100vw - 24px)); height: 100dvh; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }
	.shorts-shell-route .mobile-menu { left: calc(0px - min(340px,calc(100vw - 24px))); visibility: hidden; pointer-events: none; }
	.shorts-shell-route .mobile-menu.active { left: 0; visibility: visible; pointer-events: auto; }
	.shorts-shell-route .mobile-menu .close-nav { height: 44px; margin: max(12px,env(safe-area-inset-top)) 0 4px; }
	.shorts-shell-route .mobile-menu .c-user_item { display: none; }
	.shorts-shell-route .mobile-menu .shorts-account-controls { align-items: stretch; flex-direction: column; margin: 12px 24px; }
	.shorts-shell-route .mobile-menu .shorts-account-controls [data-shorts-session-user] { flex-wrap: wrap; max-width: 100%; }
	.shorts-shell-route .mobile-menu .shorts-account-controls [data-shorts-session-user] a, .shorts-shell-route .mobile-menu .shorts-account-controls button { min-height: 44px; }
	.shorts-shell-route .mobile-menu .off-menu { padding-top: 8px; max-height: none; overflow: visible; }
	.shorts-shell-route .mobile-menu .off-menu a { display: flex; align-items: center; gap: 12px; min-height: 44px; }
	.shorts-shell-route .mobile-menu .off-menu ul.main-navbar { padding: 0 24px; margin: 0; float: none; }
	.shorts-shell-route .mobile-menu .off-menu ul.main-navbar > li { padding: 4px 0; border-bottom: 0; }
	.shorts-shell-route .mobile-menu .off-menu ul.main-navbar a { text-transform: none; font-size: 16px; }
	.shorts-shell-route .mobile-menu .off-menu .icon { font-size: 22px; }
	.shorts-mobile-language { margin: 16px 24px; }
	.shorts-shell-route .shorts-mobile-nav { background: rgba(10,10,10,.96); bottom: 0; display: block; box-sizing: border-box; left: 0; right: 0; position: fixed; z-index: 1090; min-height: calc(58px + env(safe-area-inset-bottom)); padding: 5px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left)); }
	.shorts-bottom-menu { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0,1fr); list-style: none; margin: 0; padding: 0; }
	.shorts-bottom-menu > li { list-style: none; min-width: 0; }
	.shorts-shell-route .shorts-mobile-nav__item { align-items: center; color: #bcbcc3; display: flex; flex-direction: column; font-size: 10px; font-weight: 600; gap: 2px; justify-content: center; min-height: 48px; text-decoration: none; line-height: 1.2; padding: 0 2px; }
	.shorts-shell-route .shorts-mobile-nav__item .icon { font-size: 22px; }
	.shorts-shell-route .shorts-mobile-nav .current-menu-item > a { color: #fff; }
	.shorts-shell-route .shorts-mobile-nav .current-menu-item .icon { color: var(--shorts-shell-accent); }
	.shorts-shell-route:not(.shorts-feed-route) .site-content { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}

@media (max-width: 991px) and (max-height: 520px) and (orientation: landscape) {
	.shorts-shell-route .site-header .wrap_branding { height: 48px; }
	.shorts-shell-route .site-header .c-togle__menu, .shorts-shell-route .site-header .search-navigation { top: 0; }
	.shorts-shell-route .shorts-mobile-nav { min-height: calc(50px + env(safe-area-inset-bottom)); padding-top: 1px; }
	.shorts-shell-route .shorts-mobile-nav__item { flex-direction: row; min-height: 44px; gap: 5px; }
}
