/**
 * Tema escuro - Pornn Xota
 * Fundo preto, barras em cinza escuro, texto branco/cinza claro, destaque vermelho
 */

/* Espaçamento lateral reduzido pela metade */
.row {
	max-width: 105em !important;
}

.site-content {
	padding: 0.75em !important;
}

.site-footer .row {
	padding: 0 0.75em !important;
}

.breadcrumbs-area .row {
	padding: 0 0.75em !important;
}

/* Base */
body {
	background-color: #000 !important;
	color: #e0e0e0 !important;
}

/* Thumb sem imagem - tema escuro (style.css usa #eee para tema claro) */
.no-thumb {
	background-color: #2a2a2a !important;
}

.no-thumb span {
	color: #888 !important;
}

/* Header e top-bar */
.site-header,
.top-bar {
	background-color: #1a1a1a !important;
	border-bottom-color: #333 !important;
}

.top-bar {
	background-color: #252525 !important;
	border-bottom: 1px solid #333 !important;
}

.top-bar small,
.top-bar i {
	color: #aaa !important;
}

/* Logo e navegação */
.site-branding .logo a,
.site-title a {
	color: #fff !important;
}

.site-branding .header-search input,
.site-branding .header-search input[type="text"] {
	background-color: #2a2a2a !important;
	border: 1px solid #444 !important;
	color: #fff !important;
}

.site-branding .header-search input::-webkit-input-placeholder,
.site-branding .header-search input::-moz-placeholder {
	color: #888 !important;
	opacity: 0.8;
}

.site-branding .header-search input#searchsubmit {
	color: #aaa !important;
}

.site-branding .header-search input#searchsubmit:hover {
	color: #E53935 !important;
}

/* Menu de navegação */
#site-navigation > ul > li > a {
	color: #b0b0b0 !important;
}

#site-navigation > ul > li:hover > a,
#site-navigation > ul > li.current_page_item > a,
#site-navigation > ul > li.current-menu-item > a {
	color: #fff !important;
}

/* Filtros (Últimos vídeos, Vídeos populares, etc.) */
#filters .filters-select {
	color: #b0b0b0 !important;
}

#filters .filters-options {
	background: #1a1a1a !important;
	border-color: #333 !important;
}

#filters .filters-options span {
	border-bottom-color: #333 !important;
}

#filters .filters-options span a {
	color: #b0b0b0 !important;
}

#filters .filters-options span a:hover {
	color: #fff !important;
}

/* Tab selecionado - texto branco + underline vermelho */
#filters .filters-options span a.active {
	color: #fff !important;
	border-bottom: 2px solid #E53935 !important;
}

/* Área de conteúdo */
.site-content,
#main,
#primary {
	background-color: #000 !important;
}

/* Títulos de vídeos e blocos */
.thumb-block .entry-header,
.thumb-block .entry-header .entry-title,
.thumb-block .entry-header a {
	color: #fff !important;
}

.thumb-block .entry-header .cat-title {
	color: #ccc !important;
}

/* Overlay das thumbnails */
.thumb-block .post-thumbnail-container::after,
.categories-list .thumb-block .entry-header {
	background: rgba(0, 0, 0, 0.7) !important;
}

/* Views e duração */
.thumb-block span.views,
.thumb-block span.duration {
	color: #999 !important;
}

/* Widget titles */
.widget-title,
.page-title,
.page .entry-title,
.comments-title,
.under-video-block h2,
.title-block {
	color: #fff !important;
}

/* Descrição do site */
p.site-description {
	color: #999 !important;
}

/* Breadcrumbs */
.breadcrumbs-area {
	background: #1a1a1a !important;
	border-bottom-color: #333 !important;
}

#breadcrumbs li a,
#breadcrumbs .bread-current {
	color: #b0b0b0 !important;
}

#breadcrumbs li.item-current .bread-current {
	color: #fff !important;
}

#breadcrumbs li.separator {
	color: #555 !important;
}

/* Tags e categorias - contraste WCAG para acessibilidade */
.video-tags a.label,
a.tag-cloud-link,
.template-actors li a {
	color: #e8e8e8 !important;
	background: #2a2a2a !important;
	border-color: #555 !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.video-tags a.label:hover,
a.tag-cloud-link:hover,
.template-actors li a:hover {
	background: #333 !important;
	border-color: #E53935 !important;
	color: #fff !important;
}

/* Extras de tag/actor - borda visível em fundo escuro */
.tag-page-extras,
.actor-page-extras {
	border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* Links no conteúdo - contraste e diferenciáveis (exclui .button) */
.entry-content a:not(.button),
.video-description a:not(.button) {
	color: #64b5f6 !important;
	text-decoration: underline;
}

.entry-content a:not(.button):hover,
.video-description a:not(.button):hover {
	color: #90caf9 !important;
}

/* Video player info */
.video-views,
.likes,
.video-infos .separator {
	color: #b0b0b0 !important;
}

.video-description {
	color: #ccc !important;
}

/* Botões */
.button,
button,
input[type="button"],
input[type="submit"] {
	background-color: #E53935 !important;
	border-color: #E53935 !important;
	color: #fff !important;
}

.button:hover,
button:hover {
	background-color: #c62828 !important;
	border-color: #c62828 !important;
	color: #fff !important;
}

/* Modal login */
.wpst-user-modal .modal-content {
	background: #1a1a1a !important;
	border-color: #333 !important;
}

.wpst-user-modal .modal-body,
.wpst-user-modal label {
	color: #e0e0e0 !important;
}

.wpst-user-modal input {
	background: #2a2a2a !important;
	border-color: #444 !important;
	color: #fff !important;
}

.wpst-user-modal .close {
	color: #fff !important;
}

/* Footer */
.site-footer {
	background: #1a1a1a !important;
	border-top-color: #333 !important;
}

.site-footer .footer-seo,
.site-footer .site-info,
.site-footer .widget-title,
.site-footer .textwidget {
	color: #b0b0b0 !important;
}

.site-footer a {
	color: #b0b0b0 !important;
}

.site-footer a:hover {
	color: #E53935 !important;
}

/* Paginação */
.pagination ul li a {
	background: #252525 !important;
	border-color: #444 !important;
	color: #b0b0b0 !important;
}

.pagination ul li a:hover,
.pagination ul li a.current {
	background: #E53935 !important;
	border-color: #E53935 !important;
	color: #fff !important;
}

/* Comentários */
.comment-content,
.comment-metadata {
	color: #ccc !important;
}

.comment-author {
	color: #fff !important;
}

/* Formulários */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: #2a2a2a !important;
	border-color: #444 !important;
	color: #fff !important;
}

/* More videos link */
.more-videos,
.morelink {
	color: #E53935 !important;
}

.more-videos:hover,
.morelink:hover {
	color: #ff5252 !important;
}

/* Scrollbar escura */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
	background: #444;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* Select e outros inputs */
select {
	background: #2a2a2a !important;
	border-color: #444 !important;
	color: #fff !important;
}

/* Page header (título da página) */
.page-header {
	border-bottom-color: #333 !important;
}

.page-header h1 {
	color: #fff !important;
}

/* Erro 404 e páginas vazias */
.error-404,
.content-none {
	color: #ccc !important;
}

.error-404 h1,
.content-none h1 {
	color: #fff !important;
}

/* Alertas e mensagens */
.alert {
	border-color: #444 !important;
}

.alert-success {
	background: rgba(76, 175, 80, 0.2) !important;
	border-color: #4caf50 !important;
	color: #c8e6c9 !important;
}

.alert-danger {
	background: rgba(244, 67, 54, 0.2) !important;
	border-color: #f44336 !important;
	color: #ffcdd2 !important;
}

.alert-info {
	background: rgba(33, 150, 243, 0.2) !important;
	border-color: #2196f3 !important;
	color: #bbdefb !important;
}

/* Video submit form */
.video-submit-area label,
.video-submit-area .form-field label {
	color: #e0e0e0 !important;
}

/* Profile page */
.my-profile-page label {
	color: #e0e0e0 !important;
}

/* Back to top */
#back-to-top {
	color: #E53935 !important;
}

#back-to-top:hover {
	color: #ff5252 !important;
}

/* ========================================
   Menu mobile - escuro como filtros + acessibilidade
   ======================================== */
@media screen and (max-width: 64em) {
	/* Menu principal - fundo escuro igual aos filtros */
	#site-navigation ul,
	#site-navigation ul.open {
		background: #1a1a1a !important;
		border: 1px solid #333 !important;
	}

	#site-navigation ul li {
		border-bottom-color: #333 !important;
		background: transparent !important;
	}

	#site-navigation ul li:hover {
		background: #252525 !important;
	}

	/* Links - cor clara para acessibilidade (como filtros) */
	#site-navigation ul li a,
	#site-navigation ul ul li a {
		color: #e0e0e0 !important;
		background: none !important;
	}

	#site-navigation ul li a:hover,
	#site-navigation ul ul li a:hover {
		color: #fff !important;
	}

	#site-navigation ul ul li {
		background: #252525 !important;
	}

	#site-navigation ul ul li:hover {
		background: #333 !important;
	}

	#site-navigation ul ul {
		border: none !important;
	}

	/* Botão hambúrguer e ícones */
	#site-navigation .button-nav:after,
	#site-navigation .button-nav:before {
		background: #e0e0e0 !important;
		border-color: #e0e0e0 !important;
	}

	#site-navigation .button-nav.menu-opened:after,
	#site-navigation .button-nav.menu-opened:before {
		background: #e0e0e0 !important;
	}

	#site-navigation #head-mobile {
		color: #e0e0e0 !important;
	}

	/* Botão submenu */
	#site-navigation .submenu-button {
		border-left-color: #333 !important;
		background: transparent !important;
	}

	#site-navigation .submenu-button:after,
	#site-navigation .submenu-button:before {
		background: #e0e0e0 !important;
	}

	#site-navigation .submenu-button.submenu-opened {
		background: #252525 !important;
	}
}

/* Ícones dos filtros (seta/chevron) - padronizar com tema escuro */
#filters .filters-select,
#filters .filters-select:after {
	color: #e0e0e0 !important;
}

#filters .filters-select:hover {
	color: #fff !important;
}

#filters .filters-select:hover:after {
	color: #fff !important;
}

/* H1 na single - tamanho reduzido */
.single .entry-header h1,
.single h1.entry-title {
	font-size: 1.2em !important;
	line-height: 1.3 !important;
}

/* Mobile 48em - complementa 64em com regras adicionais */
@media only screen and (max-width: 48em) {
	#site-navigation ul li a,
	#site-navigation ul ul li a,
	.main-navigation ul ul a,
	.main-navigation ul li.my-area ul a {
		background: transparent !important;
		color: #e0e0e0 !important;
	}

	#site-navigation ul ul li,
	.main-navigation ul ul li {
		background: #252525 !important;
	}
}