/* KolorTube mobile-first optimization layer */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;min-width:0}
img,video,iframe,embed,object{max-width:100%;height:auto}
.site,#page,#content,.wrapper,.container,.container-lg,.row,[class*=col-]{min-width:0}

/* Header/navigation */
#wrapper-navbar{position:relative;z-index:50}
#wrapper-navbar .navbar{min-height:64px;padding:.55rem 0}
#wrapper-navbar .nav-container{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1380px,calc(100% - 28px));max-width:none;padding:0}
#wrapper-navbar .navbar-brand,.custom-logo-link{flex:0 1 auto;min-width:0;margin:0}
#wrapper-navbar .navbar-brand a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wrapper-navbar .custom-logo{display:block;width:auto;max-width:min(220px,56vw);max-height:46px;object-fit:contain}
#wrapper-navbar .search-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;min-width:0}
#wrapper-navbar .header-search-toggle{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;cursor:pointer;border-radius:50%}
#wrapper-navbar .header-search-toggle img{width:22px;height:22px}
#wrapper-navbar .navbar-toggler{flex:0 0 44px;width:44px;height:42px;padding:7px;margin:0;border:0}
#wrapper-navbar .navbar-collapse{min-width:0}
.header-search-form{width:100%}
.header-search-form form,.header-search-form .search-form{width:min(1380px,calc(100% - 28px));margin:0 auto;padding:12px 0;display:flex}
.header-search-form input[type=search]{min-width:0;flex:1 1 auto;width:100%;font-size:16px}

/* General content and cards */
.entry-content,.post-content,.description,.wpst-p2-description{overflow-wrap:anywhere;word-break:normal}
.thumb-block img,.post-thumbnail img,.wp-post-image{display:block;width:100%;object-fit:cover}
.row{margin-left:-6px;margin-right:-6px}
.row>[class*=col-]{padding-left:6px;padding-right:6px}

/* Single video and premium player */
.wpst-p2-container{width:min(1380px,calc(100% - 24px))}
.wpst-p2-player-wrap{max-width:100%}
.wpst-p2-stage{width:100%;min-height:0;touch-action:manipulation}
.wpst-p2-header,.wpst-p2-body{min-width:0}
.wpst-p2-actions,.wpst-p3-actions{max-width:100%}
.wpst-p2-actions button,.wpst-p3-btn{min-height:44px}
.wpst-player-control-row{min-width:0}
.wpst-player-left-controls,.wpst-player-right-controls{min-width:0}
.wpst-player-settings{max-width:calc(100% - 14px)}

/* Library and creator dashboard */
.wpst-p3-library,.wpst-p5-dashboard{width:100%;max-width:1380px;margin:22px auto;padding-left:12px;padding-right:12px}
.wpst-p3-card{min-width:0}
.wpst-p3-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wpst-p5-table{-webkit-overflow-scrolling:touch;max-width:100%}
.wpst-p5-table table{min-width:680px}

/* Forms */
input,select,textarea,button{max-width:100%}
input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],select,textarea{font-size:16px;min-height:44px}
textarea{width:100%}

@media(max-width:991.98px){
  .container,.container-lg{max-width:none;width:min(100% - 24px,1380px)}
  #wrapper-navbar .navbar-expand-md .navbar-collapse{position:absolute;top:100%;left:12px;right:12px;background:#111;border-radius:0 0 8px 8px;padding:8px 12px 14px;box-shadow:0 14px 30px rgba(0,0,0,.2);max-height:calc(100vh - 76px);overflow-y:auto}
  #wrapper-navbar .navbar-nav{width:100%;margin:0!important}
  #wrapper-navbar .navbar-nav .nav-link{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.1)}
  #wrapper-navbar .dropdown-menu{position:static!important;float:none;width:100%;margin:0;padding:0 0 4px;background:transparent;border:0;box-shadow:none}
  #wrapper-navbar .dropdown-item{color:#fff;padding:10px 12px;border-radius:4px;white-space:normal}
  .wpst-p2-body{gap:16px;padding-top:16px}
}

@media(max-width:767.98px){
  body{font-size:15px}
  .container,.container-lg{width:calc(100% - 20px);padding-left:0;padding-right:0}
  #wrapper-navbar .nav-container{width:calc(100% - 20px)}
  #wrapper-navbar .navbar{min-height:58px}
  #wrapper-navbar .custom-logo{max-width:min(185px,52vw);max-height:40px}
  #wrapper-navbar .navbar-brand{font-size:20px;line-height:1.1}
  #wrapper-navbar .header-search-toggle{width:40px;height:40px;flex-basis:40px}
  #wrapper-navbar .navbar-toggler{width:40px;height:40px;flex-basis:40px}
  .header-search-form form,.header-search-form .search-form{width:calc(100% - 20px)}

  /* Mobile player */
  .wpst-p2-container{width:100%}
  .wpst-p2-article{padding-top:0}
  .wpst-p2-player-wrap{border-radius:0;box-shadow:none}
  .wpst-p2-header,.wpst-p2-body,.wpst-p2-comments{margin-left:12px;margin-right:12px}
  .wpst-p2-header{padding:15px 0 12px}
  .wpst-p2-header h1{font-size:clamp(21px,6vw,27px);line-height:1.25;margin-bottom:8px}
  .wpst-p2-meta{font-size:12.5px;gap:7px 11px}
  .wpst-p2-actions,.wpst-p3-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .wpst-p2-actions button,.wpst-p3-btn{width:100%;padding:8px;font-size:13px;white-space:normal}
  .wpst-p3-subscribe{margin-left:0}
  .wpst-p3-playlist-pop{max-width:none}
  .wpst-p2-description{font-size:15px;line-height:1.65}
  .wpst-p2-related{padding:24px 0}
  .wpst-p2-related .wpst-p2-container{padding:0 12px}
  .wpst-p2-section-head h2{font-size:22px}

  .wpst-player-topbar{padding:10px 12px}
  .wpst-player-title{font-size:13px;max-width:82vw}
  .wpst-player-controls{padding:0 5px 5px}
  .wpst-player-progress-wrap{height:18px}
  .wpst-player-control-row{height:38px;gap:0}
  .wpst-control{width:36px;height:36px;padding:8px;flex:0 0 36px}
  .wpst-control svg{width:21px;height:21px}
  .wpst-player-left-controls,.wpst-player-right-controls{gap:0}
  .wpst-volume-group .wpst-volume{display:none!important}
  .wpst-player-time{margin-left:2px;font-size:10.5px}
  .wpst-autoplay-switch{margin:0 2px;transform:scale(.88)}
  .wpst-player-settings{position:fixed;left:8px;right:8px;bottom:8px;width:auto;max-width:none;max-height:min(58vh,360px);border-radius:10px;padding:8px;z-index:9999}
  .wpst-settings-main button,.wpst-settings-panel button{min-height:46px}
  .wpst-player-center-play{width:54px;height:54px}
  .wpst-player-skip{width:60px;height:60px;margin-top:-30px;font-size:13px}
  .wpst-player-skip-back{left:14%}.wpst-player-skip-forward{right:14%}
  .wpst-p2-theater-mode .wpst-p2-player-wrap{margin-left:0;width:100%}

  /* Grids */
  .wpst-p3-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .wpst-p3-library h2{font-size:22px;margin:22px 0 12px}
  .wpst-p3-card-title{font-size:13.5px;line-height:1.35}
  .wpst-p3-channels{display:grid;grid-template-columns:1fr}
  .wpst-p3-channels a{width:100%}

  /* Dashboard */
  .wpst-p5-dashboard>header{gap:12px;margin-bottom:18px}
  .wpst-p5-dashboard h1{font-size:26px}
  .wpst-p5-primary,.wpst-p5-payout button{width:100%;text-align:center;min-height:44px}
  .wpst-p5-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .wpst-p5-stats article{padding:13px 11px;min-width:0}
  .wpst-p5-stats b{font-size:19px;overflow-wrap:anywhere}
  .wpst-p5-stats span{font-size:12px;line-height:1.3;display:block}
  .wpst-p5-payout{gap:8px}
  .wpst-p5-table{border-radius:6px}
  .wpst-p5-table th,.wpst-p5-table td{padding:11px 10px;font-size:13px}

  /* Generic archive cards: always 2 columns where Bootstrap used wider columns */
  .row>article[class*=col-],.row>div[class*=col-sm-],.row>div[class*=col-md-]{flex:0 0 50%;max-width:50%}
}

@media(max-width:479.98px){
  #wrapper-navbar .custom-logo{max-width:150px}
  #wrapper-navbar .navbar-brand{max-width:150px;font-size:18px}
  #wrapper-navbar .search-nav{gap:2px}
  .wpst-player-right-controls [data-action="pip"],
  .wpst-player-right-controls [data-action="theater"],
  .wpst-player-right-controls [data-action="captions"],
  .wpst-player-left-controls [data-action="next"],
  .wpst-autoplay-switch,
  .wpst-time-divider,[data-duration]{display:none!important}
  .wpst-player-time{max-width:42px;overflow:hidden}
  .wpst-p2-actions,.wpst-p3-actions{grid-template-columns:1fr 1fr}
  .wpst-p3-grid{gap:12px 8px}
  .wpst-p3-card-title{font-size:13px}
  .wpst-p5-stats{grid-template-columns:1fr 1fr}
}

@media(max-width:359.98px){
  #wrapper-navbar .custom-logo,#wrapper-navbar .navbar-brand{max-width:125px}
  .wpst-control{width:33px;height:34px;padding:7px;flex-basis:33px}
  .wpst-player-time{display:none}
  .wpst-p2-actions,.wpst-p3-actions{grid-template-columns:1fr}
  .wpst-p5-stats{grid-template-columns:1fr}
}

@media(orientation:landscape) and (max-height:500px){
  .wpst-premium-player:fullscreen .wpst-p2-stage{height:100vh}
  .wpst-player-topbar{padding:7px 12px}
  .wpst-player-controls{padding-bottom:2px}
  .wpst-player-settings{max-height:80vh}
}

/* Global 100% layout — all public theme pages */
:root{--wpst-global-gutter:20px}
html,body{width:100%;max-width:100%}
body .container,
body .container-lg,
body .container-xl,
body .nav-container,
body #wrapper-navbar .nav-container,
body .site-main,
body #primary,
body #content,
body .wpst-p2-container,
body .wpst-p3-library,
body .wpst-p5-dashboard,
body .wpst-home-full-container{
  width:calc(100% - (var(--wpst-global-gutter) * 2))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .container-fluid{width:100%!important;max-width:none!important}
body .wrapper{width:100%;max-width:none;margin-left:0;margin-right:0}
body #page-wrapper,
body #single-wrapper,
body #archive-wrapper,
body #search-wrapper,
body #author-wrapper,
body #category-wrapper,
body #index-wrapper{width:100%;max-width:none}
body .row{max-width:none}
body footer .container,
body .site-footer .container,
body #wrapper-footer .container{width:calc(100% - (var(--wpst-global-gutter) * 2))!important;max-width:none!important}

/* Prevent old Bootstrap desktop caps from returning. */
@media(min-width:576px){body .container{max-width:none!important}}
@media(min-width:768px){body .container{max-width:none!important}}
@media(min-width:992px){body .container{max-width:none!important}}
@media(min-width:1200px){body .container{max-width:none!important}}

@media(max-width:767.98px){
  :root{--wpst-global-gutter:10px}
  body .wpst-p2-player-wrap{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}
  body .wpst-p2-header,
  body .wpst-p2-body,
  body .wpst-p2-comments{margin-left:0;margin-right:0}
}