/*
Theme Name: VideoPlataform V14 VIP
Theme URI: http://example.com/youtube-clone-theme/
Author: Danieu
Author URI: http://example.com/
Description: A modern YouTube-like theme for WordPress
Version: 14.14
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: youtube-clone
*/

.page-content {
  line-height: 1.6;
}

.page-content p {
  margin-bottom: 1rem;
}

.page-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius);
}

.page-content a {
  color: var(--accent-color);
}

.page-content h2,
.page-content h3,
.page-content h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --bg-primary: #0f0f0f;
  --bg-secondary: #202020;
  --text-primary: #ffffff;
  --text-secondary: rgb(142 142 142 / 75%);
  --accent-color: #ff0000;
  --hover-color: #272727;
  --border-radius: 8px;
}

body {
  font-family: 'Roboto', sans-serif;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  margin: 0;
  padding: 0;
}

.app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px;
  background-color: var(--bg-primary);
  position: sticky;
  top: 0;
  z-index: 1100;
}

.header-left {
  display: flex;
  align-items: center;
}

.menu-button {
  background: none;
  border: none;
  color: var(--text-primary);
  font-size: 20px;
  cursor: pointer;
  padding: 8px;
  margin-right: 8px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.menu-button:hover {
  background-color: var(--hover-color);
}

.sidebar-collapsed .menu-button {
  transform: rotate(180deg);
}

.logo {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  color: var(--text-primary);
  padding: 0 8px;
}

.logo img {
  height: 28px;
  margin-right: 8px;
}

.search-form {
  display: flex;
  flex: 0 1 728px;
  margin: 0 40px 0 0;
}

.search-field {
  flex: 1;
  padding: 0 16px;
  height: 40px;
  background-color: var(--bg-secondary);
  color: var(--text-primary);
  border: 1px solid #303030;
  border-radius: 20px 0 0 20px;
  font-size: 16px;
}

.search-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 40px;
  background-color: #323232;
  color: var(--text-secondary);
  border: 1px solid #303030;
  border-left: none;
  border-radius: 0 20px 20px 0;
  cursor: pointer;
}

.main-content {
  display: flex;
  flex: 1;
  position: relative;
  z-index: 1;
  margin-top: 0;
  margin-left: 240px;
  transition: margin-left 0.3s ease;
}

.app.sidebar-collapsed .main-content {
  margin-left: 0;
}

.content {
  flex: 1;
  padding: 24px;
  min-height: calc(100vh - 56px);
  overflow-y: auto;
}

.sidebar {
  width: 240px;
  background-color: var(--bg-primary);
  height: 100vh;
  position: fixed;
  top: 56px;
  left: 0;
  overflow-y: auto;
  padding-top: 12px;
  transition: all 0.3s ease;
  z-index: 1000;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  transform: translateX(0);
}

.sidebar.collapsed {
  transform: translateX(-240px);
}

.sidebar.collapsed .sidebar-menu span,
.sidebar.collapsed h3,
.sidebar.collapsed .sidebar-widgets {
  display: none;
}

.sidebar.collapsed .sidebar-menu li {
  padding: 0 8px;
}

.sidebar.collapsed .sidebar-menu a {
  justify-content: center;
  padding: 10px;
}

.sidebar.collapsed .sidebar-menu a i {
  margin-right: 0;
}

.sidebar-menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar-menu li {
  padding: 0 12px;
  margin: 4px 0;
}

.sidebar-menu a {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  color: var(--text-primary);
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
  border-radius: 10px;
  transition: background-color 0.2s ease;
}

.sidebar-menu a:hover {
  background-color: var(--hover-color);
}

.sidebar-menu a.active {
  background-color: var(--hover-color);
  font-weight: 500;
}

.sidebar-menu a i {
  margin-right: 24px;
  font-size: 20px;
  width: 24px;
  text-align: center;
  min-width: 24px;
}

.sidebar h3 {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 24px;
  margin: 0;
  color: var(--text-secondary);
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}

.video-item {
  text-decoration: none;
  color: var(--text-primary);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: var(--bg-secondary);
  border-radius: var(--border-radius);
  overflow: hidden;
  border: none;
}

.video-item:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.video-thumbnail {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  overflow: hidden;
  background-color: var(--bg-primary);
}

.video-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.video-info {
  padding: 12px 0;
}

.video-info h3 {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  max-height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.video-stats {
  font-size: 14px;
  color: var(--text-secondary);
  margin: 0;
}

.video-page {
  display: flex;
  flex-direction: row;
}

.video-main {
  flex: 1;
  max-width: 1280px;
  padding-right: 24px;
}

.video-player-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
  z-index: 1;
  overflow: hidden;
}

.video-ad,
.main-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.ad-video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Ajustes para iframe */
.main-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.skip-ad-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  z-index: 3;
}

.ad-countdown {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 4px;
  font-size: 14px;
  z-index: 3;
}

.video-ad {
  position: absolute;
  overflow: hidden; /* Importante para conter o blur */
  width: 100%;
  height: 100%;
}

.ad-overlay {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 2px;
}

.ad-timer {
  font-size: 14px;
  margin-right: 10px;
}

.skip-ad {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 2px;
}

.clickable-ad {
  display: flex;
  align-items: center;
  background-color: var(--bg-secondary);
  padding: 12px;
  border-radius: 12px;
  margin-bottom: 20px;
  gap: 16px;
}

.ad-image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

.ad-content {
  flex: 1;
  min-width: 0; /* Prevenir overflow em containers flex */
}

.ad-content h1 {
  font-size: 18px;
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ad-content h2 {
  font-size: 14px;
  margin: 0;
  color: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ad-cta {
  background-color: #ffd700;
  color: black;
  border: none;
  padding: 8px 16px;
  border-radius: 18px;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.ad-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.video-sidebar {
  width: 402px;
  padding-left: 24px;
}

.suggested-video {
  display: flex;
  margin-bottom: 8px;
  text-decoration: none;
  color: var(--text-primary);
}

.suggested-video-thumbnail {
  width: 168px;
  height: 94px;
  margin-right: 8px;
}

.suggested-video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.suggested-video-info {
  flex: 1;
}

.suggested-video-info h3 {
  font-size: 14px;
  margin: 0 0 4px 0;
}

.suggested-video-stats {
  font-size: 12px;
  color: var(--text-secondary);
}

.widget {
  background-color: var(--bg-secondary);
  padding: 16px;
  margin-bottom: 16px;
  border-radius: var(--border-radius);
}

.widget-title {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 12px;
}

@media (max-width: 1024px) {
  .video-page {
    flex-direction: column;
  }

  .video-main {
    padding-right: 0;
  }

  .video-sidebar {
    width: 100%;
    padding-left: 0;
    margin-top: 24px;
  }
}

@media (max-width: 768px) {
  .header .search-form {
    display: none;
  }

  .sidebar {
    position: fixed;
    left: -240px;
    transition: left 0.3s ease;
  }

  .sidebar.open {
    left: 0;
  }

  .content {
    margin-left: 0 !important;
  }

  .app.sidebar-collapsed .content {
    margin-left: 0;
  }

  .clickable-ad {
    padding: 10px;
    gap: 12px;
  }

  .ad-image {
    display: none;
  }

  .ad-content h1 {
    font-size: 16px;
  }

  .ad-content h2 {
    font-size: 12px;
  }

  .ad-cta {
    padding: 6px 12px;
    font-size: 14px;
  }

  .sidebar .search-form {
    display: block !important;
    position: relative;
    margin: 16px;
    padding: 0;
  }

  .sidebar .search-field {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 16px;
    font-size: 14px;
    border-radius: 20px;
    background-color: var(--bg-secondary);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
  }

  .sidebar .search-submit {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 0;
  }

  .sidebar .search-submit:hover {
    background-color: var(--hover-color);
    color: var(--text-primary);
  }

  /* Remover o overlay escuro */
  .sidebar-overlay {
    display: none !important; /* Forçar que nunca seja exibido */
  }

  /* Ajustar o z-index do sidebar para ficar sobre o conteúdo */
  .sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100vh;
    background-color: var(--bg-primary);
    z-index: 1300;
    transition: left 0.3s ease;
    overflow-y: auto;
    padding-top: 56px;
    box-shadow: none; /* Remover sombra padrão */
  }

  /* Quando o sidebar estiver aberto */
  .sidebar.open {
    left: 0;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3); /* Sombra sutil apenas no sidebar */
  }

  /* Remover qualquer regra que mostre o overlay */
  .sidebar.open + .sidebar-overlay {
    display: none !important;
  }
}

/* Estilos para áreas de anúncios */
.ad-space {
  width: 100%;
  margin: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-secondary);
  border-radius: var(--border-radius);
  overflow: hidden;
}

/* Banner principal no topo da página inicial */
.home-top-ad {
  min-height: 90px;
  margin-bottom: 24px;
}

/* Banner lateral na página inicial */
.home-sidebar-ad {
  min-height: 250px;
  margin: 20px 0;
}

/* Anúncios entre os vídeos na grade */
.video-grid-ad {
  grid-column: 1 / -1;
  min-height: 90px;
}

/* Anúncios na página de vídeo */
.video-page-top-ad {
  margin: 0 0 20px 0;
  min-height: 90px;
}

.video-page-sidebar-ad {
  min-height: 250px;
  margin: 20px 0;
}

/* Responsividade para anúncios */
@media (max-width: 768px) {
  .home-sidebar-ad,
  .video-page-sidebar-ad {
    min-height: 100px;
  }
  
  .home-top-ad,
  .video-grid-ad,
  .video-page-top-ad {
    min-height: 60px;
  }
}

/* Ajuste para o container de widgets */
.widget-ad {
  margin-bottom: 20px;
}

.widget-ad img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Estilo para placeholder de anúncio (desenvolvimento) */
.ad-placeholder {
  background: var(--bg-secondary);
  color: var(--text-secondary);
  text-align: center;
  padding: 20px;
  border: 2px dashed #404040;
  font-size: 14px;
}

/* Separadores no menu */
.sidebar-menu-section {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Sobrescrever estilos do Bootstrap para manter o tema escuro */
.form-control {
    background-color: var(--bg-secondary);
    border-color: #303030;
    color: var(--text-primary);
}

.form-control:focus {
    background-color: var(--bg-secondary);
    border-color: var(--accent-color);
    color: var(--text-primary);
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25);
}

.btn-outline-light:hover {
    background-color: var(--hover-color);
    border-color: var(--text-secondary);
}

.dropdown-menu {
    background-color: var(--bg-secondary);
    border-color: #303030;
}

.dropdown-item {
    color: var(--text-primary);
}

.dropdown-item:hover {
    background-color: var(--hover-color);
    color: var(--text-primary);
}

.card {
    background-color: var(--bg-secondary);
    border: none;
}

.card:hover {
    background-color: var(--hover-color);
}

/* Estilos para o container de anúncio em vídeo */
.video-ad-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
}

.video-ad {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Contador de tempo */
.ad-countdown {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    z-index: 1001;
}

/* Botão de pular */
.skip-ad-button {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    display: none;
    z-index: 1001;
    transition: background-color 0.3s ease;
}

.skip-ad-button:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.skip-ad-button.active {
    display: block;
}

/* Link do anúncio */
.ad-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 999;
}

/* Overlay de carregamento */
.ad-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1002;
}

.ad-loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--accent-color);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Ajustes para os cards de vídeo */
.video-item .card-body {
    padding: 12px;
}

.video-item .card-title {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-item .card-text {
    color: var(--text-secondary);
    font-size: 14px;
    margin: 0;
}

.video-item a {
    color: var(--text-primary);
    text-decoration: none;
}

/* Ajustes para os vídeos sugeridos */
.suggested-video-info h3 {
    color: var(--text-primary);
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 4px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.suggested-video-stats {
    color: var(--text-secondary);
    font-size: 12px;
    margin: 0;
}

/* Hover effects */
.video-item:hover .card-title,
.suggested-video:hover h3 {
    color: var(--text-primary);
}

.video-item:hover .card-text,
.suggested-video:hover .suggested-video-stats {
    color: var(--text-secondary);
}

/* Seções da Sidebar */
.sidebar-section {
    margin-bottom: 24px;
}

.sidebar-section-title {
    color: var(--text-secondary);
    font-size: 16px;
    font-weight: 500;
    padding: 8px 24px;
    margin: 0;
}

/* Área de anúncio na sidebar */
.sidebar-ad-space {
    padding: 16px;
    margin: 16px 0;
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
}

/* Ajuste do conteúdo principal */
.main-content {
    margin-left: 240px;
    transition: margin-left 0.3s ease;
}

.main-content.sidebar-collapsed {
    margin-left: 0;
}

/* Responsividade */
@media (max-width: 768px) {
    .sidebar {
        transform: translateX(-240px);
    }
    
    .sidebar.open {
        transform: translateX(0);
    }
    
    .main-content {
        margin-left: 0;
    }
}

/* Estilos para páginas de listagem especiais */
.page-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 24px 0;
    color: var(--text-primary);
}

.video-duration {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.video-duration i {
    font-size: 12px;
}

/* Ajustes para o card de vídeo */
.video-item .card-body {
    padding: 12px;
}

.video-item .video-stats i {
    font-size: 12px;
    margin-left: 4px;
}

/* Estilos para categorias no sidebar */
.category-menu {
    margin-top: 8px;
}

.sidebar-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-secondary);
    font-size: 16px;
    font-weight: 500;
    padding: 8px 24px;
    margin: 0;
}

.sidebar-section-title i {
    font-size: 18px;
}

.category-menu li a {
    padding: 8px 24px;
}

.category-menu li a i {
    font-size: 16px;
    opacity: 0.8;
}

.category-menu li a:hover i {
    opacity: 1;
}

/* Ajuste do espaçamento para o banner */
.sidebar-ad-space {
    margin: 16px;
    padding: 0;
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.video-stats {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 14px;
}

.stats-separator {
    color: var(--text-secondary);
}

.views-count {
    display: flex;
    align-items: center;
    gap: 4px;
}

.views-count i {
    font-size: 16px;
}

.video-duration {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.video-duration i {
    font-size: 12px;
}

/* Ajustar espaçamento do título da página */
.page-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0 0 24px 0;
    color: var(--text-primary);
}

/* Quando há banner, ajustar espaçamento */
.home-top-ad + .page-title {
    margin-top: 24px;
}

/* Atualizar a classe text-muted do Bootstrap */
.text-muted {
  color: rgb(142 142 142 / 75%) !important;
}

/* Estilizar a barra de rolagem do sidebar */
.sidebar::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

.sidebar::-webkit-scrollbar-thumb {
    background: var(--text-secondary);
    border-radius: 3px;
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--text-primary);
}

/* Estilos para o botão de like */
.btn-like,
.likes-container {
    display: none;
}

/* Estilos para o WP ULike */
.wp-ulike-video-wrapper {
    margin: 10px 0;
}

.wpulike-heart .wp-ulike-btn {
    background: none;
    border: none;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.3s ease;
    color: var(--text-secondary);
}

.wpulike-heart .wp-ulike-btn:hover {
    background-color: rgba(255, 0, 0, 0.1);
    color: var(--accent-color);
}

.wpulike-heart .wp-ulike-btn.wp-ulike-btn-is-active {
    color: var(--accent-color);
}

.wpulike-heart .count-box {
    font-size: 14px;
    color: var(--text-secondary);
    margin-left: 4px;
}

/* Animação para o botão de like */
.wpulike-heart .wp-ulike-btn.wp-ulike-btn-is-active i {
    animation: likeAnimation 0.3s ease;
}

/* Atualizar estilos para contadores de likes */
.likes-count {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-secondary);
}

.mini-views {
    font-size: 0.8rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 4px;
}

.mini-views i {
    color: var(--accent-color);
}

/* Remover estilos antigos que não são mais necessários */
.likes-container {
    display: none;
}

/* Estilos para as seções da página inicial */
.row.g-4.mb-5 {
    margin-right: 0;
    margin-left: 0;
}

.section-card {
    background-color: var(--bg-secondary);
    border-radius: var(--border-radius);
    padding: 1rem;
    height: 100%;
}

.mini-video-item {
    position: relative;
    transition: transform 0.2s ease;
    padding-left: 20px;
}

.mini-video-item:hover {
    transform: translateX(5px);
}

.mini-thumbnail {
    width: 120px;
    height: 68px;
    overflow: hidden;
    border-radius: 4px;
    flex-shrink: 0;
}

.mini-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mini-info {
    flex: 1;
    min-width: 0;
}

.mini-title {
    font-size: 0.9rem;
    margin: 0 0 0.5rem 0;
    color: var(--text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mini-views {
    font-size: 0.8rem;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 4px;
}

.mini-views i {
    color: var(--accent-color);
}

/* Estilos para a taxonomia de vídeo */
.video-taxonomy {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.video-categories,
.video-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.video-category-tag,
.video-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.video-category-tag {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.video-tag {
    background-color: transparent;
    color: var(--text-secondary);
    border: 1px solid var(--text-secondary);
}

.video-category-tag:hover {
    background-color: var(--hover-color);
    color: var(--text-primary);
    transform: translateY(-1px);
}

.video-tag:hover {
    background-color: var(--text-secondary);
    color: var(--bg-primary);
    transform: translateY(-1px);
}

.video-category-tag i,
.video-tag i {
    font-size: 12px;
    opacity: 0.8;
}

/* Separador entre categorias e tags */
.video-categories:not(:empty) + .video-tags:not(:empty)::before {
    content: '•';
    color: var(--text-secondary);
    margin-right: 4px;
}

/* Responsividade */
@media (max-width: 768px) {
    .video-taxonomy {
        gap: 6px;
    }

    .video-category-tag,
    .video-tag {
        padding: 3px 10px;
        font-size: 12px;
    }
}

/* Para telas muito pequenas */
@media (max-width: 480px) {
    .clickable-ad {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .ad-content {
        width: 100%;
    }

    .ad-cta {
        width: 100%;
        text-align: center;
    }
}

/* Atualizar estilos do header e sidebar para mobile */
@media (max-width: 768px) {
    /* Header em mobile */
    .header {
        position: fixed;
        width: 100%;
        z-index: 1200;
        padding: 16px 8px; /* Aumentar o padding top/bottom para 16px */
        height: 72px; /* Aumentar a altura para acomodar o padding */
        background-color: var(--bg-primary);
        display: flex;
        justify-content: center;
    }

    .mobile-header-content {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 600px;
        position: relative;
    }

    /* Ajustar o layout do conteúdo principal para compensar o header mais alto */
    .main-content {
        padding-top: 72px; /* Ajustar para a nova altura do header */
        margin-left: 0 !important;
    }

    /* Sidebar em mobile */
    .sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 280px;
        height: 100vh;
        background-color: var(--bg-primary);
        z-index: 1300;
        transition: left 0.3s ease;
        overflow-y: auto;
        padding-top: 72px; /* Ajustar para a nova altura do header */
    }

    /* Quando o sidebar estiver aberto */
    .sidebar.open {
        left: 0;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3); /* Sombra sutil apenas no sidebar */
    }

    /* Menu button em mobile */
    .menu-button {
        position: absolute;
        left: 8px;
        margin: 0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Logo em mobile */
    .logo {
        font-size: 18px;
        margin: 0;
        padding: 0;
    }

    /* Formulário de busca em mobile (dentro do sidebar) */
    .search-form {
        display: block;
        position: relative;
        margin: 16px;
        padding: 0;
    }

    .search-field {
        width: 100%;
        height: 40px;
        padding: 0 40px 0 16px;
        font-size: 14px;
        border-radius: 20px;
        background-color: var(--bg-secondary);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .search-submit {
        position: absolute;
        right: 4px;
        top: 4px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: none;
        color: var(--text-secondary);
    }

    /* Overlay escuro quando o sidebar estiver aberto */
    .sidebar-overlay {
        display: none !important; /* Forçar que nunca seja exibido */
    }

    .sidebar.open + .sidebar-overlay {
        display: none !important;
    }

    /* Ajustar o conteúdo principal */
    .content {
        padding: 16px;
    }
}

/* Ajustes específicos para telas muito pequenas */
@media (max-width: 480px) {
    .mobile-header-content {
        padding: 0 8px;
    }

    .menu-button {
        left: 4px;
    }

    .logo {
        font-size: 16px;
    }

    .sidebar {
        width: 260px;
    }
}

/* Adicionar animação suave ao abrir/fechar o sidebar */
.sidebar,
.mobile-header,
.sidebar-overlay {
    transition: all 0.3s ease;
}

/* Remover transição do overlay */
.sidebar-overlay {
    display: none !important;
}

/* Estilos para paginação */
.pagination-container {
    display: flex;
    justify-content: center;
}

.pagination-container .page-numbers {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}

.pagination-container .page-numbers li {
    margin: 0;
}

.pagination-container .page-numbers a,
.pagination-container .page-numbers span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    text-decoration: none;
    border-radius: 18px;
    transition: all 0.2s ease;
}

.pagination-container .page-numbers a:hover {
    background-color: var(--hover-color);
    transform: translateY(-1px);
}

.pagination-container .page-numbers .current {
    background-color: var(--accent-color);
    color: white;
}

/* Responsividade da paginação */
@media (max-width: 768px) {
    .pagination-container .page-numbers a,
    .pagination-container .page-numbers span {
        min-width: 32px;
        height: 32px;
        padding: 0 10px;
        font-size: 14px;
    }
    
    .pagination-container .page-numbers {
        gap: 4px;
    }
}


/* ===== VIP Ad-Free CTA ===== */
.video-player-container {
  position: relative;
}

.vip-adfree-button {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 215, 0, 0.65);
  border-radius: 999px;
  background: #ffd400;
  color: #111;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .15px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
  transition: transform .16s ease, filter .16s ease;
}

.vip-adfree-button:hover,
.vip-adfree-button:focus-visible {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.vip-adfree-button:focus-visible,
.vip-modal-close:focus-visible,
.vip-modal-cta:focus-visible {
  outline: 3px solid rgba(255,255,255,.85);
  outline-offset: 2px;
}

.vip-adfree-button .vip-lock {
  font-size: 12px;
  opacity: .72;
}

.vip-adfree-modal[hidden] {
  display: none !important;
}

.vip-adfree-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.vip-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .78);
  backdrop-filter: blur(4px);
}

.vip-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  padding: 26px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: #181818;
  color: #fff;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
}

.vip-modal-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 212, 0, .12);
  color: #ffd400;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.vip-modal-dialog h2 {
  margin: 0 36px 10px 0;
  font-size: clamp(22px, 4vw, 30px);
  line-height: 1.15;
}

.vip-modal-dialog p {
  margin: 0 0 20px;
  color: rgba(255,255,255,.72);
  font-size: 15px;
  line-height: 1.55;
}

.vip-modal-benefits {
  display: grid;
  gap: 9px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.92);
  font-size: 14px;
}

.vip-modal-benefits li::before {
  content: '✓';
  margin-right: 8px;
  color: #51d26b;
  font-weight: 900;
}

.vip-modal-cta {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 12px;
  background: #ffd400;
  color: #111;
  text-decoration: none;
  font-weight: 900;
  font-size: 15px;
}

.vip-modal-cta:hover {
  color: #111;
  filter: brightness(1.05);
}

.vip-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}

body.vip-modal-open {
  overflow: hidden;
}

@media (max-width: 600px) {
  .vip-adfree-button {
    top: 10px;
    right: 10px;
    min-height: 40px;
    padding: 9px 12px;
    font-size: 12px;
  }

  .vip-modal-dialog {
    padding: 22px 18px;
    border-radius: 15px;
  }
}


/* ===== VIP clean player test ===== */
.vip-adfree-button.is-loading {
  pointer-events: none;
  opacity: .92;
}
.vip-adfree-button.is-loading i {
  animation: vipSpin .8s linear infinite;
}
@keyframes vipSpin { to { transform: rotate(360deg); } }
.vip-clean-player-wrap {
  width: 100%;
  height: 100%;
  min-height: 280px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vip-clean-player {
  width: 100%;
  height: 100%;
  min-height: 280px;
  background: #000;
  object-fit: contain;
}
.vip-player-status {
  position: absolute;
  top: 72px;
  left: 16px;
  right: 16px;
  z-index: 80;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(10,10,10,.94);
  color: #fff;
  text-align: left;
  font-size: 13px;
  line-height: 1.45;
  box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
.vip-player-status strong {
  color: #ffd400;
  font-size: 13px;
}
.vip-player-status span {
  color: rgba(255,255,255,.86);
  overflow-wrap: anywhere;
}
.vip-player-status.is-error {
  border-color: rgba(255,92,92,.4);
}
.vip-player-status.is-error strong {
  color: #ff8d8d;
}
@media (max-width: 600px) {
  .vip-player-status {
    top: 62px;
    left: 10px;
    right: 10px;
  }
}

/* === V14.5 DARKROOM REDESIGN — high-specificity visual layer === */
:root{--bg-primary:#070707;--bg-secondary:#111;--text-primary:#f5f5f2;--text-secondary:#777;--accent-color:#ff1b1b;--hover-color:#151515;--border-radius:3px}
html,body{background:#070707!important;color:#f5f5f2!important}
body{background-image:radial-gradient(circle at 78% 8%,rgba(255,20,20,.055),transparent 27%),linear-gradient(180deg,#090909 0,#050505 100%)!important}
.header{height:64px!important;padding:0 22px!important;background:rgba(6,6,6,.96)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;backdrop-filter:blur(14px)}
.header .container-fluid{padding:0!important}.logo{font-size:16px!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase}.menu-button{border-radius:3px!important}
.search-form{max-width:560px!important;margin:0 auto!important}.search-field{height:34px!important;background:#0d0d0d!important;border:1px solid #222!important;border-radius:2px 0 0 2px!important;font-size:13px!important}.search-submit{height:34px!important;width:48px!important;background:#151515!important;border-color:#222!important;border-radius:0 2px 2px 0!important}
.main-content{margin-left:205px!important}.sidebar{width:205px!important;top:64px!important;background:#080808!important;border-right:1px solid #1d1d1d!important;padding:14px 10px 40px!important}.sidebar.collapsed{transform:translateX(-205px)!important}.sidebar-menu li{padding:0!important;margin:0!important}.sidebar-menu a{min-height:34px!important;padding:7px 10px!important;border-radius:2px!important;font-size:12px!important;font-weight:500!important;color:#bdbdbd!important;border-left:2px solid transparent!important}.sidebar-menu a:hover{background:#101010!important;color:#fff!important;border-left-color:#551010!important}.sidebar-menu a.active{background:#0d0d0d!important;color:#fff!important;border-left-color:#ff1b1b!important}.sidebar-menu a i{font-size:11px!important;width:14px!important;min-width:14px!important;margin-right:10px!important;color:#777!important}.sidebar-menu a.active i{color:#ff1b1b!important}.sidebar h3{padding:18px 10px 8px!important;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#555!important}
.content{padding:34px 34px 70px!important;max-width:1600px!important;margin:0 auto!important}.section-title{font-size:25px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.035em!important;text-transform:uppercase!important;margin:0!important}.latest-videos>.d-flex{margin-bottom:24px!important;padding-bottom:13px!important;border-bottom:1px solid #1b1b1b!important}
.latest-videos .row{--bs-gutter-x:22px!important;--bs-gutter-y:34px!important}.latest-videos .col-12{display:flex!important}.video-item.card{width:100%!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important;transition:transform .2s ease!important}.video-item.card:hover{transform:translateY(-3px)!important;box-shadow:none!important}.video-thumbnail{border-radius:3px!important;background:#0b0b0b!important;box-shadow:0 0 0 1px rgba(255,255,255,.06)!important;transition:box-shadow .2s ease,filter .2s ease!important}.video-item:hover .video-thumbnail{box-shadow:0 0 0 1px rgba(255,40,40,.5),0 0 26px rgba(255,0,0,.13)!important}.video-thumbnail img{border-radius:3px!important}.video-item .card-body{padding:11px 1px 0!important;background:transparent!important}.video-item .card-title{font-size:14px!important;line-height:1.3!important;font-weight:650!important;color:#eee!important;margin:0 0 7px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.video-stats{font:500 10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#666!important;letter-spacing:.01em!important}.video-stats i{font-size:9px!important;color:#555!important}.video-duration{background:rgba(4,4,4,.82)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:2px!important;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important}.video-category-badge{display:none!important}
.pagination-container{margin-top:44px!important}.pagination{gap:7px!important;justify-content:center!important}.pagination .page-numbers{background:#101010!important;border:1px solid #202020!important;color:#aaa!important;border-radius:2px!important;min-width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace!important}.pagination .current{background:#ff1717!important;border-color:#ff1717!important;color:#fff!important;box-shadow:0 0 18px rgba(255,0,0,.2)!important}
.section-card{height:100%!important;background:#0a0a0a!important;border:1px solid #1a1a1a!important;border-radius:3px!important;padding:20px!important;box-shadow:none!important}.section-card .section-title{font-size:18px!important}.btn-outline-danger{border-radius:2px!important;font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase!important;letter-spacing:.06em!important}.mini-video-item{padding:10px 0!important;margin:0!important;border-top:1px solid #171717!important}.mini-video-item:first-of-type{border-top:0!important}.mini-thumbnail{width:112px!important;height:63px!important;flex:0 0 112px!important;border-radius:2px!important;overflow:hidden!important}.mini-title{font-size:12px!important;line-height:1.25!important;font-weight:600!important}.mini-views{font:500 9px ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#666!important}
@media(min-width:1200px){.latest-videos .col-lg-3{width:25%!important}}
@media(min-width:1500px){.latest-videos .col-lg-3{width:20%!important}}
@media(max-width:991px){.main-content{margin-left:0!important}.content{padding:22px 16px 50px!important}.sidebar{width:240px!important}.section-title{font-size:21px!important}}
@media(max-width:575px){.latest-videos .row{--bs-gutter-y:26px!important}.video-item .card-title{font-size:13px!important}}


/* === V14.6 READABILITY SCALE === */
@media (min-width: 992px){
  .main-content{margin-left:225px!important}
  .sidebar{width:225px!important;padding:17px 12px 44px!important}
  .sidebar.collapsed{transform:translateX(-225px)!important}
  .sidebar-menu a{min-height:40px!important;padding:9px 11px!important;font-size:14px!important;line-height:1.35!important}
  .sidebar-menu a i{font-size:13px!important;width:16px!important;min-width:16px!important;margin-right:11px!important}
  .sidebar h3{font-size:11px!important;padding:21px 11px 9px!important}
  .content{padding:38px 38px 74px!important;max-width:1640px!important}
}
.header{min-height:72px!important}
.logo{font-size:18px!important}
.search-form{max-width:620px!important}
.search-field{height:40px!important;font-size:15px!important;padding-left:15px!important}
.search-submit{height:40px!important;width:52px!important;font-size:15px!important}
.section-title{font-size:29px!important;line-height:1.08!important}
.latest-videos>.d-flex{margin-bottom:27px!important;padding-bottom:15px!important}
.latest-videos .row{--bs-gutter-x:24px!important;--bs-gutter-y:38px!important}
.video-item .card-body{padding:13px 2px 0!important}
.video-item .card-title{font-size:16px!important;line-height:1.38!important;margin-bottom:8px!important}
.video-stats{font-size:11.5px!important;line-height:1.5!important}
.video-stats i{font-size:10px!important}
.video-duration{font-size:11px!important;padding:5px 7px!important}
.section-card{padding:23px!important}
.section-card .section-title{font-size:21px!important}
.btn-outline-danger{font-size:11px!important;padding:7px 10px!important}
.mini-video-item{padding:12px 0!important}
.mini-thumbnail{width:126px!important;height:71px!important;flex-basis:126px!important}
.mini-title{font-size:14px!important;line-height:1.35!important}
.mini-views{font-size:10.5px!important}
@media(max-width:991px){
  .section-title{font-size:24px!important}
  .video-item .card-title{font-size:15px!important}
  .video-stats{font-size:11px!important}
}
@media(max-width:575px){
  .section-title{font-size:22px!important}
  .video-item .card-title{font-size:15px!important;line-height:1.35!important}
  .latest-videos .row{--bs-gutter-y:30px!important}
}

/* === V14.7 — 4 VIDEOS POR FILA / CARDS MAIORES === */
@media (min-width: 992px){
  .latest-videos .col-md-4,
  .latest-videos .col-lg-3{width:25%!important;flex:0 0 auto!important}
  .content{max-width:1720px!important}
  .video-item .card-title{font-size:16.5px!important;line-height:1.38!important}
}
@media (min-width: 1500px){
  .latest-videos .col-lg-3{width:25%!important;flex:0 0 25%!important;max-width:25%!important}
}

/* === V14.8 — HEADER CENTRALIZADO + HD VERMELHO === */
@media (min-width: 768px){
  .header.d-none.d-md-block{height:72px!important;min-height:72px!important;padding:0 22px!important}
  .header.d-none.d-md-block>.container-fluid{height:100%!important}
  .header.d-none.d-md-block>.container-fluid>.row{height:100%!important;min-height:72px!important;align-items:center!important;margin-top:0!important;margin-bottom:0!important}
  .header.d-none.d-md-block .col-auto,
  .header.d-none.d-md-block .col{height:100%!important;display:flex!important;align-items:center!important}
  .header.d-none.d-md-block .search-form{width:100%!important;margin-top:0!important;margin-bottom:0!important;align-items:center!important}
  .header.d-none.d-md-block .input-group{align-items:center!important}
  .header.d-none.d-md-block .menu-button,
  .header.d-none.d-md-block .logo{margin-top:0!important;margin-bottom:0!important;align-self:center!important}
}
.logo .logo-hd{color:#ff1717!important;text-shadow:0 0 12px rgba(255,23,23,.22)!important}

/* === V14.9 — PÁGINA DO VÍDEO / DARKROOM DIGITAL === */
.single-video .content,
body.single-video .content,
body.single .content{max-width:1780px!important;padding-top:28px!important}
body.single .video-page{gap:34px!important;align-items:flex-start!important}
body.single .video-main{max-width:none!important;min-width:0!important;padding-right:0!important;flex:1 1 auto!important}
body.single .video-sidebar{width:340px!important;flex:0 0 340px!important;padding-left:0!important}

/* microbarra de contexto */
.playback-status{display:flex;align-items:center;gap:9px;margin:0 0 11px;color:#777;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}
.playback-live{color:#f3f3f3}.playback-live i{font-size:6px;color:#ff1717;margin-right:5px;text-shadow:0 0 9px rgba(255,23,23,.65)}
.playback-separator{color:#333}
body.single .video-taxonomy{margin:0 0 12px!important;gap:6px!important}
body.single .video-category-tag,body.single .video-tag{background:#0d0d0d!important;border:1px solid #242424!important;color:#aaa!important;border-radius:2px!important;padding:5px 8px!important;font:650 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase!important;letter-spacing:.04em!important}
body.single .video-category-tag i,body.single .video-tag i{display:none!important}

/* player como centro da experiência */
body.single .video-player-container{border:1px solid #1b1b1b!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(255,255,255,.015),0 22px 70px rgba(0,0,0,.48),0 0 60px rgba(255,0,0,.055)!important;background:#000!important}
body.single .video-player-container:after{content:"";position:absolute;inset:auto 8% -18px 8%;height:24px;background:rgba(255,0,0,.07);filter:blur(24px);pointer-events:none;z-index:0}

/* VIP deixa de parecer banner amarelo */
body.single .vip-adfree-button{top:14px!important;right:14px!important;min-height:38px!important;padding:9px 13px!important;border:1px solid rgba(255,40,40,.58)!important;border-radius:3px!important;background:rgba(8,8,8,.9)!important;color:#fff!important;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.045em!important;text-transform:uppercase!important;box-shadow:0 0 22px rgba(255,0,0,.13)!important;backdrop-filter:blur(8px)!important}
body.single .vip-adfree-button i,body.single .vip-adfree-button .vip-lock{color:#ff2b2b!important;opacity:1!important}
body.single .vip-adfree-button:hover{background:#ff1717!important;border-color:#ff1717!important;box-shadow:0 0 28px rgba(255,0,0,.26)!important}
body.single .vip-adfree-button:hover i,body.single .vip-adfree-button:hover .vip-lock{color:#fff!important}

/* CTA abaixo do player integrado ao sistema visual */
body.single .clickable-ad{position:relative!important;margin:14px 0 26px!important;padding:14px 16px!important;gap:14px!important;background:linear-gradient(90deg,#0b0b0b 0%,#0b0b0b 70%,rgba(255,20,20,.045) 100%)!important;border:1px solid #222!important;border-left:2px solid #ff1717!important;border-radius:3px!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}
body.single .clickable-ad .ad-image{width:54px!important;height:54px!important;border-radius:2px!important}
body.single .clickable-ad .ad-content h1{font-size:14px!important;line-height:1.25!important;color:#f4f4f4!important;text-transform:uppercase!important;letter-spacing:.01em!important}
body.single .clickable-ad .ad-content h2{font-size:11px!important;color:#777!important;font-weight:500!important}
body.single .clickable-ad .ad-cta{background:#ff1717!important;color:#fff!important;border:1px solid #ff3030!important;border-radius:2px!important;padding:10px 15px!important;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase!important;letter-spacing:.06em!important;box-shadow:0 0 18px rgba(255,0,0,.14)!important}
body.single .clickable-ad .ad-cta:hover{background:#ff3030!important;box-shadow:0 0 24px rgba(255,0,0,.24)!important}

/* título e metadados editoriais */
body.single .video-info{padding:0 0 14px!important;border-bottom:1px solid #191919!important}
body.single .video-info h1{margin:0 0 10px!important;color:#f5f5f2!important;font-size:30px!important;line-height:1.15!important;font-weight:750!important;letter-spacing:-.035em!important}
body.single .video-info .video-stats{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase!important;letter-spacing:.035em!important;color:#666!important}
body.single .video-info .video-stats i{color:#ff1717!important}
body.single .video-actions{margin-top:12px!important}
body.single .video-description{padding:17px 0 4px!important;color:#c8c8c8!important;font-size:14px!important;line-height:1.7!important;max-width:920px!important}
body.single .video-description p{margin-bottom:13px!important}

/* caixas internas de conteúdo: menos Bootstrap, mais interface */
body.single .video-description .wp-block-group,body.single .video-description .card,body.single .video-description>div[style*="background"]{background:#0a0a0a!important;border:1px solid #1b1b1b!important;border-radius:3px!important;box-shadow:none!important}

/* coluna A SEGUIR */
body.single .video-sidebar>.widget{background:transparent!important;border:0!important;padding:0!important}
body.single .up-next-title,body.single .video-sidebar>h3{margin:22px 0 13px!important;padding-bottom:10px!important;border-bottom:1px solid #1c1c1c!important;color:#f2f2f2!important;font-size:17px!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
body.single .suggested-video{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;gap:10px!important;margin:0!important;padding:9px 0!important;border-bottom:1px solid #151515!important;transition:opacity .18s ease!important}
body.single .suggested-video:hover{opacity:.78!important}
body.single .suggested-video-thumbnail{width:128px!important;height:72px!important;margin:0!important;border-radius:2px!important;overflow:hidden!important;box-shadow:0 0 0 1px rgba(255,255,255,.05)!important}
body.single .suggested-video-info h3{margin:0 0 6px!important;font-size:12px!important;line-height:1.28!important;font-weight:650!important;color:#ddd!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
body.single .suggested-video-stats{margin:0!important;font:500 9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:#555!important;text-transform:uppercase!important}.suggested-video-stats i{color:#ff1717!important;font-size:8px!important}

/* comentários deixam de denunciar o WordPress */
body.single .comments{margin-top:30px!important;padding-top:24px!important;border-top:1px solid #1a1a1a!important;max-width:920px!important}
body.single .comments h2,body.single .comments h3,body.single .comment-reply-title{font-size:20px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.02em!important}
body.single .comments textarea,body.single .comments input[type="text"],body.single .comments input[type="email"],body.single .comments input[type="url"]{width:100%!important;background:#0c0c0c!important;color:#eee!important;border:1px solid #262626!important;border-radius:2px!important;padding:12px!important;outline:0!important}
body.single .comments textarea{min-height:130px!important}
body.single .comments textarea:focus,body.single .comments input:focus{border-color:#ff1717!important;box-shadow:0 0 0 2px rgba(255,23,23,.08)!important}
body.single .comments input[type="submit"],body.single .comments button[type="submit"]{background:#ff1717!important;color:#fff!important;border:0!important;border-radius:2px!important;padding:10px 14px!important;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.single .comments a{color:#aaa!important}.comments a:hover{color:#ff1717!important}

@media(max-width:1199px){body.single .video-page{gap:24px!important}body.single .video-sidebar{width:300px!important;flex-basis:300px!important}.suggested-video{grid-template-columns:112px minmax(0,1fr)!important}.suggested-video-thumbnail{width:112px!important;height:63px!important}}
@media(max-width:1024px){body.single .video-page{display:block!important}body.single .video-sidebar{width:100%!important;margin-top:28px!important}.suggested-video{grid-template-columns:150px minmax(0,1fr)!important}.suggested-video-thumbnail{width:150px!important;height:84px!important}}
@media(max-width:575px){body.single .content{padding-left:12px!important;padding-right:12px!important}body.single .video-info h1{font-size:23px!important}.playback-status{font-size:9px!important}.clickable-ad{align-items:flex-start!important}.clickable-ad .ad-image{display:none!important}.clickable-ad .ad-cta{padding:9px 10px!important}.vip-adfree-button{font-size:9px!important;padding:8px 9px!important}.suggested-video{grid-template-columns:120px minmax(0,1fr)!important}.suggested-video-thumbnail{width:120px!important;height:68px!important}}

/* === V14.10 — ESCALA 100% / PÁGINA DE VÍDEO === */
@media (min-width:1025px){
  body.single .content,body.single-video .content{max-width:1780px!important;padding-top:32px!important}
  body.single .video-page{gap:38px!important}
  body.single .video-sidebar{width:370px!important;flex:0 0 370px!important}

  body.single .playback-status{font-size:12px!important;padding:7px 10px!important;margin-bottom:14px!important}
  body.single .video-category-tag,body.single .video-tag{font-size:11px!important;padding:6px 9px!important}

  body.single .vip-adfree-button{min-height:44px!important;padding:11px 16px!important;font-size:12px!important}

  /* CTA VIP: proporção aprovada na referência */
  body.single .clickable-ad{min-height:106px!important;margin:16px 0 30px!important;padding:16px 22px!important;gap:18px!important;border-left-width:2px!important}
  body.single .clickable-ad .ad-image{width:74px!important;height:74px!important;flex:0 0 74px!important}
  body.single .clickable-ad .ad-content{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
  body.single .clickable-ad .ad-content h1{font-size:18px!important;line-height:1.2!important;margin:0 0 7px!important;letter-spacing:0!important}
  body.single .clickable-ad .ad-content h2{font-size:13px!important;line-height:1.3!important;margin:0!important}
  body.single .clickable-ad .ad-cta{min-width:142px!important;min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:13px 20px!important;font-size:12px!important;margin-left:auto!important}

  body.single .video-info h1{font-size:34px!important;line-height:1.16!important;margin-bottom:12px!important}
  body.single .video-info .video-stats{font-size:11px!important;gap:10px!important}
  body.single .video-description{font-size:16px!important;line-height:1.72!important;max-width:1000px!important}

  body.single .up-next-title,body.single .video-sidebar>h3{font-size:20px!important;margin:24px 0 14px!important}
  body.single .suggested-video{grid-template-columns:148px minmax(0,1fr)!important;gap:12px!important;padding:11px 0!important}
  body.single .suggested-video-thumbnail{width:148px!important;height:83px!important}
  body.single .suggested-video-info h3{font-size:14px!important;line-height:1.3!important}
  body.single .suggested-video-stats{font-size:10px!important}

  body.single .comments{max-width:1000px!important}
  body.single .comments h2,body.single .comments h3,body.single .comment-reply-title{font-size:23px!important}
  body.single .comments textarea,body.single .comments input[type="text"],body.single .comments input[type="email"],body.single .comments input[type="url"]{font-size:15px!important;padding:14px!important}
  body.single .comments input[type="submit"],body.single .comments button[type="submit"]{font-size:11px!important;padding:12px 17px!important}
}

/* === V14.11 — PLAYER STICKY MOBILE / FLUXO DE CONTEÚDO === */
@media (max-width: 767px){
  body.single .video-player-container{
    position:sticky!important;
    top:56px!important;
    z-index:1045!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    width:calc(100% + 24px)!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    background:#000!important;
    box-shadow:0 12px 28px rgba(0,0,0,.72),0 1px 0 rgba(255,23,23,.22),0 8px 26px rgba(255,23,23,.055)!important;
  }
  body.single .video-player-container video,
  body.single .video-player-container iframe{display:block!important;width:100%!important;aspect-ratio:16/9!important;object-fit:contain!important;background:#000!important}
  body.single .clickable-ad{margin-top:14px!important}
  body.single .video-description{padding-top:14px!important}
}

/* === V14.12 — INTEGRAÇÃO SERVER-SIDE CONTENT ENHANCER === */
body.single .v11ce-slot-related{margin:18px 0 26px!important}
body.single .v11ce-slot-footer{margin:34px 0 10px!important;padding-top:20px!important;border-top:1px solid #181818!important}
body.single .v11ce-slot-footer .v11ce-facts{border:0!important;padding:0!important}
body.single .v11ce-slot-footer .v11ce-facts>div{min-width:0!important}
@media(max-width:767px){body.single .v11ce-slot-related{margin-top:14px!important}body.single .v11ce-slot-footer{margin-top:28px!important}}

/* === V14.14 — FIX REAL DO PLAYER STICKY NO MOBILE ===
 * .content tinha overflow-y:auto, criando um ancestral de rolagem que impedia
 * position:sticky de acompanhar o scroll da pagina em navegadores mobile. */
@media (max-width: 767px){
  html, body, body.single, body.single .app,
  body.single .main-content,
  body.single .content,
  body.single .video-page,
  body.single .video-main{
    overflow-x:visible!important;
    overflow-y:visible!important;
  }

  body.single .content{
    min-width:0!important;
  }

  body.single .video-player-container{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:72px!important;
    z-index:1190!important;
    isolation:isolate;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }

  body.single .video-player-container::after{
    z-index:-1!important;
  }
}