/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {
    z-index: 998;
    width: 320px;
    font-size: 12px;
    background: #585858;
    border-radius: 5px;
    box-shadow: 0 0 1.6em rgba(0,0,0, 0.2)
}

#searchsuggestions:after {
}

#searchsuggestions a, #searchsuggestions span.notfound {
    padding: 8px 10px;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #111;
    font-weight: normal;
}

#searchsuggestions a {
    color: #ccc;
}

#searchsuggestions a:hover {
    text-decoration: none;
    color: #ccc;
    background-color: #111
}

#searchsuggestions span.searchheading {
    display: block;
    margin-bottom: .2em;
}

#searchsuggestions span.seperator {
    display: block;
}

#searchsuggestions span.seperator a {
    padding: 10px 0;
    text-align: center;
    border: 0 none;
    background-color: #333;
    color: #fff;
}

#searchsuggestions span.notfound {
    padding: 15px 20px;
    display: block;
}

#searchsuggestions .break {
    display: none;
}

/* SLIDER */
/* Блок со слайдером */
.slide {
	width: 100%;
	max-width: 1400px;
	margin: 0;
	padding: 0;
}

.slide div {
	padding-top: 0;
	padding-bottom: 0;
}

.slide div {
	padding-top: 0;
	padding-bottom: 0;
}

.mainstream-slide-section {
	width: 100%;

	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(46, 46, 46, 0.5);
	display: flex;
	flex-direction: column;
}

.mainstream-slider-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
	overflow: hidden;

}

.mainstream-slider {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: transform 0.5s ease-in-out;
	overflow: hidden;
	scrollbar-width: none;
	width: 100%;
	margin: 0 auto;
    cursor: pointer;
}

/* карточка для слайдера */
.movie-slider-card {
    position: relative;
	display: flex;
	flex: 1 0 calc((100% - 50px) / 6);
	padding: 0;
	box-sizing: border-box;
	border-radius: 5px;
	flex-direction: column;
	max-width: calc((100% - 50px) / 6);
	justify-content: flex-start;
	overflow: hidden;
}

.movie-slider-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	margin: 0;
	padding: 0;
	display: block;
}

.scroll-btn {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
}

.left-scroll {
	left: 0;
}

.right-scroll {
	right: 0;
}

.mainstream-slider::-webkit-scrollbar {
	display: none; /* Убирает полосу в Webkit-браузерах (Chrome, Safari, Edge) */
}

/* Стили для деталей фильма */
.movie-slider-card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: auto;
	margin-bottom: 20px;
	padding: 15px;
	min-height: 100px;
}

/* Название фильма */
.slider-movie-title {
	font-size: 1.2rem;
	margin-top: auto;
	text-align: center;
}

/* Детали фильма */
.movie-slider-card-details {
	font-size: 0.9rem;
	font-weight: 600;
	color: white;
	text-align: center;
}

.movie-slider-card-details div {
	padding: 0 4px;
}

.movie-slider-card-details div > i{
	padding: 3px;
}

/* Стили для бейджиков */
.movie-slider-badge{
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0.8rem;
}

.imdb-rating-slider-badge {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 0.8rem;
}

/* Скрытый overlay по умолчанию */
.card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#2525250b, #25252579, #111111f5); /* Полупрозрачный фон */
	color: white;
	opacity: 0; /* Изначально скрыто */
	transition: opacity 0.3s ease; /* Плавный переход */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	border-radius: 5px;
	padding: 10px;
}

/* Показываем overlay при наведении */
.movie-slider-card:hover .card-overlay {
	opacity: 1; /* Отображаем overlay */
}

.content-wrapper div {
	margin-top: 0;
	margin-bottom: 0;
}

.poster-container {
	position: relative;
	display: inline-block; /* Для корректного позиционирования */
}

/* Navigation */
.pagi-nav {line-height:26px; margin:20px 0; text-align:center; font-size:12px;}
.pagi-nav > span {display:inline-block;}
.pprev, .pnext {text-align:center; color:#ccc; width:80px; border-radius:4px;
background-color:#585858; border:1px solid #111;}
.pnext a, .pprev a {color:#ccc; display:block;}
.navigation {text-align:center; padding:0 10px;}
.navigation a, .navigation span {display:inline-block; padding:0 5px; color:#ccc; border-radius:3px;
min-width:26px; margin:0 3px 7px 0; background-color:#585858; border:1px solid #111;}
.navigation span {background: linear-gradient(to bottom, #ce1025 0%,#920010 100%); color:#fff;}
.pagi-nav a:hover {color:#ccc; background-color:#111;}
.navigation span.nav_ext {background: #2b2b2b; color:#ccc;}
.dle-comments-navigation .pagi-nav {margin-bottom:0; padding-bottom:20px;}
.instagram-media, .twitter-tweet {display: inline-block !important;}

 .toast {
    position: fixed;
    top: 20px;
    right: 20px;
    max-width: 90%;
    width: 300px;
    padding: 15px 20px;
    background-color: #1a1a1a; /* почти черный */
    color: #fff;
    border-left: 5px solid #e50914; /* красная полоса */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.6);
    z-index: 9999;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    font-family: sans-serif;
}

/* Показать */
.toast.show {
    opacity: 1;
    transform: translateY(0);
}

/* Скрыть */
.toast.hidden {
    display: none;
}

/* Текст */
.toast-message {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

/* Адаптация для маленьких экранов */
@media (max-width: 600px) {
    .toast {
        right: 10px;
        left: 10px;
        width: auto;
    }
}

@media (max-width: 1076px) {
	/* Navbar */
	#navbar-header {
		text-align: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.navbar-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left;
	}

	.navbar-nav {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}

	.navbar-nav .nav-link {
		padding-left: 8px;
		padding-right: 8px;
	}

	/* Уменьшаем отступы для кнопки навигации и логотипа */
	#brand {
		margin-left: 0;
	}

	.navbar-toggler {
		margin-right: 10px; /* Уменьшаем отступ справа */
	}
}


@media (max-width: 1024px) {
	/* карточка для слайдера */
	.movie-slider-card {
		display: flex;
		flex: 1 0 calc((100% - 20px) / 5);
		padding: 0;
		box-sizing: border-box;
		border-radius: 5px;
		flex-direction: column;
		max-width: calc((100% - 20px) / 5);
		justify-content: flex-start;
		overflow: hidden;
	}

	.movie-list {
		display: flex;
		flex-wrap: wrap;
		padding-left: 20px;
		padding-right: 0;
		width: 100%;
		justify-content: flex-start;

	}

	.movie-card {
		flex: 1 1 calc(33% - 10px);
		box-sizing: border-box;
		margin-right: 10px;
		max-width: calc(33% - 10px);
	}
}

@media (max-width: 991px) {


	.navbar-nav .nav-link {
		padding-left: 8px;
		padding-right: 8px;
	}


	.navbar-header {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
	}

	.navbar-nav {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.search-box {
		margin-left: auto;
		margin-bottom: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.input-search{
		height: 50px;
		width: 50px;
		border-style: none;
		padding: 10px;
		outline: none;
		border-radius: 25px;
		transition: all .5s ease-in-out;
		background-color: rgb(32, 37, 70);
		padding-left: 40px;
		color:silver;
	}

	.btn-search:focus ~ .input-search{
		width: 300px;
		border-radius: 0px;
		background-color: transparent;
		border-bottom:1px solid silver;
		transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
	}

	.input-search:focus{
		width: 300px;
		border-radius: 0px;
		background-color: transparent;
		border-bottom:1px solid silver;
		transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
	}

	#brand {
		display: inline-block;
		margin: 0 auto;
		width: 100%
	}



	.genres-items a {
		color: aliceblue;
	}

	.movie-list .poster {
		width: 100%;
	}

	.movie-list .movie-card .movie-badge {
		font-size: 0.6rem;
	}

	.movie-list .card-movie-title {
		font-size: 16px;
	}

	/*mainsream */
	.mainstream-section .poster {
		width: 130px;
	}

	.mainstream-section .movie-card {
		width: 130px;
	}

	.mainstream-section .movie-card .movie-badge {
		position: absolute;
		top: 180px;
		left: 0;
		font-size: 0.7rem;
	}

	.mainstream-section .card-movie-title {
		font-size: 11px;
	}

	.mainstream-section .movie-card .movie-details {
		font-size: 9px
	}

	.movie-list {
		display: flex;
		flex-wrap: wrap;
		padding-left: 20px;
		padding-right: 0;
		width: 100%;
		justify-content: flex-start;

	}


	.movie-card {
		flex: 1 1 calc(33% - 10px);
		box-sizing: border-box;
		margin-right: 10px;
		max-width: calc(33% - 10px);
	}

	.movie-footer {
		width:100%;
	}

	.main-footer .container {
		max-width: 80%;
		margin: 0 auto;
	}
}




@media (max-width: 768px) {
	.mainstream-slide-card {
		max-width:100%;
		padding: 5px;
	}

	.slider {
		width: 100%; /* Слайды занимают всю ширину экрана */
	}

	/* карточка для слайдера */
	.movie-slider-card {
		display: flex;
		flex: 1 0 calc((100% - 20px) / 4);
		padding: 0;
		box-sizing: border-box;
		border-radius: 5px;
		flex-direction: column;
		max-width: calc((100% - 20px) / 4);
		justify-content: flex-start;
		overflow: hidden;
	}

    .card-overlay {
        opacity: 1; /* Отображаем overlay */
    }

    .frate {
        width:100px;
    }
}


@media (max-width: 590px) {

    .movie-slider-card {
		display: flex;
		flex: 1 0 calc((100% - 20px) / 3);
		padding: 0;
		box-sizing: border-box;
		border-radius: 5px;
		flex-direction: column;
		max-width: calc((100% - 20px) / 3);
		justify-content: flex-start;
		overflow: hidden;
	}

	.mainstream-section-title {
		position: relative;
		left: 0;
	}

	.mainstream-slide-card {
		max-width:100%;
		padding: 5px;
	}

	.slider {
		width: 100%;
	}

	.movie-slider-card {
		display: flex;
		flex: 1 0 calc((100% - 20px) / 3);
		padding: 0;
		box-sizing: border-box;
		border-radius: 5px;
		flex-direction: column;
		max-width: calc((100% - 20px) / 3);
		justify-content: flex-start;
		overflow: hidden;
	}

	.movie-list {
		display: flex;
		flex-wrap: wrap;
		padding-left: 10px;
		padding-right: 0;
		width: 100%;
		justify-content: flex-start;

	}

	.movie-card {
		flex: 1 1 calc(50% - 10px);
		box-sizing: border-box;
		margin-right: 10px;
		max-width: calc(50% - 10px);
	}
}

@media (max-width: 400px) {
	.mainstream-slide-card {
		max-width:100%;
		padding: 5px;
	}

	.slider {
		width: 100%; /* Слайды занимают всю ширину экрана */
	}

	/* карточка для слайдера */
	.movie-slider-card {
		display: flex;
		flex: 1 0 calc((100% - 20px) / 3);
		padding: 0;
		box-sizing: border-box;
		border-radius: 5px;
		flex-direction: column;
		max-width: calc((100% - 20px) / 3);
		justify-content: flex-start;
		overflow: hidden;
	}
}

@media (max-width: 930px) {
    .ad-branding {
        min-height: 27vw;
        padding-top: 50px;
    }
}
@media (min-width: 931px) {
    .ad-branding {
        height:250px;
        padding-top: 50px;
    }
}