/* Moozonian Videos — YouTube-inspired interface, original Moozonian visual identity.
   Scoped to PlayTube frontend. Non-destructive: theme's templates and JS remain intact. */
:root {
  --moo-accent:#087af5; --moo-accent-2:#16b7fa; --moo-bg:#f8fafc;
  --moo-panel:#fff; --moo-text:#101b2c; --moo-muted:#69778a;
  --moo-line:#e5eaf1; --moo-hover:#eff5fc; --moo-header:70px;
  --moo-sidebar:232px; --moo-radius:16px;
  color-scheme:light;
}
html {scroll-behavior:smooth}
body.moo-videos-v1 {background:var(--moo-bg) !important;color:var(--moo-text);font-family:Inter,Roboto,'Segoe UI',Arial,sans-serif!important;font-size:14px}
body.moo-videos-v1.moo-night {--moo-bg:#0c111b;--moo-panel:#151c29;--moo-text:#f4f7fd;--moo-muted:#a1afc2;--moo-line:#293347;--moo-hover:#202c40;color-scheme:dark}
body.moo-videos-v1.moo-night,body.moo-videos-v1.moo-night .yp_side_menu,body.moo-videos-v1.moo-night #main-container {background:var(--moo-bg)!important;color:var(--moo-text)}
body.moo-videos-v1 *,body.moo-videos-v1 *::before,body.moo-videos-v1 *::after {box-sizing:border-box}
body.moo-videos-v1 a {transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
body.moo-videos-v1 a:focus-visible,body.moo-videos-v1 button:focus-visible,body.moo-videos-v1 input:focus-visible {outline:3px solid rgba(8,122,245,.55)!important;outline-offset:2px}
/* Top chrome: use the original PlayTube controls, preserving all events */
body.moo-videos-v1 > header,body.moo-videos-v1 header .navbar,body.moo-videos-v1 header .navbar-fixed-top,
body.moo-videos-v1 header .navbar-default {background:var(--moo-panel)!important;border-color:var(--moo-line)!important;box-shadow:none!important}
body.moo-videos-v1 > header {z-index:1000!important;min-height:var(--moo-header);border-bottom:1px solid var(--moo-line)!important}
body.moo-videos-v1 header .navbar,body.moo-videos-v1 header nav {min-height:var(--moo-header)!important}
body.moo-videos-v1 header .navbar .container,body.moo-videos-v1 header .navbar .container-fluid {max-width:none!important}
body.moo-videos-v1 header :is(input[type=search],input[type=text]) {border-radius:28px!important;min-height:42px!important;background:var(--moo-bg)!important;border:1px solid var(--moo-line)!important;color:var(--moo-text)!important;box-shadow:none!important}
body.moo-videos-v1 header :is(input[type=search],input[type=text])::placeholder {color:var(--moo-muted)!important}
body.moo-videos-v1 header :is(button[type=submit],.search-button,.search-btn,.btn-search) {background:linear-gradient(135deg,var(--moo-accent),var(--moo-accent-2))!important;color:white!important;border-radius:0 24px 24px 0!important;border:0!important;min-height:42px}
body.moo-videos-v1 header :is(.dropdown-menu,.dropdown-content) {border:1px solid var(--moo-line);border-radius:14px;box-shadow:0 14px 34px rgba(10,28,52,.14);background:var(--moo-panel);color:var(--moo-text)}
body.moo-videos-v1 header :is(button,a) {color:inherit}
body.moo-videos-v1 header :is(button,a):hover {color:var(--moo-accent)}
/* Brand placement. The existing logo source is retained and correctly sized. */
body.moo-videos-v1 .top_logo {min-height:var(--moo-header)!important;display:flex!important;align-items:center!important;padding:0 12px!important;overflow:visible!important}
body.moo-videos-v1 .top_logo .navbar-brand.logo-img {height:var(--moo-header)!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:0 8px!important;margin:0!important;line-height:1!important;text-decoration:none!important;float:none!important}
body.moo-videos-v1 .top_logo .logo-img img,body.moo-videos-v1 header .logo-img img {width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;display:block!important;position:static!important;margin:0!important}
body.moo-videos-v1 .moo-brand-words {display:inline-flex;flex-direction:column;justify-content:center;gap:2px;white-space:nowrap;line-height:1.05}
body.moo-videos-v1 .moo-brand-name {font-size:19px;font-weight:800;letter-spacing:-.6px;color:var(--moo-text)}
body.moo-videos-v1 .moo-brand-sub {font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--moo-accent);font-weight:800}
/* Primary sidebar: replace icon rail with a useful familiar vertical navigation. */
body.moo-videos-v1 .left_menu.desktop {width:var(--moo-sidebar)!important;max-width:var(--moo-sidebar)!important;background:var(--moo-panel)!important;border-right:1px solid var(--moo-line)!important;box-shadow:none!important;overflow-y:auto!important;scrollbar-width:thin}
body.moo-videos-v1 .left_menu .yp_side_drawer {width:100%!important;max-width:100%!important;position:relative!important;background:transparent!important;box-shadow:none!important}
body.moo-videos-v1 .left_menu .sections {padding:6px 10px!important;margin:0!important;list-style:none}
body.moo-videos-v1 .left_menu .sections li {width:100%!important;float:none!important;display:block!important;margin:3px 0!important;border-radius:11px!important;overflow:visible!important}
body.moo-videos-v1 .left_menu .sections li a {min-height:43px!important;padding:10px 13px!important;display:flex!important;align-items:center!important;gap:16px!important;border-radius:11px!important;font-weight:550!important;font-size:13.5px!important;color:var(--moo-text)!important;text-decoration:none!important;background:transparent!important;white-space:normal!important}
body.moo-videos-v1 .left_menu .sections li a svg,body.moo-videos-v1 .left_menu .sections li a i {width:21px!important;height:21px!important;flex:0 0 21px!important;fill:currentColor;max-width:21px}
body.moo-videos-v1 .left_menu .sections li a span {display:inline!important;opacity:1!important;visibility:visible!important;font-size:13.5px!important;line-height:1.35!important;white-space:normal!important}
body.moo-videos-v1 .left_menu .sections li a:hover {background:var(--moo-hover)!important}
body.moo-videos-v1 .left_menu .sections li.active a {background:rgba(8,122,245,.10)!important;color:var(--moo-accent)!important;font-weight:700!important}
body.moo-videos-v1 .left_menu .menu_static_text {color:var(--moo-muted)!important;font-size:11px!important;letter-spacing:1.3px!important;text-transform:uppercase!important;font-weight:800!important;padding:20px 15px 7px!important;height:auto!important;display:block!important}
body.moo-videos-v1 .left_menu .pt_footer {padding:16px 15px 24px;border-top:1px solid var(--moo-line)}
/* Main content: release legacy fixed widths, increase whitespace and enable responsive grids. */
body.moo-videos-v1 .yp_side_menu {background:var(--moo-bg)!important;min-height:calc(100vh - var(--moo-header))!important}
body.moo-videos-v1 #main-container {width:auto!important;max-width:none!important;background:transparent!important;padding:20px 30px 60px!important;min-height:calc(100vh - var(--moo-header))}
body.moo-videos-v1 .new_left_right {display:flex!important;align-items:stretch!important;max-width:none!important}
body.moo-videos-v1 .content_main_wrapper {min-width:0!important;width:auto!important;flex:1 1 auto!important;max-width:100%!important;background:transparent!important}
body.moo-videos-v1 #container_content {min-width:0!important;width:100%!important;max-width:none!important}
body.moo-videos-v1 .pt_hmpg_contanr {max-width:100%!important}
body.moo-videos-v1 .main-content.container,body.moo-videos-v1 .main-content.container-fluid {max-width:none!important}
body.moo-videos-v1 #main-container :is(h1,h2,h3,h4) {color:var(--moo-text);letter-spacing:-.35px}
body.moo-videos-v1 #main-container :is(p,.text-muted,.text-muted *) {color:var(--moo-muted)}
/* Page heading and category navigation, injected only where appropriate. */
body.moo-videos-v1 .moo-page-intro {padding:7px 0 19px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body.moo-videos-v1 .moo-page-intro h1 {margin:0!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.8px!important;line-height:1.25!important}
body.moo-videos-v1 .moo-page-intro p {margin:6px 0 0!important;color:var(--moo-muted)!important;font-size:13px!important}
body.moo-videos-v1 .moo-browse-tabs {display:flex;gap:9px;flex-wrap:nowrap;overflow-x:auto;padding:2px 0 19px;scrollbar-width:thin}
body.moo-videos-v1 .moo-browse-tabs a {display:inline-flex;white-space:nowrap;align-items:center;padding:8px 15px;border-radius:8px;background:var(--moo-panel);color:var(--moo-text);font-weight:650;font-size:12.5px;text-decoration:none;border:1px solid var(--moo-line)}
body.moo-videos-v1 .moo-browse-tabs a:hover {border-color:var(--moo-accent);color:var(--moo-accent)}
body.moo-videos-v1 .moo-browse-tabs a[aria-current=page] {background:var(--moo-text);border-color:var(--moo-text);color:var(--moo-panel)}
/* Cards and thumbnails: preserve PlayTube's real data and links. */
body.moo-videos-v1 :is(.video-list,.videos-list,.video-wrapper,.videos-container,.video-grid,.pt_vdo_grid,.pt_videos_list,.pt_video_grid) {max-width:100%!important}
body.moo-videos-v1 :is(.video-list,.videos-list,.pt_vdo_grid,.pt_video_grid) {row-gap:26px!important}
body.moo-videos-v1 :is(.video-list,.videos-list,.pt_vdo_grid,.pt_video_grid) > :is(.col-md-3,.col-lg-3,.col-sm-6) {min-width:0}
body.moo-videos-v1 :is(.video-list,.videos-list,.pt_vdo_grid,.pt_video_grid) :is(img,.video-thumbnail img) {object-fit:cover}
body.moo-videos-v1 :is(.video-thumbnail,.video-thumbs,.video-thumb,.video-image,.pt_video_thumb,.pt_vdo_thumb,.thumbnail) {border-radius:13px!important;overflow:hidden;box-shadow:none!important;background:var(--moo-hover)}
body.moo-videos-v1 :is(.video-thumbnail,.video-thumbs,.video-thumb,.video-image,.pt_video_thumb,.pt_vdo_thumb) img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .22s ease}
body.moo-videos-v1 :is(.video-thumbnail,.video-thumbs,.video-thumb,.video-image,.pt_video_thumb,.pt_vdo_thumb):hover img {transform:scale(1.025)}
body.moo-videos-v1 :is(.video-title,.video-title a,.video-name,.video-name a,.pt_video_title,.pt_video_title a) {font-size:14px!important;font-weight:700!important;line-height:1.45!important;color:var(--moo-text)!important}
body.moo-videos-v1 :is(.video-views,.video-views span,.video-info,.video-info span,.video-published,.video-time) {color:var(--moo-muted)!important}
/* Empty-state redesign: don't suggest videos are loaded when database is empty. */
body.moo-videos-v1 :is(.no-video-found,.no_videos_found,.no-videos-found,.empty-state,.empty_list,.no-video) {border:1px solid var(--moo-line)!important;background:var(--moo-panel)!important;border-radius:20px!important;box-shadow:none!important;min-height:300px;padding:44px 22px!important}
body.moo-videos-v1 :is(.no-video-found,.no_videos_found,.no-videos-found,.empty-state,.empty_list,.no-video) :is(h2,h3,h4) {font-size:21px!important;font-weight:800!important}
body.moo-videos-v1 :is(.no-video-found,.no_videos_found,.no-videos-found,.empty-state,.empty_list,.no-video) :is(button,a.btn) {border-radius:9px!important}
/* Watch and movie pages. Keep original players and interactive controls. */
body.moo-videos-v1 .watch-container,body.moo-videos-v1 .movies-container {max-width:none!important}
body.moo-videos-v1 :is(.video-player,.watch-video,.video-player-container,.plyr,.video-js,.fluid_video_wrapper) {border-radius:14px!important;overflow:hidden;background:#020814!important;max-width:100%}
body.moo-videos-v1 :is(.video-player video,.video-js video,.plyr video) {max-width:100%}
body.moo-videos-v1 :is(.watch-video-title,.video-big-title,.watch_title) {font-weight:800;color:var(--moo-text);letter-spacing:-.3px}
body.moo-videos-v1 :is(.btn-primary,.btn-info,.matbtn,.btn-blue) {border-radius:9px}
body.moo-videos-v1 :is(.btn-primary,.btn-info) {background:var(--moo-accent);border-color:var(--moo-accent);color:#fff}
body.moo-videos-v1 :is(.panel,.well,.card,.pt_shadow) {background:var(--moo-panel);border-color:var(--moo-line);color:var(--moo-text);box-shadow:none;border-radius:13px}
body.moo-videos-v1 :is(input.form-control,textarea.form-control,select.form-control) {background:var(--moo-panel);border:1px solid var(--moo-line);color:var(--moo-text);border-radius:9px}
body.moo-videos-v1 .modal-content {background:var(--moo-panel);color:var(--moo-text);border-radius:16px;border-color:var(--moo-line)}
/* Existing earlier logo CSS has global image selectors; override with higher specificity. */
body.moo-videos-v1 .top_logo a.logo-img img[src*='moozonian.png'] {width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important}
/* Responsive and accessible. */
@media(max-width:1200px){:root{--moo-sidebar:205px}body.moo-videos-v1 #main-container{padding:18px 22px 50px!important}}
@media(max-width:990px){:root{--moo-sidebar:72px}body.moo-videos-v1 .left_menu .sections li a{padding:11px!important;justify-content:center!important}body.moo-videos-v1 .left_menu .sections li a span,body.moo-videos-v1 .left_menu .menu_static_text,body.moo-videos-v1 .left_menu .pt_footer,body.moo-videos-v1 .moo-brand-words{display:none!important}body.moo-videos-v1 .top_logo{padding:0 10px!important}body.moo-videos-v1 .top_logo .navbar-brand.logo-img{padding:0 5px!important}}
@media(max-width:767px){:root{--moo-header:60px;--moo-sidebar:0px}body.moo-videos-v1 > header{min-height:60px}body.moo-videos-v1 .left_menu.desktop{display:none!important}body.moo-videos-v1 #main-container{padding:14px 12px 50px!important}body.moo-videos-v1 .new_left_right{display:block!important}body.moo-videos-v1 .moo-page-intro h1{font-size:22px!important}body.moo-videos-v1 .moo-browse-tabs{margin-right:-12px}body.moo-videos-v1 .top_logo .logo-img img{height:34px!important;width:34px!important;max-width:34px!important;max-height:34px!important}body.moo-videos-v1 .moo-brand-words{display:none!important}body.moo-videos-v1 :is(.video-thumbnail,.video-thumbs,.video-thumb) {border-radius:10px!important}}
@media(prefers-reduced-motion:reduce){body.moo-videos-v1 *,body.moo-videos-v1 *::before,body.moo-videos-v1 *::after{transition:none!important;animation:none!important}}