body{
	font-family: "PT Sanse",Arial,sans-serif;
	background-color: #2c3e50;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.kinotarjima-movie-single__fact.kinotarjima-movie-single__fact--wide a {
    color: #ffffff;
}

	.video-js {
		width: 100%;  /* Плеер занимает всю ширину контейнера */
		height: auto; /* Высота автоматически подстраивается */
	}

	/**/
	.movie-slider {
			display: flex;
			overflow-x: auto;
			gap: 10px;
			padding: 10px;
	}

	.movie-slide {
			flex: 0 0 auto;
			text-align: center;
	}

	.movie-slide img {
			border-radius: 8px;
			transition: transform 0.3s;
	}

	.movie-slide img:hover {
			transform: scale(1.05);
	}

	.movie-title {
			display: block;
			margin-top: 5px;
			font-weight: bold;
			font-size: 14px;
	}

	/**/

.main-background{
	max-width: 1600px;
	margin: 0 auto;
/*	background-color: #2a3746;*/
	padding: 10px 10px 50px 10px;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
}

/* Шапка: см. css/main-header.css */

.search {
	display: flex;
	align-items: center;
	margin-right: 43px;
}

.search form {
	position: relative;
	width: 300px;
}

.search input {
	width: 268px;
	height: 47px;
	padding-left: 41px;
	border: 2px solid #2d3745;
	border-radius: 5px;
	outline: none;
	background: #222935;
	color: #9E9C9C;
}

.search button {
	position: absolute;
	top: 5px;
	right: -10px;
	width: 74px;
	height: 44px;
	border: none;
	background: #303e4e;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	color: #fff;
}
.search:before {
	position: relative;
	right: -40px;
	z-index: 2;
	content: "\f002";
	font-family: FontAwesome;
	font-size: 30px;
	color: #F9F0DA;
}

/* Попап входа (общая база; тёмная тема — .popup-content--dark в main-header.css) */
/* Общий стиль для всплывающего окна */
.popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1000;
}

.popup-content {
		background: #fff;
		padding: 2rem;
		border-radius: 12px;
		box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
		width: 100%;
		max-width: 400px;
		text-align: center;
		position: relative;
		animation: fadeIn 0.3s ease-in-out;
}

/* Закрывающий крестик */
.close-popup {
		position: absolute;
		top: 10px;
		right: 15px;
		font-size: 20px;
		cursor: pointer;
		color: #555;
		transition: color 0.3s ease;
}

.close-popup:hover {
		color: #000;
}

.popup-content h2 {
		margin-bottom: 1rem;
		font-size: 22px;
		color: #333;
}

.popup-content label {
		display: block;
		text-align: left;
		font-size: 14px;
		margin-bottom: 5px;
		color: #555;
}

.popup-content input {
		width: 94%;
		padding: 10px;
		margin-bottom: 15px;
		border: 1px solid #ccc;
		border-radius: 8px;
		font-size: 14px;
		transition: border 0.3s ease;
}

.popup-contentinput:focus {
		border: 1px solid #007BFF;
		outline: none;
}

.popup-content button {
		width: 100%;
		background: #007BFF;
		color: white;
		padding: 10px;
		border: none;
		border-radius: 8px;
		font-size: 16px;
		cursor: pointer;
		transition: background 0.3s ease;
}

.popup-content button:hover {
		background: #0056b3;
}

.popup-content p {
		margin-top: 10px;
		font-size: 14px;
}

.popup-content a {
		color: #007BFF;
		text-decoration: none;
		transition: color 0.3s ease;
}

.popup-content a:hover {
		color: #0056b3;
}

/* Анимация появления */
@keyframes fadeIn {
		from {
				opacity: 0;
				transform: translateY(-10px);
		}
		to {
				opacity: 1;
				transform: translateY(0);
		}
}



	 /* Стили для страницы профиля */
	 .profile-container {
		 max-width: 800px;
		 margin: 0 auto;
		 padding: 30px;
		 border-radius: 16px;
		 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.50);
	 }

	 .profile-avatar {
		 text-align: center;
		 margin-bottom: 20px;
	 }

	 .profile-avatar img {
		border-radius: 50%;
		border: 4px solid #4CAF50;
		width: 150px;
		height: 150px;
		object-fit: cover;
	 }

	 .profile-avatar a {
			 display: block;
			 margin-top: 10px;
			 color: #0073aa;
			 text-decoration: none;
	 }

	 .profile-form label {
			 display: block;
			 font-weight: bold;
			 margin: 10px 0 5px;
	 }

	 .profile-form input,
	 .profile-form textarea {
			 width: 100%;
			 padding: 10px;
			 margin-bottom: 15px;
			 border: 1px solid #ccc;
			 border-radius: 8px;
	 }

	 .save-btn {
			 display: block;
			 width: 100%;
			 padding: 12px;
			 background-color: #4CAF50;
			 color: white;
			 border: none;
			 border-radius: 8px;
			 cursor: pointer;
			 transition: background 0.3s;
	 }

	 .save-btn:hover {
			 background-color: #45a049;
	 }

	 .logout-btn {
			 display: block;
			 width: 100%;
			 padding: 12px;
			 background-color: #f44336;
			 color: white;
			 border: none;
			 border-radius: 8px;
			 margin-top: 20px;
			 cursor: pointer;
			 transition: background 0.3s;
	 }

	 .logout-btn:hover {
			 background-color: #d32f2f;
	 }

	 .success-message {
			 text-align: center;
			 color: #4CAF50;
			 font-weight: bold;
			 margin: 20px 0;
	 }


main{
	box-shadow: 0px 7px 20px -4px rgba(0,0,0,0.75);
	border-radius: 20px 20px 0 0;
}
.main-content__k{
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	padding: 12px;
}

/* Текст из поля «Описание» (таксономии) или контента/отрывка страницы — под сеткой каталога */
.kinotarjima-catalog-description {
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
	padding: 14px 16px;
	margin-top: 12px;
	background: linear-gradient(160deg, #263545 0%, #1f2d3a 100%);
	border-radius: 4px;
}

.kinotarjima-catalog-description__title {
	margin: 0 0 10px;
	font-size: 1.25rem;
	font-weight: 600;
	color: #e8f0f6;
}

.kinotarjima-catalog-description__body {
	color: #d5e1ea;
	font-size: 14px;
	line-height: 1.55;
}

.kinotarjima-catalog-description__body p:last-child {
	margin-bottom: 0;
}

.kinotarjima-catalog-description__body a {
	color: #8ecfff;
}

.page-hero{
	background: linear-gradient(135deg, #2a3746 0%, #23313f 100%);
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	padding: 14px 16px;
	margin-bottom: 12px;
}

.page-hero h1{
	margin: 0 0 6px;
	font-size: 28px;
}

.page-hero p{
	margin: 0;
	color: #d5e1ea;
	font-size: 14px;
	line-height: 1.45;
}

/* Главная: фильтр вместо h1 внутри .page-hero */
.page-hero--with-filter .main-navigation__sort {
	margin-bottom: 0;
	padding-top: 10px;
}
.page-hero--with-filter .filtr-title h3 {
	color: #e8f0f6;
	margin: 0 0 8px;
}


.info-film{
	background-color: #2c3e50;
	margin-bottom: 12px;
	padding: 5px 5px 5px 10px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
}
.info-film__inner{
	display: flex;
	flex-direction: column;
}
.info-film_left{
	margin-right: 10px;
	justify-content: center;
	align-self: center;
}

.info-film h1{
	font-size: 25px;
	margin: 0;
	text-align: center;
}
.info-film_right{
	display: flex;
	flex-direction: column;
}

.info-film_right p{
	margin: 0 0 5px 0;
	border-bottom: 1px solid #2c3e50;
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);
	padding: 5px;
}


.info-film_right mark{
	background-color: transparent;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	padding: 2px 5px;
	color: #fff;
}

.main-k__rating-inner{
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	padding: 2px 5px;
	display: flex;
	justify-content: flex-start;
	margin-left: 15px;
	align-items: center;
}

.rating-block{
	display: flex;
}

.description-kino{
	background-color: #2a3746;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	padding: 10px;
}

.description-kino h3{
	margin: 0 0 5px 0;
}

/* Сетка карточек: база; детальный вид — css/movie-card.css */
.kinotarjima-movies-grid{
	display: flex;
	list-style: none;
	padding: 8px;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
}

.kinotarjima-movies-grid__empty{
	width: 100%;
	text-align: center;
	padding: 24px 12px;
	color: #ccc;
	margin: 0;
}

/* .main-k__item — устаревшие размеры; карточки переопределены в movie-card.css */

.main-k__rating {
	display: flex;
	font-size: 19px;
	flex-direction: row;
	position: relative;
	justify-content: center;
}

.star {
	cursor: pointer;
	color: #ccc;
	transition: color 0.2s;
	position: relative;
}

.star:hover,
.star.hover,
.star.selected {
	color: #f5b301;
}

#tooltip {
	position: absolute;
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 1em;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.2s;
	pointer-events: none;
	white-space: nowrap;
	z-index: 10;
}

.star:hover ~ #tooltip,
.star.hover ~ #tooltip {
	visibility: visible;
	opacity: 1;
}


/* .main-k__name — см. .kinotarjima-movie-card__title в movie-card.css */

.main-k__rating{
	padding-bottom: 5px;
}

.main-pagination{
	display: flex;
	list-style: none;
	flex-direction: row;
	justify-content: center;
	padding: 0;
}

.main-pagination__item .page-numbers{
	background-color: #2c3e50;
	padding: 10px;
	margin: 0 5px 10px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	color: #fff;
	text-decoration: none;
}

.main-pagination__item .current{
	background-color: #1b252f;
}


.main-navigation{
	background-color: #2a3746;
	border-radius: 20px;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	margin-bottom: 30px;
	padding: 0;
}

.navigation-list{
	list-style: none;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-self: stretch;
	padding: 10px;
	margin: 0;
}

.navigation-item a{
	display: flex;
	background-color: #2c3e50;
	padding: 0 15px;
	line-height: 48px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	text-decoration: none;
	color: #fff;
}

.main-navigation .fa-fade{
	color: #e2f5ff;
}

.navigation-item i{
	margin-right: 10px;
}

.navigation-item{
	border-radius: 20px;
}

.navigation-slider{
	background-color: #2a3746;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	border-radius: 20px;
}

.slider-list{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	padding: 10px;
	margin: 0;
}

.slider-item a{
	background-color: #2c3e50;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.slider-item img{
	width: 100%;
	height: 100%;
}

.main-content{
	background-color: #2c3e50;
	margin-top: 30px;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 11px;
}

.main-content .main-navigation__left,
.main-content .main-navigation__right{
	background-color: #2c3e50;
}

.main-content .main-navigation__left{
	padding-top: 5px;
	order: 3;
}

.main-content .main-content__center{
	order: 1;
}

.main-content .main-navigation__right{
	order: 2;
	margin: 0;
	padding-top: 5px;
}

.main-navigation__right h2{
	font-size: 24px;
	margin: 0;
	text-align: center;
}


.right-news__list{
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #2a3746;
	margin: 5px 8px;
	padding: 10px 0;
	list-style: none;
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
	flex-wrap: wrap;
	align-items: center;
}

.right-news__item{
	background-color: #2c3e50;
	width: 300px;
	margin: 0 5px 5px 5px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
	padding: 5px;
}

.main-navigation__right a{
	text-decoration: none;
	color: #fff;
	text-align: center;
}

.right-news__item img{
	width: 100%;
}

.right-news__title{
	display: flex;
	justify-content: center;
	text-align: center;
}

.main-navigation__left h2{
	margin: 0;
	text-align: center;
}

.navigation-left__list{
	background-color: #2a3746;
	margin: 5px 8px;
	padding: 10px 0;
	list-style: none;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.navigation-left__item{
	display: flex;
	margin-bottom: 7px;
}

.navigation-left__item i{
	margin: 0 10px;
}

.navigation-left__list a{
	background-color: #2c3e50;
	width: 100%;
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
	line-height: 30px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}


.navigation-left__list a svg{
	margin: -5px 9px;
}

.navigation-left__list .film-count{
	padding: 2px 5px;
	border-radius: 5px;
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);
}


.filtr-title{
	display: flex;
	justify-content: center;
}

.filtr-title i{
	margin-right: 5px;
}


.main-navigation__sort{
	/*background-color: #2c3e50;*/
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);
	margin-bottom: 20px;
}


.sort-block {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 10px 10px 80px;
	position: relative; /* Делаем блок позиционируемым */
}

/* Кнопки категорий */
.sort-block .toggle-btn {
	background-color: #2c3e50;
	display: flex;
	align-items: center;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	border: none;
	cursor: pointer;
	width: 100%;
	padding: 10px;
	justify-content: center;
	border-radius: 5px;
	transition: background 0.3s;
}

.toggle-btn i {
	margin-right: 8px;
}

/* Убираем обводку при фокусе */
.sort-block .toggle-btn:focus {
	outline: none;
}

/* Скрываем подменю по умолчанию */
.sort-block .sub-list {
	display: none;
	padding: 0;
	list-style: none;
	width: 150px;
}

/* Показываем при открытии */
.sort-block .sub-list.show {
	display: block;
}

/* Элементы подменю */
.sort-block .sub-list a {
	display: block;
	font-size: 12px;
	padding: 5px;
	text-decoration: none;
	color: #fff;
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
	text-align: center;
	transition: background 0.3s;
}

/* Элементы списка */
.sub-list li {
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	margin-bottom: 5px;
	text-align: center;
	cursor: pointer;
}

/* Стили кнопки поиска */
.search-btn {
	position: absolute;
	bottom: 12px;
	right: 10px;
	background: gray;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	opacity: 0;
/*	transition: background 0.3s, opacity 0.3s;*/
	pointer-events: none; /* Отключает кнопку, если она невидима */


	background-color: #ccc; /* Серый цвет для неактивной кнопки */
	color: #666;
	padding: 10px 20px;
	cursor: not-allowed;
}

/* Активное состояние кнопки поиска */
.search-btn.active {
	cursor: pointer;
	opacity: 1;
	pointer-events: all;

	background-color: #2c3e50;
	border: solid 2px #1a2026;
	color: #fff;
	cursor: pointer;
}

.filter-option.active {
	background-color: #1e2936;
	font-weight: bold;
}



.main-content__list{
	background-color: #2c3e50;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.75);
	padding: 10px;
}

.main-footer__all-cantent{
	display: flex;
	flex-direction: column;
}


.main-footer___content{
	font-size: 12px;
	padding: 15px;
}

.main-footer___content i{
	margin-right: 5px;
	color: #b7fe20;
}

.footer-content__block{
	display: flex;
	flex-direction: column;
}

main,
footer{
	background-color: #2A3741;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.main-footer{
	display: flex;
	font-family: sans-serif;
	font-size: 13px;
	flex-direction: column;
	align-items: center;
}

.main-footer__content{
	display: flex;
	width: 100%;
}

.main-footer__block-1,
.main-footer__block-2,
.main-footer__block-3{
	display: flex;
	width: 350px;
	justify-content: space-around;
}


.main-footer__block-2{
	flex-direction: column;
}

.main-footer__block-3{
	justify-content: flex-start;
}

.main-footer__block-1 .main-footer__item{
	margin-bottom: 5px;
}

.main-footer__block-3{
	flex-direction: column;
}

.main-footer__list-1,
.main-footer__list-2{
	padding: 0;
	list-style: none;
}

.social-block{
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.social-list{
	display: flex;
	list-style: none;
	padding: 0;
}

.social-title{
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	padding: 5px;
	margin: 10px 0 0 0;
}

.social-list .social-list__item{
	margin-left: 5px;
}

.main-footer__item a{
	background-color: #2c3e50;
	text-decoration: none;
	width: 100%;
	display: inline-block;
	color: #fff;
	padding: 5px 0 6px 12px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}

.social-list__item a{
	color: #fff;
}

.admin p{
	text-align: center;
	padding: 10px;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.main-footer__block-3 p{
	padding: 15px;
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
}

.copyright span {
	display: inline-block;
	margin-top: 20px;
	font-size: 9px;
	color: #ccc;
}


@media screen and (min-width: 1055px){
	.search {
		width: 400px;
	}

	.main-content{
		flex-direction: row;
	}

	.main-content .main-navigation__left,
	.main-content .main-content__center,
	.main-content .main-navigation__right
	{
		order: 0;
	}
	.main-content .main-navigation__left{width: 260px}
	.main-content .main-content__center{width: 900px;}
	.main-content .main-navigation__right{width: 260px; margin-bottom: 0;
	}

	.main-footer{
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	}

	.main-footer__all-cantent{
		flex-direction: row;
	}

	.right-news__list{
		flex-direction: column;
	}

	.right-news__item{
		width: 180px;
		flex-wrap: nowrap;
	}
}

@media screen and (min-width: 1200px){
	.slider-item a{
		display: inline-block;
	}
}


@media screen and (min-width: 750px){
	.sort-block{
		flex-direction: row;
		justify-content: space-between;
	}

	.sort-block .toggle-btn {
		width: 150px;
	}

	.info-film__inner{
		flex-direction: row;
	}

	.info-film_left{
		align-self: baseline;
	}

	.main-k__rating-inner{
		align-items: flex-start;
	}

	.info-film h1{
		text-align: left;
	}
}

@media (max-width: 500px) {
	.main-logo a {
			margin-top: 18px;
			font-size: 28px;
		 }

		 .search-btn {
			position: static;
		 }
}

@media (max-width: 750px) {
		.sort-block {
			padding: 10px;
			}
		 .search-btn {
			position: static;
			margin-top: 30px;
		 	}
		 	.sort-block .sub-list {
	    width: 100%;
		}
}