@extends('layouts.app')
@php
    $isRtl = in_array(app()->getLocale(), ['fa', 'ar', 'he', 'ur'], true);
@endphp

@section('attr_head_guest')
    <script>
        var body = document.querySelector('html');
        if (localStorage.getItem("theme")) {
            var theme = localStorage.getItem("theme");
        }
        if (theme == "light") {
            body.classList.remove("dark");
        } else if (theme == "dark") {
            body.classList.add("dark");
        }
    </script>
    <style id='wp-img-auto-sizes-contain-inline-css'>
        img:is([sizes=auto i],[sizes^="auto," i]) {
            contain-intrinsic-size: 3000px 1500px
        }

        /*# sourceURL=wp-img-auto-sizes-contain-inline-css */
    </style>

    <style id='classic-theme-styles-inline-css'>
        /*! This file is auto-generated */
        .wp-block-button__link {
            color: #fff;
            background-color: #32373c;
            border-radius: 9999px;
            box-shadow: none;
            text-decoration: none;
            padding: calc(.667em + 2px) calc(1.333em + 2px);
            font-size: 1.125em
        }

        .wp-block-file__button {
            background: #32373c;
            color: #fff;
            text-decoration: none
        }

        .film_cat {
            position: relative;
            overflow: hidden;
        }


        .rank_ribbon {
            position: absolute;
            top: 0px;
            left: -20px;
            background-color: #f9c406;
            color: #000;
            font-weight: bold;
            padding: 8px 25px 0px 25px;
            transform: rotate(-45deg);
            font-size: 13px;
            z-index: 15;
            text-align: center;
            display: grid;
            justify-content: center;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
        }

        /* افکت Shine */
        .rank_ribbon::after {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 60%;
            height: 100%;
            background: linear-gradient(120deg, rgba(255, 255, 255, 0.0) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.0) 90%);
            transform: skewX(-20deg);
            animation: shineMove 4s infinite ease-in-out;
        }

        @keyframes shineMove {
            0% {
                left: -100%;
            }
            100% {
                left: 150%;
            }
        }

        .url-item {
            font-size: 14px;
        }

    </style>


    <link rel='stylesheet' id='contact-form-7-css' href='{{url('/')}}/assets/ui/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5'
          media='all'/>
    @if($isRtl)
        <link rel='stylesheet' id='contact-form-7-rtl-css' href='{{url('/')}}/assets/ui/plugins/contact-form-7/includes/css/styles-rtl.css?ver=6.1.5'
              media='all'/>
        <link rel='stylesheet' id='b5-css' href='{{url('/')}}/assets/ui/themes/BebinMovie/css/bootstrap.rtl.min5152.css?ver=1.0' media='all'/>
    @else
        <link rel='stylesheet' id='b5-css' href='{{url('/')}}/assets/css/bootstrap.min.css' media='all'/>
    @endif
    <link rel='stylesheet' id='style-css' href='{{url('/')}}/assets/ui/themes/BebinMovie/style.css?ver=1776543728' media='all'/>
    <link rel='stylesheet' id='app-design-system-css' href='{{url('/')}}/assets/css/design-system.css?ver=1.0' media='all'/>
    <link rel='stylesheet' id='owl-css' href='{{url('/')}}/assets/ui/themes/BebinMovie/css/owl.carousel.min5152.css?ver=1.0' media='all'/>
    <link rel='stylesheet' id='toastr-css' href='{{url('/')}}/assets/ui/themes/BebinMovie/css/toastr.min5152.css?ver=1.0' media='all'/>
    <link rel='stylesheet' id='fontawesome_pro-css' href='{{url('/')}}/assets/ui/themes/BebinMovie/css/all.min5152.css?ver=1.0' media='all'/>
    <link rel='stylesheet' id='nice-select-css' href='{{url('/')}}/assets/ui/themes/BebinMovie/css/nice-select5152.css?ver=1.0' media='all'/>

    <script src="{{url('/')}}/assets/ui/js/jquery/jquery.min.js" id="jquery-core-js"></script>
    <meta name="generator" content="WordPress 6.9.1"/>
    <script type="text/javascript">
        var ajaxurl = "{{url('/')}}/admin-ajax";
        var nonce = "3527fe9c7d";
    </script>

    <style>
        body {
            --bg: #1c1c22;
            --bg2: #23232b;
            --stickyHeader: #101014c9;
            --bg_darker: #101014;
            --bg_darker2: #0b0b0e;
            --bg_lighter: #32323e;
            --bg_lighter2: #2f2f38;
            --primaryColor: #4958a5;
            /* text colors */
            --text: #fff;
        }

        html.dark body {
            --bg: #f9fbff;
            --bg2: #fff;
            --text: #6881a9;
            --stickyHeader: #d6e6ffc9;
            --bg_darker: #6881bc;
            --bg_darker2: #d2def1;
            --bg_lighter: #e0ebfc;
            --bg_lighter2: #ecf1f8;
            --shadow_color: #e0ebfc4a;
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-Thin.woff2') format('woff2');
            font-weight: 100;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-ExtraLight.woff2') format('woff2');
            font-weight: 200;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-Light.woff2') format('woff2');
            font-weight: 300;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-Medium.woff2') format('woff2');
            font-weight: 500;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-SemiBold.woff2') format('woff2');
            font-weight: 600;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-Bold.woff2') format('woff2');
            font-weight: 700;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-ExtraBold.woff2') format('woff2');
            font-weight: 800;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Estedad;
            src: url('{{url('/')}}/assets/ui/themes/BebinMovie/fonts/woff2/Estedad-FD-ExtraBold.woff2') format('woff2');
            font-weight: 900;
            font-style: normal;
            font-display: swap
        }

        body {
            direction: {{ $isRtl ? 'rtl' : 'ltr' }};
            text-align: {{ $isRtl ? 'right' : 'left' }};
            font-family: Estedad, Arial, sans-serif;
            -moz-font-feature-settings: "ss02";
            -webkit-font-feature-settings: "ss02";
            font-feature-settings: "ss02";
        }

        .tooltip {
            font-family: Estedad, Arial, sans-serif;
        }

        .slider .slider_link:hover {
            background-color: #4958a5
        }

        .post .post_download {
            border-color: #4958a5;
            color: #4958a5;
        }

        .post .post_download:hover {
            background-color: #4958a5;
        }

        .nav-link.active {
            background-color: #4958a5 !important;
        }

        .search_wrap #searchsubmit {
            background-color: #4958a5;
        }

        .search_wrap #searchsubmit:hover {
            background-color: #4958a5;
        }

        .pagination span {
            background-color: #4958a5;
        }

        .pagination a:hover {
            background-color: #4958a5;
        }

        .footer .links li:before {
            color: #4958a5;
        }

        .footer .btn-large i:first-of-type {
            color: #4958a5;

        }

        .user_btn a,
        .user_btn button {
            background-color: #4958a5
        }

        html.dark .sidebar_active {
            background-color: #4958a5
        }

        .owl-dot {
            background-color: #4958a5 !important;
        }

        .boxOffice .boxOffice__name span {
            background-color: #4958a5
        }

        .boxOfficeMore {
            color: #4958a5;
        }

        .boxOfficeMore:hover {
            background: #4958a524;
            color: #4958a5;
        }

        .related_post_blog_item .icon span {
            background: #4958a5;
        }


        .single__content .owl-next,
        .single__content .owl-prev {
            background: #4958a5 !important;
            color: #fff !important;
        }


        .post2 .single_cast .owl-next,
        .post2 .single_cast .owl-prev {
            background: #4958a5 !important;
            color: #fff !important;
        }

        .post2 .about_box .post_download {
            background: #4958a5 !important;

        }

        .post2 .about_box .post_download:hover {
            /* box-shadow: inset 0px 40px 0 #4958a5 !important; */
            box-shadow: 0 0 0 4px #4958a57a !important;
        }

        .series_week .series_week__header li:hover {
            background: #4958a5;
        }

        .download_notice i {
            color: #4958a5;

        }

        ._textAds li a:hover {
            background: #4958a5;
            box-shadow: 0 0 0 2px #4958a57a !important;
        }

        .show_toggle {
            background: #4958a5;
        }

        .cat_title a {
            border-color: #4958a5;
            color: #4958a5;
        }

        .cat_title a:hover {
            border-color: #4958a5;
            color: #fff;
            background: #4958a5;

        }

        .search_wrap_index #searchsubmit {
            background: #4958a5;
        }

        .search_wrap_index #searchsubmit:hover {
            background: #4958a5;
        }

        .related_post_blog_item a {
            color: #4958a5;
            padding: 5px 10px;
            border-radius: 3px;
            transition: all 0.3s;
        }

        .reply {
            background: #4958a5;
        }

        .reply:hover {
            background: #4958a5;
        }

        .related_post_blog_item a:hover {
            background: #4958a524;
            color: #4958a5;
        }

        html.dark ._textAds li a:hover {
            background-color: #4958a5
        }

        .owl-dot.active {
            background-color: #4958a5 !important;
        }

        html.dark .collection_content {
            background: #fff !important;
            border: 1px solid #e0ebfc;
            box-shadow: 0 10px 15px 0 rgb(220 227 247 / 50);
        }

        html.dark .collection_title .name {
            color: #6881a9
        }

        html.dark .collection_mask {
            opacity: 0.1;
        }

        .boxOffice_item .boxOffice_image .rank {
            background: #4958a5;
        }

        .series_week .series_week__header li.active {
            background: #4958a5;
            color: #fff;
        }

        .show_more {
            background: #4958a5;
        }

        .film_search button {
            background: #4958a5;
        }

        .acc_info_ .buy_vip {
            background: #4958a5;
            border-color: #4958a5;

        }

        input:checked + .slider {
            background-color: #4958a5;
        }

        input:focus + .slider {
            box-shadow: 0 0 1px #4958a5;
        }

        .custom_list a.author {
            background-color: #4958a5;
        }

        .custom_list a.list {
            color: #4958a5;
        }

        html.dark .series_week .series_week__header li.active {
            background-color: #4958a5;
            color: #fff;
        }

        .post2 .post_details .post_meta li strong .icon {
            background-color: #4958a5;
        }

        .new_advanced_search .search_type span.active {
            background-color: #4958a5;
            color: #fff;
        }

        .adv_search_submit {
            background-color: #4958a5;
        }

        .mobile_adv_submit {
            background-color: #4958a5;
        }

        .mobile_adv_trigger .filter_icon {
            background-color: #4958a5;
        }

        .switch-toggle label input:checked + span {
            background-color: #4958a5;
        }

        html.dark .body_l .acc_info_ table a {
            background-color: #4958a5;
        }

        html.dark .body_panel .acc_info_ table a:hover {
            background-color: #4958a5;
        }

        .vip_modal_center .cta a {
            background-color: #4958a5;
        }

        .go_top {
            background-color: #4958a5;
        }

        .comment_spoiler .show_comment {
            background-color: #4958a5;
        }

        .post_minimal_download {
            background-color: #4958a5;
        }

        .big_cat_title .star_title_c::before {
            background-color: #4958a5 !important;
        }

        .post_content_single .awards li i {
            color: #4958a5;
        }

        .form-submit .submit {
            background-color: #4958a5 !important;
        }

        .form-submit .submit:hover {
            opacity: .8;
        }

        .sidebar .nav_panel ul li span:before {
            background-color: #4958a5 !important;
        }

        .submit_auth_2,
        .submit-reg {
            background: #4958a5 !important;
            border-color: #4958a5 !important;
            background: var(--primaryColor);
            border: solid 1px var(--primaryColor);
            width: 100%;
            padding: 10px;
            height: 57px;
            font-size: 17px;
            border-radius: 10px;
            font-weight: 800;
            color: #fff;
            transition: all .4s;
        }

        .film_cat2 .film_overlay2 i {
            background: #4958a5 !important;
        }

        body {
            --plyr-color-main: #4958a5 !important;
        }

        .search_modal_input:focus {
            box-shadow: 0px 0px 0px 4px #4958a5;
        }

        .single_cover_wrap .simplefavorite-button {
            background: #4958a5;
        }

        .timeline__date {
            color: #4958a5 !important;
            background: #4958a53d !important;
            padding: 5px;
            border-radius: 5px;
        }

        .footer_modern .links h3::before {
            background: #4958a5;
        }

        .footer .links li:before {
            background: #4958a5;
        }

        .post_blog p a {
            color: #4958a5;
            font-weight: 700;
        }

        .post_blog p a:hover {
            color: #4958a5;
            font-weight: 700;
        }

        .widget_title .nav-link.active::after {
            border-color: transparent transparent #4958a5 transparent;
        }

        .post2 .post_details .post_meta li strong .icon::after {
            border-color: transparent #4958a5 transparent transparent;
        }


        .adminNotice {
            background-color: #ce00fc;
            background-image: linear-gradient(-135deg, #ce00fc, #480084);
        }

        .bg-1 {
            background: var(--bg);
        }

        .bg-2 {
            background: var(--bg2);
        }

        .text-color {
            color: var(--text);
        }
        .color-text {
            color: var(--text);
        }
        .color-1 {
            color: var(--color-dark);
        }

        .color-2 {
            color: var(--color-white);
        }

    </style>

    @stack('extra_css')

    <style>
        html[dir="rtl"] body,
        html[dir="rtl"] h1,
        html[dir="rtl"] h2,
        html[dir="rtl"] h3,
        html[dir="rtl"] h4,
        html[dir="rtl"] h5,
        html[dir="rtl"] h6,
        html[dir="rtl"] .tooltip {
            font-family: Estedad, Arial, sans-serif !important;
            -moz-font-feature-settings: "ss02";
            -webkit-font-feature-settings: "ss02";
            font-feature-settings: "ss02";
        }

        html[dir="ltr"] body,
        html[dir="ltr"] h1,
        html[dir="ltr"] h2,
        html[dir="ltr"] h3,
        html[dir="ltr"] h4,
        html[dir="ltr"] h5,
        html[dir="ltr"] h6,
        html[dir="ltr"] .tooltip {
            font-family: Arial, "Helvetica Neue", sans-serif !important;
            -moz-font-feature-settings: normal;
            -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
        }
    </style>
@endsection

@section('guest')
    @if(!isset($off_navbar))
        @include('layouts.navbars.guest.nav')
    @endif
    @yield('content')
    @if(!isset($off_footer))
        @include('layouts.footers.guest.footer')
    @endif
@endsection

@section('attr_footer_guest')

    <script src="{{url('/')}}/assets/ui/themes/BebinMovie/js/owl.carousel.min68b3.js?ver=1" id="owl-js"></script>
    <script src="{{url('/')}}/assets/ui/themes/BebinMovie/js/bootstrap.bundle.min68b3.js?ver=1" id="bootstrapjs-js"></script>
    <script src="{{url('/')}}/assets/ui/themes/BebinMovie/js/count68b3.js?ver=1" id="count-js"></script>
    <script src="{{url('/')}}/assets/ui/themes/BebinMovie/js/toastr.min68b3.js?ver=1" id="toastr-js"></script>
    <script src="{{url('/')}}/assets/ui/themes/BebinMovie/js/nice-select68b3.js?ver=1" id="nice_select-js"></script>
    <script id="main_js-js-extra">
        var bebinmovie = {
            "success_wishlist": @json(__('موفقیت آمیز بود')),
            "error": @json(__('خطا')),
            "wait": @json(__('صبرکنید')),
            "loading_data": @json(__('درحال دریافت اطلاعات')),
            "vote_wait": @json(__('درحال ثبت رای شما')),
            "vote_success": @json(__('رای با موفقیت ثبت شد.')),
            "vote": @json(__('رای')),
            "more": @json(__('مشاهده بیشتر')),
            "less": @json(__('مشاهده کمتر')),
            "copied": @json(__('کپی شد!')),
            "delete_propmt": @json(__('آیا مطمئن هستید میخواهید این فیلم را حذف کنید؟')),
            "is_rtl": @json($isRtl ? 'true' : 'false')
        };
        //# sourceURL=main_js-js-extra
    </script>
    <script src="{{url('/')}}/assets/ui/themes/BebinMovie/js/mainf2c7.js?ver=1773244880" id="main_js-js"></script>
    {{ setting('script') }}

    @stack('extra_js')
@endsection