/*
 Theme Name:   cinema Child
 Theme URI:    https://doothemes.com/items/dooplay/
 Description:  DooPlay Child Theme
 Author:       DooThemes
 Author URI:   https://doothemes.com/
 Template:     cinema
 Version:      2.1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         DooPlay child theme
 Text Domain:  mtms
*/
/* Для мобильных скрываем все абзацы кроме первого */
.wp-content h1 {
    font-size: 23px;
}
.wp-content.home-intro-text, .wp-content.home-footer-text {
    padding: 10px !important;
}

@media (max-width: 767px) {

    .wp-content h1 {
    font-size: 17px;
}
    .wp-content.expanded p {
        display: block !important;
    }
    
    .read-more-btn {
        background: #4e4e4e;
        color: white;
        border: none;
        padding: 4px 12px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 12px;
        margin-top: 10px;
        display: block;
    }
}
.wp-content p {
    margin-bottom: 15px;
    line-height: 23px;
}
.dooplay_player .options ul li {
    padding: 0;
}

#single .content .sbox {
    padding: 25px 25px;
    border-bottom: solid 1px rgba(255, 255, 255, .08);;
}

.single_tabs {
    border-bottom: solid 1px rgba(255, 255, 255, .08);
}

.sbox .custom_fields {
    width: 100%;
    padding: 0 0 15px;
}


#single_relacionados .owl-wrapper-outer {
    margin: 0 -10px;
}
.wp-content h1, .wp-content h2, .wp-content h3, .wp-content h4, .wp-content h5, .wp-content h6 {
    color: rgb(255 255 255 / 86%);
}

.comments-area {
    padding: 30px 25px;
    width: 100%;
    float: left;
}
.pagination span:first-child {
    padding-left: 0;
}
.sheader .poster img {
    box-shadow: 0 10px 15px -7px rgb(0 0 0);
    height: auto;
}
.module .content .items .item .poster img {
    width: 100%;
}
.srelacionados article img {
}
.module .content .items .item .poster img {
    margin-top: -150%;
}

.module .content .items .item .poster {
    padding-top: 150%;
}
#seasons .se-c .se-a ul.episodios li .imagen img {
    width: 100%;
    height: auto;
}
.wp-content blockquote {
    font-size: 15px;
    margin: 20px 0;
    border-radius: 5px;
    color: #fff;
}

.wp-content p {
    margin-bottom: 15px;
    line-height: 23px;
    font-size: 15px;
}
.srelacionados article img {
    height: auto;
}
article.post .information {

    height: auto;
}
.posts .meta {
    border-bottom: solid 1px rgba(255, 255, 255, .08);
}
.wp-block-table thead {
    border-bottom: none;
}
.wp-content blockquote {
    font-size: 14px;
    margin: 20px 0;
}
.wp-block-separator {
    border: none;
    border-top: 1px solid;
    color: rgb(255 255 255 / 10%);
    padding: 10px 0px 5px;
}
.wp-block-image img {
    border-radius: 5px;
    margin: 20px 0;
}
footer.main .fcmpbox {
    width: 100%;
    float: left;
    padding: 0 25px;
}

footer.main {
    margin-bottom: 0;
}

@media only screen and (max-width: 424px) {
    .dt_social_single {
        text-align: center;
        position: relative;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
}

@media only screen and (max-width: 768px) {
    .comments-area {
        padding: 25px;
    }
    .owl-carousel .owl-wrapper-outer {
    margin: 0;
}
}

@media (max-width:768px){
  header .s_trending {
    display:block;
    text-align:center;
    width:100%;
    margin-top:10px;
  }
}

.sgeneros a:first-child {
	
    border-left: solid 1px rgba(255, 255, 255, .08);
	padding-left: 5px;
}

.sgeneros a {
    color: #fff;
    border-left: solid 1px rgba(255, 255, 255, .08);
    background: #313132;
    padding: 5px;
    border-radius: 5px;
        margin-right: 5px;
    margin-bottom: 5px;
}

.sgeneros {
    height: auto;
}

.sheader {
    border-bottom: solid 1px rgba(255, 255, 255, .08);
}

.menuresp .menu ul.resp {
    background: #474747;
}

.module .content header span a.see-all {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}

.wp-block-table td, .wp-block-table th {
    border: 1px solid;
    padding: 1em;
    border-color: rgb(255 255 255 / 20%);
}


.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%;
    margin: 20px 0;
}

.blog-list-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px; /* расстояние между карточками */
    padding: 10px;
}

span.s_trending a.m_trending {
    float: left;
    padding: 3px 7px;
    margin: 0 10px 0 0;
    border-radius: 5px;
    background: #353535;
    font-size: 14px;
    font-weight: normal;
}
@media only screen and (max-width: 768px) {
    .module .content header, .module .content header span {
        line-height: 30px;
    }
}
.blog-list-items .entry {
	width: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    height: 100%; /* растягивает карточку на всю доступную высоту */
}

.blog-list-items .entry .post {
    display: flex;
    flex-direction: column;
    flex: 1; /* растягивает контент внутри карточки */
}

.blog-list-items .entry .information {
    flex: 1; /* чтобы блок с текстом растягивался и выравнивал карточки */
}

/* для картинок */
.blog-list-items .images img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

article.post .images {
    padding-top: 0;
}

article.post a .images img {
    margin-top:0;
}


.module .content header {
    float: left;
    width: 100%;
    line-height: 20px;
}

/* Сетка эпизодов */
.episodes-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    list-style: none;
    padding: 20px 0;
    margin: 0;
}

/* Ссылка на всю карточку */
.episode-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* Карточка эпизода */
.episode-card {
    background: #1e1e1e;
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.episode-card:hover {
    transform: translateY(-2px);
}

/* Изображение эпизода */
.episode-image {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.episode-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.module .content header h2 {
    border-left: 0;
    padding-left: 0;
            line-height: 30px;
}


.episode-title .fa, .module .content .items .item .data h3 .fa{
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px;
    color: #fcd224;
}
.episode-title .fa{
    color: #ca1515;
}




.pag_episodes .item a{
    background: transparent;
}
.pag_episodes {
    border-bottom: solid 1px #000;
    background: #1d2327;
}
/* Информация об эпизоде */
.episode-info {
       padding: 7px;
    background: #1d2327;
}

.episode-title {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    display: block;
}

.episode-link:hover .episode-title {
    color: #fcd224;
}

.episode-date {
    color: #888;
    font-size: 13px;
    font-weight: 400;
}



.sbox .sdata h1, .sheader .data h1, h1.epih1 {

    font-size: 24px;
    font-weight: 600;
}
#seasons .se-c .se-q span.se-o,  #seasons .se-c .se-q span.se-o a{
    color: #fff;
}

#seasons .se-c .se-q span.title a{
    color: #fff;
    border-bottom: 1px solid #dd333399;
}

.module .content.full_width_layout .items .item.seasons {
    width: calc(100% / 4);
}

@media only screen and (max-width: 424px) {
    .module .content.full_width_layout .items .item.seasons {
        width: calc(100% / 3);
    }
}

.module .content .items .item.seasons .poster img {
    margin-top: -150%;
}

.module .content .items .item.seasons .poster {
    padding-top: 150%;
}

.se .poster .season_m {
    padding: 50% 0;
}
.episode-number {
    color: #ffffff;
    width: 100%;
    background-color: #990e18;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.episode-info {
    padding: 7px;
    background: #242424;
}
.dooplay_player {
    border-bottom: 0px;
}
.episode-title {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    display: block;
}
.module .content .items .item .data {
    float: left;
    width: 100%;
    background: #242424;
    padding: 7px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    display: block;
}
.module .content .items .item .poster:hover > img, .module .content .items .item .poster a:hover img {
    transform: scale(1.2);
    filter: blur(2px) brightness(.3);
}
.episode-title .fa, .module .content .items .item .data h3 .fa {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px;
    color: #dd3333;
}
.se .poster a:hover .season_m {
    opacity: 1;
}

.module .content .items .item .poster a:hover .season_m .see {
    opacity: 1;
}
.episode-title .fa, .module .content .items .item .data h3 .fa {
    font-size: 12px;
    vertical-align: middle;
    margin-right: 5px;
    color: #dd3333;
}

.module .content .items {
    border-bottom: none;
}

.module .content .items.full .episodes:hover {
    transform: translateY(-2px);
}

.module .content .items.full .episodes {
    transition: transform 0.2s ease;
}
.episode-image {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.episode-link {
    display: block;
    text-decoration: none;
    color: inherit;
}


.wp-content.more.expanded p {
    display: block;
}
header.main .hbox .logo {
    padding: 13px 17px 10px!important;
}

.faq-section {
    background: #292929;
    padding: 30px;
    margin: 40px 0;
    border-radius: 5px;
}

.faq-section h2 {
    color: #DF582C!important;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: bold;
}

/* Каждый вопрос */
.faq-item {
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.25);
    transform: translateY(-2px);
}

/* Вопрос */
.faq-question, h3.faq-question {
    background: #111111;
    color: white;
    padding: 20px;
    margin: 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    border: none;
    width: 100%;
    text-align: left;
    transition: background 0.3s ease;
}

.faq-question:hover, h3.faq-question:hover {
    background: #1976d2;
}

.faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

.faq-question.active, h3.faq-question.active {
    background: #1976d2;
}

.faq-question.active::after, p.faq-question.active::after {
    transform: translateY(-50%) rotate(45deg);
}

/* Ответ */
.faq-answer, p.faq-answer {
    padding: 10px 20px;
    transition: all 0.4s ease;
    background: #3a3a3a;
    color: #b9b9b9;
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 15px;
}

.faq-answer.show, p.faq-answer.show {
    padding: 20px;
    max-height: 150px;
}

/* Мобильная версия */
@media (max-width: 768px) {
    .faq-section {
        padding: 20px 15px;
        margin: 20px 0;
    }
.wp-content.more p:not(:first-of-type) {
  display: none;
}
    .faq-question, h3.faq-question {
        padding: 15px;
        font-size: 16px;
    }
    
    .faq-answer, p.faq-answer{
        padding: 15px;
        max-height: 120px;
        margin-bottom: 0;
    }
    
    .faq-question::after, h3.faq-question::after  {
        right: 15px;
        font-size: 20px;
    }
}
.float_left {
    float: left;
    margin: 0px 10px 10px 0px;
}

.float_right {
    float: right;
    margin: 0px 0px 10px 10px;
}



.posts {
    border-bottom: solid 1px rgba(255, 255, 255, .08);
}

h3.epih3 {
    font-size: 18px;
    color: #dd3333
    line-height: 28px;
}

@media (max-width: 768px) {
    #single .content .sbox {
        padding: 15px 15px;
    }
}

/* Адаптивность */
@media (max-width: 768px) {
    .episodes-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    #single .content .sbox {
    padding: 25px 15px;
    }
    .episode-image {
            height: 120px;
    }
    .episode-info {
    padding: 10px;
    }
    .sheader {
    width: 100%;
    float: left;
    padding: 15px;
    overflow: hidden;
}
.sheader .data {
        width: 100%;
        margin-left: 0  ;
    }
    .sheader .data h1,.sbox h1 {
    font-size: 25px;
    font-weight: 600;
}
    .sheader .poster {
        width: 110px;
        display: none;
    }

}