/*
 Theme Name:   HauNMovie Nulled Child
 Theme URI:    https://yourdomain.com/
 Description:  Child theme of HaunMovies
 Author:       Your Name
 Author URI:   https://yourdomain.com
 Template:     haunmovies
 Version:      1.0.0
 Text Domain:  haunmovies-child
*/

/* Import CSS từ theme cha */
@import url('../haunmovies/style.css');

/* Style tuỳ chỉnh viết thêm ở dưới */
body {
    font-family: 'Montserrat', sans-serif !important;
}
body.halimthemes,
#header,
#footer,
#footer .footer-logo,
#footer .about,
.footer-credit {
    background: #1c1c1c !important;
}
#headwrap .nav-items a {
    background: #2b2b2b;
    border: 1px solid rgb(84 59 59 / 8%) !important;
    padding: 7px 17px;
    color: #ccc;
    font-size: 16px;
    line-height: 1.3;
}
.navbar-container:has(.main-navigation),
.main-navigation {
    background: #1f2021;
    box-shadow: unset;
}
#wrapper {
    background: #1c1c1c;
    box-shadow: unset;
}
body.halimthemes {
    background: #23232a url(../haunmovies/assets/images/halimBg.png) fixed center;
}
#headwrap .menu-right {
    padding: 0;
}
.halim_box .grid-item {
    padding: 5px;
}
.grid-item:hover img,
#sidebar .item:hover img,
.popular-post .item:hover img {
    /* disble transform */
    /* transform: scale(1.1); */
    /* transition: all 0.3s ease-in-out; */
    transform: unset !important;
    transition: unset !important;
}
.grid-item .icon_overlay,
.slider-thumb .icon_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: #000 url(assets/images/play-icon.png) no-repeat center center; */
    /* background-size: 30px; */
    opacity: 0;
    transition: unset !important;
}

.grid-item:hover .icon_overlay,
.slider-thumb:hover .icon_overlay {
    opacity: 0 !important;
}
/* .halim-showtime media screen min width 970  */
@media screen and (min-width: 990px) {
    .halim-showtime {
        min-height: 100vh;
    }
}
.halim-showtime .schedule-menu {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    background: linear-gradient(135deg, var(--bg-dark), #252525);
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--border-light);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.halim-showtime .schedule-menu .schedule-item {
    flex: 0 0 100px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
    border-radius: 8px;
    border: 2px solid transparent;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    min-width: 90px;
}
.halim-showtime .schedule-menu .schedule-item.active {
    border-color: #0af;
}
.halim-showtime .schedule-menu .schedule-item.active:before {
    opacity: 0.2;
}
.halim-showtime .schedule-menu .schedule-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0af, #ff007a);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.4s ease;
    z-index: 0;
}
.halim-showtime .schedule-menu .schedule-item:hover {
    border-color: #0af;
}
.halim-showtime .schedule-menu .schedule-item a {
    color: #ccc;
}

/* Carousel */
.owl-nav.disabled button {
    display: none;
}

.custom-carousel {
    margin-bottom: 36px;
}

.custom-carousel .owl-carousel .owl-nav {
    display: none;
}

.custom-carousel .grid-item figure {
    position: relative;
    aspect-ratio: 3 / 4;
}

.custom-carousel .grid-item .halim-post-title-box {
    position: unset;
    padding: 0;
    height: 70px;
    display: flex;
    align-items: center;
    background: transparent !important;
    padding-top: 0 !important;
}

.custom-carousel .grid-item .halim-post-title-box {
    position: unset;
    padding: 0;
    height: 70px;
}

.custom-carousel .grid-item .halim-post-title-box .number {
    line-height: 1;
    font-size: 3.5em;
    font-weight: 800;
    font-style: italic;
    background: linear-gradient(39deg, #fecf59, #fff1cc);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #fff0;
    margin-right: 0.5rem;
    flex-shrink: 0;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-carousel .grid-item .halim-post-title-box .halim-post-title {
    position: unset;
}

.custom-carousel .grid-item .halim-post-title h2 {
    font-size: 14px !important;
    line-height: 1;
    font-weight: 700;
}

.custom-carousel .grid-item .halim-post-title .original_title {
    color: #9ca3af;
}

.custom-carousel .grid-item figure .episode {
    right: 10px;
    bottom: 10px;
    background: rgb(0 0 0 / 0.7);
    padding: 5px 10px;
    border-radius: 20px;
    color: #ffc107;
    font-size: 14px;
    font-weight: 700;
}

.custom-carousel .grid-item .clip-path-odd {
    -webkit-clip-path: polygon(
        94.239% 100%,
        5.761% 100%,
        5.761% 100%,
        4.826% 99.95%,
        3.94% 99.803%,
        3.113% 99.569%,
        2.358% 99.256%,
        1.687% 98.87%,
        1.111% 98.421%,
        0.643% 97.915%,
        0.294% 97.362%,
        0.075% 96.768%,
        0 96.142%,
        0 3.858%,
        0 3.858%,
        0.087% 3.185%,
        0.338% 2.552%,
        0.737% 1.968%,
        1.269% 1.442%,
        1.92% 0.984%,
        2.672% 0.602%,
        3.512% 0.306%,
        4.423% 0.105%,
        5.391% 0.008%,
        6.4% 0.024%,
        94.879% 6.625%,
        94.879% 6.625%,
        95.731% 6.732%,
        96.532% 6.919%,
        97.272% 7.178%,
        97.942% 7.503%,
        98.533% 7.887%,
        99.038% 8.323%,
        99.445% 8.805%,
        99.747% 9.326%,
        99.935% 9.88%,
        100% 10.459%,
        100% 96.142%,
        100% 96.142%,
        99.925% 96.768%,
        99.706% 97.362%,
        99.357% 97.915%,
        98.889% 98.421%,
        98.313% 98.87%,
        97.642% 99.256%,
        96.887% 99.569%,
        96.06% 99.803%,
        95.174% 99.95%,
        94.239% 100%
    );
    clip-path: polygon(
        94.239% 100%,
        5.761% 100%,
        5.761% 100%,
        4.826% 99.95%,
        3.94% 99.803%,
        3.113% 99.569%,
        2.358% 99.256%,
        1.687% 98.87%,
        1.111% 98.421%,
        0.643% 97.915%,
        0.294% 97.362%,
        0.075% 96.768%,
        0 96.142%,
        0 3.858%,
        0 3.858%,
        0.087% 3.185%,
        0.338% 2.552%,
        0.737% 1.968%,
        1.269% 1.442%,
        1.92% 0.984%,
        2.672% 0.602%,
        3.512% 0.306%,
        4.423% 0.105%,
        5.391% 0.008%,
        6.4% 0.024%,
        94.879% 6.625%,
        94.879% 6.625%,
        95.731% 6.732%,
        96.532% 6.919%,
        97.272% 7.178%,
        97.942% 7.503%,
        98.533% 7.887%,
        99.038% 8.323%,
        99.445% 8.805%,
        99.747% 9.326%,
        99.935% 9.88%,
        100% 10.459%,
        100% 96.142%,
        100% 96.142%,
        99.925% 96.768%,
        99.706% 97.362%,
        99.357% 97.915%,
        98.889% 98.421%,
        98.313% 98.87%,
        97.642% 99.256%,
        96.887% 99.569%,
        96.06% 99.803%,
        95.174% 99.95%,
        94.239% 100%
    );
}

.custom-carousel .grid-item .clip-path-even {
    /* -webkit-clip-path: polygon(5.761% 100%, 94.239% 100%, 94.239% 100%, 95.174% 99.95%, 96.06% 99.803%, 96.887% 99.569%, 97.642% 99.256%, 98.313% 98.87%, 98.889% 98.421%, 99.357% 97.915%, 99.706% 97.362%, 99.925% 96.768%, 100% 96.142%, 100% 3.858%, 100% 3.858%, 99.913% 3.185%, 99.662% 2.552%, 99.263% 1.968%, 98.731% 1.442%, 98.08% .984%, 97.328% .602%, 96.488% .306%, 95.577% .105%, 94.609% .008%, 93.6% .024%, 5.121% 6.625%, 5.121% 6.625%, 4.269% 6.732%, 3.468% 6.919%, 2.728% 7.178%, 2.058% 7.503%, 1.467% 7.887%, .962% 8.323%, .555% 8.805%, .253% 9.326%, .065% 9.88%, 0 10.459%, 0 96.142%, 0 96.142%, .075% 96.768%, .294% 97.362%, .643% 97.915%, 1.111% 98.421%, 1.687% 98.87%, 2.358% 99.256%, 3.113% 99.569%, 3.94% 99.803%, 4.826% 99.95%, 5.761% 100%); */
    clip-path: polygon(
        5.761% 100%,
        94.239% 100%,
        94.239% 100%,
        95.174% 99.95%,
        96.06% 99.803%,
        96.887% 99.569%,
        97.642% 99.256%,
        98.313% 98.87%,
        98.889% 98.421%,
        99.357% 97.915%,
        99.706% 97.362%,
        99.925% 96.768%,
        100% 96.142%,
        100% 3.858%,
        100% 3.858%,
        99.913% 3.185%,
        99.662% 2.552%,
        99.263% 1.968%,
        98.731% 1.442%,
        98.08% 0.984%,
        97.328% 0.602%,
        96.488% 0.306%,
        95.577% 0.105%,
        94.609% 0.008%,
        93.6% 0.024%,
        5.121% 6.625%,
        5.121% 6.625%,
        4.269% 6.732%,
        3.468% 6.919%,
        2.728% 7.178%,
        2.058% 7.503%,
        1.467% 7.887%,
        0.962% 8.323%,
        0.555% 8.805%,
        0.253% 9.326%,
        0.065% 9.88%,
        0 10.459%,
        0 96.142%,
        0 96.142%,
        0.075% 96.768%,
        0.294% 97.362%,
        0.643% 97.915%,
        1.111% 98.421%,
        1.687% 98.87%,
        2.358% 99.256%,
        3.113% 99.569%,
        3.94% 99.803%,
        4.826% 99.95%,
        5.761% 100%
    );
}

.custom-carousel .grid-item .halim-trending-poster-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsl(0 0% 100% / 0.05);
    z-index: 1;
    transition: background-color 0.3s ease;
}

.custom-carousel .grid-item figure:hover .halim-trending-poster-mask {
    background-color: rgb(255 193 7 / 0.1);
}

.custom-carousel .grid-item figure img {
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.custom-carousel span.rate {
    right: 10px;
    bottom: 80px;
    background: rgb(0 0 0 / 0.7);
    padding: 5px 10px;
    border-radius: 20px;
    color: #ffc107;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
}
.custom-carousel .owl-stage {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    user-select: none;
    will-change: transform, scroll-position;
}
.halim-trending-rating {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
    background-color: rgb(0 0 0 / 0.7);
    padding: 5px 10px;
    border-radius: 20px;
    display: flex;
    line-height: normal;
    align-items: center;
}
.halim-trending-rating-value {
    color: #ffc107;
    font-size: 14px;
    font-weight: 700;
}
@media (max-width: 450px) {
    .custom-carousel .grid-item .halim-post-title-box .number {
        width: 45px;
        font-size: 38px;
    }

    .custom-carousel .grid-item .halim-post-title-box .halim-post-title {
        padding-left: 4px;
    }
}
/* Post item  */
.popular-post .item {
    clear: both;
    margin: 1px 0;
    padding-right: 10px;
    line-height: 1.2;
    list-style-type: none;
    overflow: hidden;
    background: #0b0f15;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #1e1e24 0%, #0c0c0e 51%, #060808 50%);
    transition: 0.8s;
    position: relative;
}
/* Page Num */
.page-numbers li a,
.page-numbers li span.current,
.page-numbers li span.dots {
    padding: 10px 20px;
    border-radius: 2px;
    font-size: 15px;
}
.page-numbers li a:hover {
    background: #bf7d18 !important;
}
.page-numbers li a {
    background: #333 !important;
}
/* Form Login */
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}