/**
* Theme Name: Shokrino Child
* Description: This is a child theme of Shokrino, generated by Shokrino-wizard.
* Author: <a href="https://www.zhaket.com/web/shokrino-wordpress-theme">تیم شکرینو</a>
* Template: shokrino
*/
:root {
    /* رنگ و شدت نئون را اینجا عوض کن */
    --neon: #22d3ee;
    /* رنگ اصلی نئون */
    --neon-rgb: 34, 211, 238;
    /* همان رنگ به صورت RGB برای rgba() */
    --bg-topbar: rgba(11, 11, 11, 0.26);
    /* پس‌زمینه‌ی تاپ‌بار (دلخواه) */
    --hue1: 45;
    --hue2: 222;
    --phos: 0, 174, 255;
    /* فسفری (RGB)  -> #B8FF2B */
    --crystal: 70, 200, 255;
    /* آبی کریستالی (RGB) -> #4DD3FF */
    --radius: 10px;
    /* گردی گوشه‌ها */
    --stroke: 1px;
    /* ضخامت خط تیز */
    --glow: 14px;
    /* شدت هالهٔ نئونی (Blur) */
    --start: 25deg;
    /* شروع */
    --red: 255, 21, 21;
    --orange: 255, 85, 0;
}

.row-shop-woocommerce-orderby {
    display: none !important;
}

.post-meta-boxes {
    padding: 5px 5px !important;
    font-size: 14px !important;
}

.author-image img {
    max-width: 40px !important;
}

.post-author-shkrn {
    padding: 8px !important;
    border-radius: 10px !important;
    column-gap: 15px !important;
}

/* فقط موبایل/تبلت */
@media (max-width:500px) {
    :root {
        --shkrn-mobile-bar-h: 64px;
    }

    /* ارتفاع نوار، هرچی خواستی */

    .header-fullwidth-background {
        position: fixed !important;
        /* راه ساده برای خنثی کردن top/right/bottom/left قبلی */
        inset: auto 0 0 0 !important;
        /* = top:auto; right:0; bottom:0; left:0; */
        z-index: 9999;
        width: 100%;
        /* اگر ناچ آیفون داری: */
        bottom: max(0px) !important;
    }

    /* تا محتوا زیر نره */
    body {
        padding-bottom: calc(var(--shkrn-mobile-bar-h) + max(0px, env(safe-area-inset-bottom)));
    }
}

/* Wrapper */
.moad-cat-sidebar {
    background: #f8f9f9;
    border: 1px solid #cee7ee;
    border-radius: 14px;
    padding: 14px;
}

/* Header */
.moad-cat-sidebar__head {
    margin-bottom: 10px;
    position: relative;
}

.moad-cat-sidebar__head::after {
    content: "";
    position: absolute;
    left: -6%;
    right: -6%;
    bottom: -8px;
    height: 9px;
    /* اندازه هاله */
    background: linear-gradient(90deg,
            rgba(var(--neon-rgb), 0) 0%,
            rgba(var(--neon-rgb), .85) 45%,
            rgba(var(--neon-rgb), 1) 50%,
            rgba(var(--neon-rgb), .85) 55%,
            rgba(var(--neon-rgb), 0) 100%);
    filter: blur(12px);
    opacity: .3;
    pointer-events: none;
    width: 100%;
}

.moad-cat-sidebar__head::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg,
            rgba(var(--neon-rgb), 0) 0%,
            var(--neon) 40%,
            #a5f3fc 50%,
            /* هایلایت وسط */
            var(--neon) 60%,
            rgba(var(--neon-rgb), 0) 100%);
    pointer-events: none;
}

.moad-cat-sidebar__title {
    display: inline-block;
    font-weight: 600;
    font-size: 20px;
    padding: 6px 10px;
    color: #00a6c3;
}

/* List */
.moad-cat-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

.moad-cat-posts__item {
    margin: 0;
}

.moad-cat-posts__link {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 10px;
    transition: all .2s ease;
    color: #2b2b2b;
}

.moad-cat-posts__link:hover {
    background: #dff6ff;
    color: #002635;
}

/* نقطه کنار عنوان */
.moad-cat-posts__dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #abdfff;
    flex: 0 0 8px;
}

.moad-cat-posts__title {
    line-height: 1.4;
    font-size: 14px;
}

/* هایلایت پست جاری */
.moad-cat-posts__item.is-current .moad-cat-posts__link {
    background: #fff;
    border: 1px solid #6bc3ff;
    box-shadow: 0 6px 14px rgba(214, 177, 124, .18);
    font-weight: 700;
}

.moad-cat-posts__item.is-current .moad-cat-posts__dot {
    background: #009fff;
}

/* پشتیبانی RTL (اگر بدردت می‌خوره) */
html[dir="rtl"] .moad-cat-posts__link {
    flex-direction: row;
}

html[dir="rtl"] .moad-cat-posts__title {
    text-align: right;
}











/* Wrapper */
.moad-branch-acc {
    background: #fbfeff;
    border: 1px solid #cee1ee;
    border-radius: 14px;
    padding: 12px;
    font-size: 14px;
}

/* Parent link (دستهٔ مادر) */
.moad-branch-acc__parent {
    margin-bottom: 15px;
    position: relative;
}

.moad-branch-acc__parent::after{
    content: "";
        position: absolute;
        left: -6%;
        right: -6%;
        bottom: -8px;
        height: 9px;
        /* اندازه هاله */
        background: linear-gradient(90deg,
                rgba(var(--neon-rgb), 0) 0%,
                rgba(var(--neon-rgb), .85) 45%,
                rgba(var(--neon-rgb), 1) 50%,
                rgba(var(--neon-rgb), .85) 55%,
                rgba(var(--neon-rgb), 0) 100%);
        filter: blur(12px);
        opacity: .3;
        pointer-events: none;
        width: 100%;
}
.moad-branch-acc__parent::before{
    content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: linear-gradient(90deg,
                rgba(var(--neon-rgb), 0) 0%,
                var(--neon) 40%,
                #a5f3fc 50%,
                /* هایلایت وسط */
                var(--neon) 60%,
                rgba(var(--neon-rgb), 0) 100%);
        pointer-events: none;
}
.moad-branch-acc__parentlink {
    display: inline-block;
    font-weight: 800;
    font-size: 15px;
    padding: 6px 10px;
    text-decoration: none;
    color: #2b2b2b;
    margin-bottom: 5px;
}

/* Accordion */
.moad-acc__item {
    overflow: hidden;
}

.moad-acc__item+.moad-acc__item {
    margin-top: 8px;
}

.moad-acc__toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    background: #ebf9ff;
    border-radius: 10px;
    color: #484848 !important;
    text-shadow: none !important;
    transition: background-color ease 0.3s;

}
.moad-acc__toggle:hover{
    background-color: #00c7ff45;
}

.moad-acc__item.is-active .moad-acc__toggle {
    background: #e4f7ff;
    border: 1px solid #b3dae8;
    box-shadow: 0 4px 10px rgba(214, 177, 124, .12);
    color: #484848;
}

.moad-acc__toggle .moad-acc__name {
    flex: 1 1 auto;
    text-shadow: none;
}

/* فلش سمت راست دکمه */
.moad-acc__toggle::after {
    content: "";
    width: 12px;
    height: 12px;
    margin-inline-start: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%238a7044' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: transform .28s ease;
}

.moad-acc__item.is-active .moad-acc__toggle::after {
    transform: rotate(180deg);
}

.moad-acc__panel {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height .28s ease, opacity .28s ease;
    will-change: height;
    background: #f5feff;
    border: 1px solid #c6d1f0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 0 10px;
    /* هنگام بسته بودن دیده نمی‌شود */
}

.moad-acc__item.is-active .moad-acc__panel {
    opacity: 1;
    padding: 10px 10px 12px;
}

/* Tree (پست‌ها + زیرزیر‌دسته‌ها) */
.moad-tree-posts {
    list-style: none;
    margin: 6px 0;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
}

.moad-tree-posts__item {
    margin: 0;
}

.moad-tree-posts__link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 10px;
    text-decoration: none;
    color: #2b2b2b;
    transition: background .2s ease;
}

.moad-tree-posts__link:hover {
        background: #dff9ff;
        color: #000000;
        text-shadow: 0px 0px 6px #0095ff;
}

.moad-tree-posts__dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #78d9ff;
}

/* هایلایت پست جاری */
.moad-tree-posts__item.is-current .moad-tree-posts__link {
    background: #e2f8ff;
    border: 1px solid #78d9ff;
    box-shadow: 0 6px 14px rgb(124 177 214 / 18%);
}

.moad-tree-posts__item.is-current .moad-tree-posts__dot {
    background: #78d9ff;
}

/* Children branch lines */
.moad-tree-children {
    margin: 6px 0 0 16px;
    position: relative;
}

.moad-tree-children:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 6px;
    border-left: 1px dashed #e6cfad;
}

/* details header */
.moad-tree-term {
    margin: 6px 0;
}

.moad-tree-term__head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    cursor: pointer;
    user-select: none;
}

.moad-tree-term[open]>.moad-tree-term__head {
    background: #fff;
    border: 1px solid #e8d3b3;
}

/* RTL */
html[dir="rtl"] .moad-tree-children {
    margin-left: 0;
    margin-right: 16px;
}

html[dir="rtl"] .moad-tree-children:before {
    left: auto;
    right: 6px;
}

/* احترام به Reduced Motion */
@media (prefers-reduced-motion: reduce) {

    .moad-acc__panel,
    .moad-acc__toggle::after {
        transition: none !important;
    }
}

/* ویدیو چپ – پلی‌لیست راست (ثابت در همه زبان‌ها) */
.moad-video-wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px
}

@media (min-width: 992px) {
    .moad-video-wrap {
        grid-template-columns: 1.8fr .9fr;
        grid-template-areas: "player playlist";
    }

    .moad-player {
        grid-area: player;
    }

    .moad-playlist {
        grid-area: playlist;
    }
}
/* نسخه‌ی اجباری با Flex (غلبه بر استایل‌های قالب) */
@media (min-width: 992px) {
    .moad-video-wrap {
        display: flex !important;
        gap: 12px;
    }

    .moad-player {
        order: 1;
        flex: 1 73%
    }

    .moad-playlist {
        order: 2;
        flex: 1 27%
    }
}

.badge-darsad{
    top: 14px !important;
    background: #ff1605 !important;
}
.moad-pl-item{
    transition: background-color ease .3s,color ease .3s;
}
.moad-pl-item:hover{
    background-color: #95e2ff;
    color: #ffffff;
    text-shadow: 0px 0px 14px #00adff;
}
.moad-pl-item.is-active{
    background-color: #95e2ff;
    color: #ffffff;
    text-shadow: 0px 0px 14px #00adff;
}