/* KolorTube reference-style global optimization
 * Palette and component treatment adapted from the user-provided CSS reference.
 */
:root {
  --wpst-bg: #3f1d78;
  --wpst-bg-deep: #2b1058;
  --wpst-bg-dark: rgba(0,0,0,.25);
  --wpst-bg-soft: rgba(0,0,0,.15);
  --wpst-bg-hover: rgba(0,0,0,.34);
  --wpst-accent: #ed28b5;
  --wpst-accent-strong: #d81aa2;
  --wpst-text: rgba(255,255,255,.95);
  --wpst-text-soft: rgba(255,255,255,.75);
  --wpst-text-muted: rgba(255,255,255,.58);
  --wpst-border: rgba(255,255,255,.13);
  --wpst-radius: 4px;
}

html { background: var(--wpst-bg-deep); }
body,
#page,
.site,
#wrapper-navbar,
.navbar,
.navbar-collapse,
#wrapper-footer,
.site-footer {
  background-color: var(--wpst-bg) !important;
  color: var(--wpst-text-soft) !important;
}
body {
  background-image: linear-gradient(45deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,0) 52%) !important;
  background-attachment: fixed !important;
}

body, button, input, select, textarea {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}
h1,h2,h3,h4,h5,h6,
.entry-title,.page-title,.widget-title,
.video-block a.infos span.title,
.wpst-premium-title,
.wpst-library-title,
.wpst-creator-title {
  color: var(--wpst-text) !important;
}
p,li,dd,dt,label,.entry-content,.entry-summary,.description,.video-description {
  color: var(--wpst-text-soft);
}
a { color: var(--wpst-accent); }
a:hover, a:focus { color: #fff; }

/* Full-width alignment */
.container,.container-sm,.container-md,.container-lg,.container-xl,
.wpst-site-container,.wpst-fullwidth-container,
#content > .container,
#content > .container-fluid {
  width: 100% !important;
  max-width: none !important;
}

/* Header */
.navbar,
#wrapper-navbar {
  border: 0 !important;
  box-shadow: none !important;
}
.navbar { min-height: 62px; }
.navbar .nav-link,
.navbar a,
.navbar-brand { color: var(--wpst-text) !important; }
.navbar .nav-link:hover,
.navbar li.active > a,
.navbar li.current-menu-item > a {
  color: #fff !important;
  background: var(--wpst-accent) !important;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
  background: var(--wpst-bg) !important;
  border: 1px solid var(--wpst-border) !important;
  border-radius: var(--wpst-radius) !important;
}
.header-search-form { background: var(--wpst-bg) !important; }
.header-search-form input,
.search-field,
input[type="search"] {
  background: rgba(0,0,0,.25) !important;
  color: var(--wpst-text) !important;
  border: 1px solid var(--wpst-border) !important;
  border-radius: var(--wpst-radius) !important;
}
.header-search-form input::placeholder,
.search-field::placeholder { color: rgba(255,255,255,.72) !important; }
.search-svg { fill: rgba(255,255,255,.9) !important; }
.header-search-toggle:hover .search-svg { fill: var(--wpst-accent) !important; }
.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after { background-color: #fff !important; }

/* Homepage sidebar */
.home .widget-area,
.wpst-home-sidebar,
#secondary.widget-area {
  background: linear-gradient(0deg, rgba(0,0,0,.15), rgba(0,0,0,.05)) !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--wpst-text-soft) !important;
}
.widget-area .widget { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.widget-title { border-bottom: 1px solid var(--wpst-border) !important; padding-bottom: 10px !important; }
.wpst-tag-filter-widget ul li a,
.widget-area ul li a {
  color: var(--wpst-text) !important;
  background: rgba(0,0,0,.12) !important;
  border: 0 !important;
  border-radius: var(--wpst-radius) !important;
}
.wpst-tag-filter-widget ul li a:hover,
.wpst-tag-filter-widget ul li a.active,
.wpst-tag-filter-widget ul li.current-cat a,
.widget-area ul li.current-cat > a {
  background: var(--wpst-accent) !important;
  color: #fff !important;
}
.see-all-tax { color: #fff !important; }

/* Video grids/cards */
.video-loop,
.wpst-video-grid,
.related-videos,
.wpst-related-videos { background: transparent !important; }
.video-block,
.wpst-video-card,
.wpst-library-card,
.wpst-recommendation-card {
  background: radial-gradient(circle, rgba(0,0,0,.15) 0%, rgba(0,0,0,.30) 100%) !important;
  border: 0 !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
  overflow: hidden;
}
.video-block:hover,
.wpst-video-card:hover,
.wpst-library-card:hover { background: rgba(0,0,0,.34) !important; }
.video-thumb-link,.video-block .thumb,.wpst-video-thumb { border: 0 !important; }
.video-block a.infos,
.wpst-video-card__content { background: transparent !important; }
.video-block a.infos span.title,
.wpst-video-card__title { color: var(--wpst-text) !important; }
.video-block .video-datas,
.wpst-video-meta,
.video-meta { color: var(--wpst-text-soft) !important; }
.video-block .duration,
.wpst-duration,
.wpst-live-badge,
.wpst-quality-badge {
  background: var(--wpst-bg) !important;
  color: #fff !important;
  border-radius: 3px !important;
}
.video-block .rating,.wpst-rating { color: var(--wpst-text) !important; }

/* Single video and player */
.single-video-player,
.wpst-premium-player,
.wpst-player-shell,
.wpst-player-stage {
  background: rgba(0,0,0,.50) !important;
  border: 0 !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
}
.wpst-player-controls,
.wpst-player-bottom,
.wpst-player-settings,
.video-player .video-js .vjs-control-bar {
  background: rgba(63,29,120,.88) !important;
}
.wpst-player-progress-fill,
.wpst-player-volume-fill,
.video-js .vjs-play-progress { background: var(--wpst-accent) !important; }
.wpst-player-button:hover,
.wpst-player-settings button:hover,
.wpst-player-settings button.is-active { color: #fff !important; background: var(--wpst-accent) !important; }
.video-actions-box,.video-share-box,
.wpst-video-actions,.wpst-share-panel,
.wpst-video-details,.wpst-author-card {
  background: rgba(63,29,120,.40) !important;
  border: 1px solid var(--wpst-border) !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
}
.entry-content,.related-videos,.wpst-related-section,.wpst-content-panel {
  background: rgba(0,0,0,.15) !important;
  border: 0 !important;
  border-radius: var(--wpst-radius) !important;
}

/* Buttons */
.btn-primary,.button,.wp-element-button,
input[type="submit"],button[type="submit"],
.wpst-action-button,.wpst-primary-button,
.post-navigation a {
  background: var(--wpst-accent) !important;
  color: #fff !important;
  border: 1px solid var(--wpst-accent) !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
}
.btn-primary:hover,.button:hover,.wp-element-button:hover,
input[type="submit"]:hover,button[type="submit"]:hover,
.wpst-action-button:hover,.wpst-primary-button:hover,
.post-navigation a:hover {
  background: rgba(63,29,120,.80) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

/* Pagination */
.page-link,.pagination a,.pagination span {
  background: rgba(0,0,0,.25) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 3px !important;
}
.page-link:hover,.pagination a:hover,
.page-item.active .page-link,.pagination .current {
  background: var(--wpst-accent) !important;
  color: #fff !important;
}

/* Forms and comments */
textarea,input,select,.form-control,
.comment-form input,.comment-form textarea,
.wpst-dashboard input,.wpst-dashboard select,.wpst-dashboard textarea {
  background: rgba(255,255,255,.14) !important;
  color: var(--wpst-text) !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
}
textarea:focus,input:focus,select:focus,.form-control:focus {
  border-color: var(--wpst-accent) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(237,40,181,.18) !important;
}
option { background: var(--wpst-bg-deep); color: #fff; }

/* Phase 3–5 library, creator, analytics, payout */
.wpst-library-shell,.wpst-creator-dashboard,.wpst-dashboard-shell,
.wpst-analytics-panel,.wpst-payout-panel,.wpst-playlist-panel,
.wpst-stat-card,.wpst-dashboard-card,.wpst-creator-card,
.wpst-subscription-card,.wpst-empty-state {
  background: rgba(0,0,0,.18) !important;
  color: var(--wpst-text-soft) !important;
  border: 1px solid var(--wpst-border) !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
}
.wpst-stat-card strong,.wpst-dashboard-card strong,
.wpst-analytics-value,.wpst-earning-value { color: #fff !important; }
.wpst-dashboard table,.wpst-creator-dashboard table {
  background: rgba(0,0,0,.12) !important;
  color: var(--wpst-text-soft) !important;
}
.wpst-dashboard th,.wpst-creator-dashboard th {
  background: rgba(0,0,0,.28) !important;
  color: #fff !important;
}
.wpst-dashboard td,.wpst-dashboard th,
.wpst-creator-dashboard td,.wpst-creator-dashboard th { border-color: var(--wpst-border) !important; }

/* Taxonomy, standard pages, 404 */
.archive-header,.page-header,.taxonomy-header,.author-header,
.error-404,.not-found,.comments-area,.navigation.post-navigation {
  background: rgba(0,0,0,.15) !important;
  color: var(--wpst-text-soft) !important;
  border: 0 !important;
  border-radius: var(--wpst-radius) !important;
  box-shadow: none !important;
}
.tags-list a,.tag-cloud-link,.taxonomy-list a {
  background: rgba(0,0,0,.25) !important;
  color: #fff !important;
  border-radius: var(--wpst-radius) !important;
}
.tags-list a:hover,.tag-cloud-link:hover,.taxonomy-list a:hover { background: var(--wpst-accent) !important; }

/* Footer */
#wrapper-footer,.site-footer { background: rgba(0,0,0,.25) !important; }
#wrapper-footer a,.site-footer a { color: var(--wpst-text) !important; }
#wrapper-footer a:hover,.site-footer a:hover { color: var(--wpst-accent) !important; }

/* Remove conflicting white/light surfaces */
.bg-white,.bg-light,.card,.modal-content,.dropdown-menu {
  background-color: rgba(0,0,0,.18) !important;
  color: var(--wpst-text-soft) !important;
}
.border,.border-top,.border-bottom,.border-left,.border-right { border-color: var(--wpst-border) !important; }

@media (max-width: 991.98px) {
  .navbar-collapse { background: var(--wpst-bg-deep) !important; }
  .home .widget-area,#secondary.widget-area {
    width: 100% !important;
    background: rgba(0,0,0,.15) !important;
  }
  .wpst-tag-filter-widget ul,
  .widget-area ul { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; overflow: visible !important; }
  .wpst-tag-filter-widget ul li,
  .widget-area ul li { width: auto !important; }
}
@media (max-width: 575.98px) {
  body { background-attachment: scroll !important; }
  .container,.container-fluid { padding-left: 10px !important; padding-right: 10px !important; }
  .video-block,.wpst-video-card { border-radius: 3px !important; }
  .video-block a.infos span.title,.wpst-video-card__title { font-size: 13px !important; line-height: 1.35 !important; }
  .wpst-player-settings { background: var(--wpst-bg-deep) !important; }
}