.elementor-5822 .elementor-element.elementor-element-987da79{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5822 .elementor-element.elementor-element-5bcb8ab{width:auto;max-width:auto;}.elementor-5822 .elementor-element.elementor-element-5bcb8ab > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-5822 .elementor-element.elementor-element-5bcb8ab .elementor-heading-title{font-family:"iranyekanwebmedium", Sans-serif;font-size:24px;font-weight:700;color:#000000;}.elementor-5822 .elementor-element.elementor-element-6513fcb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title{font-family:"iranyekanwebmedium", Sans-serif;font-weight:600;color:#000000;}.elementor-5822 .elementor-element.elementor-element-1d621a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5822 .elementor-element.elementor-element-a12954b{--divider-border-style:solid;--divider-color:#B8B8B8;--divider-border-width:1px;--divider-element-spacing:11px;}.elementor-5822 .elementor-element.elementor-element-a12954b .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-5822 .elementor-element.elementor-element-a12954b .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-5822 .elementor-element.elementor-element-a12954b .elementor-divider__text{color:#868686;font-family:"iranyekanweblight", Sans-serif;font-size:14px;font-weight:400;}.elementor-5822 .elementor-element.elementor-element-cec6d55{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5822 .elementor-element.elementor-element-8e615d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5822 .elementor-element.elementor-element-1941987{--display:flex;--min-height:100vh;}body:not(.rtl) .elementor-5822 .elementor-element.elementor-element-1a4ac4a{left:0px;}body.rtl .elementor-5822 .elementor-element.elementor-element-1a4ac4a{right:0px;}.elementor-5822 .elementor-element.elementor-element-1a4ac4a{top:0px;}.elementor-5822 .elementor-element.elementor-element-839cae1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5822 .elementor-element.elementor-element-af57c38{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-5822 .elementor-element.elementor-element-f4e0f54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5822 .elementor-element.elementor-element-dcba19b > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-5822 .elementor-element.elementor-element-dcba19b.elementor-element{--align-self:flex-start;}.elementor-5822 .elementor-element.elementor-element-dcba19b .elementor-heading-title{font-family:"iranyekanwebregular", Sans-serif;font-size:23px;font-weight:600;color:#111111;}@media(max-width:1024px) and (min-width:768px){.elementor-5822 .elementor-element.elementor-element-8e615d4{--width:80%;}}@media(max-width:1366px){.elementor-5822 .elementor-element.elementor-element-5bcb8ab .elementor-heading-title{font-size:23px;}body:not(.rtl) .elementor-5822 .elementor-element.elementor-element-1a4ac4a{left:-20px;}body.rtl .elementor-5822 .elementor-element.elementor-element-1a4ac4a{right:-20px;}.elementor-5822 .elementor-element.elementor-element-1a4ac4a{top:-1px;}}@media(max-width:1024px){.elementor-5822 .elementor-element.elementor-element-5bcb8ab .elementor-heading-title{font-size:20px;}.elementor-5822 .elementor-element.elementor-element-839cae1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-5822 .elementor-element.elementor-element-dcba19b .elementor-heading-title{font-size:20px;}}@media(max-width:767px){.elementor-5822 .elementor-element.elementor-element-987da79{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-5822 .elementor-element.elementor-element-5bcb8ab > .elementor-widget-container{padding:0px 12px 0px 0px;}.elementor-5822 .elementor-element.elementor-element-5bcb8ab .elementor-heading-title{font-size:21px;line-height:1.5em;}.elementor-5822 .elementor-element.elementor-element-6513fcb{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-5822 .elementor-element.elementor-element-1941987{--min-height:0vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5822 .elementor-element.elementor-element-839cae1{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:15px;}.elementor-5822 .elementor-element.elementor-element-af57c38{--min-height:0px;}.elementor-5822 .elementor-element.elementor-element-dcba19b .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-5822 .elementor-element.elementor-element-987da79{--width:1140px;}.elementor-5822 .elementor-element.elementor-element-1941987{--width:36%;}}@media(min-width:1920px){.elementor-5822 .elementor-element.elementor-element-5bcb8ab .elementor-heading-title{font-size:28px;}}/* Start custom CSS for heading, class: .elementor-element-5bcb8ab *//* یک نقطه یا خط بسیار کوچک و مینیمال */
.elementor-5822 .elementor-element.elementor-element-5bcb8ab .elementor-heading-title::before {
    content: "" !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background-color: #0071e3 !important;
    border-radius: 50px;
    opacity: 0.8;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4bc2890 *//* حذف استایل‌های پیش‌فرض و تنظیم کانتینر اصلی */
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-widget-container {
display: flex !important;
justify-content: center !important;
padding: 10px 0;
}
/* استایل کپسول اصلی (h6) */
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title {
display: inline-flex !important;
justify-content: center !important;
align-items: center !important;
background: #F5F5F7 !important; /* رنگ زمینه خاکستری روشن */
padding: 4px 6px !important;
border-radius: 50px !important;
border: 1px solid rgba(0, 0, 0, 0.04) !important;
gap: 5px !important;
width: fit-content !important;
margin: 0 auto !important;
line-height: 1 !important;
}
/* استایل لینک داخل h6 */
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title a {
display: inline-block !important;
background: transparent !important;
border: none !important;
border-radius: 40px !important;
padding: 8px 16px !important;
color: #86868b !important;
font-family: "iranyekanwebregular", sans-serif !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
/* حالت هاور (Hover) */
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title a:hover {
color: #1d1d1f !important;
background: rgba(0, 0, 0, 0.05) !important;
}
/* حالت لینک فعال یا انتخاب شده */
/* اگر لینک شما کلاس active داشته باشد یا روی آن کلیک شود */
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title a:active,
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title a:focus {
background: #FFFFFF !important;
color: #1d1d1f !important;
font-weight: 700 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.05) !important;
transform: scale(1.02);
}
/* ============================= */
/* تنظیمات رسپانسیو موبایل */
/* ============================= */
@media (max-width: 767px) {
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title {
gap: 8px !important;
padding: 6px 10px !important;
border-radius: 40px !important;
flex-wrap: wrap !important;
}
.elementor-5822 .elementor-element.elementor-element-4bc2890 .elementor-heading-title a {
font-size: 12px !important;
padding: 5px 14px !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-72db7f3 *//* ====================== */
/* استایل تاریخ مقاله */
/* ====================== */

.elementor-5822 .elementor-element.elementor-element-72db7f3 .elementor-heading-title {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #1C1C1E !important;           /* زمینه مشکی */
    color: #E5E5EA !important;
    font-family: "iranyekanwebregular_FaNum", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: fit-content !important;
    margin: 0 auto !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

/* هاور (اختیاری) */
.elementor-5822 .elementor-element.elementor-element-72db7f3 .elementor-heading-title:hover {
    background: #2C2C2E !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

/* رسپانسیو موبایل */
@media (max-width: 767px) {
    .elementor-5822 .elementor-element.elementor-element-72db7f3 .elementor-heading-title {
        font-size: 13px !important;
        padding: 7px 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-62dd186 *//* ================================= */
/* FINAL APPLE ARTICLE SYSTEM v2.3   */
/* PREMIUM • RTL • FaNum FIX         */
/* ================================= */

:root{
    --accent:#2d2f34;
    --accent-soft:#f1f2f4;
    --surface:#f7f7f8;
    --text-main:#0e0e10;
    --text-soft:#6a6f76;
    --apple-blue:#0066cc;
}

/* ================================= */
/* CONTAINER */
/* ================================= */

.apple-article-content{
    max-width:760px;
    margin:auto;
    padding:22px 18px;

    font-family:iranyekanwebregular_FaNum, iranyekanwebregular, sans-serif;

    font-weight:400;
    font-size:15.5px;
    line-height:1.9;
    color:var(--text-main);

    text-align:justify;
    text-justify:inter-word;
    word-spacing:-0.2px;
}

/* ================================= */
/* PARAGRAPH */
/* ================================= */

.apple-article-content p{
    margin-bottom:14px;
    text-align:justify;
    line-height:1.9;
    word-spacing:-0.2px;
}

/* ================================= */
/* HEADINGS */
/* ================================= */

.apple-article-content h1{
    font-family:iranyekanwebmedium_FaNum, iranyekanwebmedium;
    font-size:26px;
    font-weight:700;
    line-height:1.35;
    text-align:center;
    margin:12px 0 32px 0;
    padding-bottom:18px;
    border-bottom:2px solid var(--accent-soft);
}

.apple-article-content h2{
    font-family:iranyekanwebmedium_FaNum, iranyekanwebmedium;
    font-weight:700;
    font-size:21px;
    margin:28px 0 16px 0;
    padding:15px 20px 15px 22px;
    border-radius:14px;
    background:linear-gradient(145deg,#ffffff,var(--surface));
    box-shadow:0 8px 25px rgba(0,0,0,.07),
               inset 0 1px 0 rgba(255,255,255,.78);
    position:relative;
    overflow:hidden;
    text-align:justify;
}

.apple-article-content h2::before{
    content:"";
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:5px;
    background:var(--accent);
    border-top-right-radius:14px;
    border-bottom-right-radius:14px;
}

.apple-article-content h3{
    font-family:iranyekanwebmedium_FaNum, iranyekanwebmedium;
    font-size:18.5px;
    font-weight:700;
    margin:30px 0 12px 0;
    padding-right:14px;
    border-right:3px solid var(--accent);
    line-height:1.8;
}

.apple-article-content h4{
    font-family:iranyekanwebmedium_FaNum, iranyekanwebmedium;
    font-size:17px;
    font-weight:600;
    margin:22px 0 10px 0;
    line-height:1.8;
}

.apple-article-content h5{
    font-family:iranyekanwebmedium_FaNum, iranyekanwebmedium;
    font-size:16px;
    font-weight:600;
    color:var(--text-soft);
    margin:20px 0 9px 0;
    line-height:1.8;
}

/* ================================= */
/* H6 */
/* ================================= */

.apple-article-content h6{
    font-family:iranyekanwebregular_FaNum, iranyekanwebregular;
    font-size:15px;
    padding:16px 18px;
    margin:22px 0;
    border-radius:12px;
    background:linear-gradient(135deg,#2d2f34,#1c1d21);
    color:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.28),
               inset 0 1px 0 rgba(255,255,255,.1);
    line-height:1.9;
}

/* ================================= */
/* LINKS */
/* ================================= */

.apple-article-content a{
    color:var(--apple-blue);
    text-decoration:none;
    font-weight:500;
}

/* ================================= */
/* LISTS */
/* ================================= */

.apple-article-content ul,
.apple-article-content ol{
    margin:22px 0 24px 0;
    padding-right:8px;
}

.apple-article-content ul li::before{
    display:none !important;
    content:none !important;
}

.apple-article-content ol{
    counter-reset:apple-counter;
}

.apple-article-content ol li{
    counter-increment:apple-counter;
    position:relative;
    padding-right:32px;
    margin-bottom:10px;
    line-height:1.8;
}

/* ================================= */
/* IMAGES */
/* ================================= */

.apple-article-content img{
    width:100%;
    margin:18px 0 22px 0;
    border-radius:14px;
}

/* ================================= */
/* BLOCKQUOTE */
/* ================================= */

.apple-article-content blockquote{
    margin:18px 0;
    padding:14px 18px;
    border-radius:12px;
    background:#fafafa;
    border:1px solid rgba(0,0,0,.06);
    position:relative;
}

.apple-article-content blockquote::before{
    content:"“";
    position:absolute;
    top:8px;
    left:14px;
    font-size:34px;
    line-height:1;
    color:rgba(45,47,52,.15);
    font-family:Georgia, serif;
    font-weight:700;
}

.apple-article-content blockquote p{
    margin:0;
    padding-left:16px;
    font-family:iranyekanwebmedium_FaNum, iranyekanwebmedium;
    font-size:16px;
    line-height:1.9;
    color:var(--text-main);
    text-align:right;
    font-style:normal;
}

.apple-article-content blockquote p strong{
    font-weight:700;
    font-style:normal;
}

/* ================================= */
/* TABLE (FINAL FIX) */
/* ================================= */

.apple-article-content table{
    width:100%;
    margin:24px 0;
    border-collapse:separate;
    border-spacing:0;
    border-radius:14px;
    overflow:hidden;
    background:#14161a;
    border:none;
}

.apple-article-content th,
.apple-article-content td{
    border:none;
    text-align:center;
    vertical-align:middle;   /* FIX: vertical center */
    padding:14px 13px;
}

/* header */
.apple-article-content th{
    background:#1b1e24;
    color:#e6e6e6;
}

/* body cells */
.apple-article-content td{
    color:#d0d3d8;
    background:#14161a;
}

/* zebra rows */
.apple-article-content tbody tr:nth-child(even) td{
    background:#171a20;
}

.apple-article-content tbody tr:nth-child(odd) td{
    background:#14161a;
}

/* smooth hover */
.apple-article-content tbody tr{
    transition: all 0.35s ease;
}

.apple-article-content tbody tr:hover td{
    background:#20242c !important;
    transform: translateY(-1px);
}

/* ================================= */
/* CODE BLOCK */
/* ================================= */

.apple-article-content pre{
    position:relative;
    background:#1e1e1e;
    color:#d4d4d4;
    padding:50px 18px 18px;
    border-radius:14px;
    margin:22px 0;
    overflow-x:auto;
    direction:ltr;
    text-align:left;
    border:1px solid rgba(255,255,255,.05);
}

.apple-article-content pre::before{
    content:"";
    position:absolute;
    top:16px;
    left:16px;
    width:11px;
    height:11px;
    border-radius:50%;
    background:#ff5f57;
    box-shadow:20px 0 #febc2e,
               40px 0 #28c840;
}

/* ================================= */
/* MOBILE */
/* ================================= */

@media(max-width:767px){

    .apple-article-content{
        font-size:14px;
        line-height:2.0;
        padding:18px 14px;
    }

    .apple-article-content p,
    .apple-article-content li{
        font-size:14px;
        line-height:2.0;
    }

    .apple-article-content h1{font-size:19px; line-height:2.1;}
    .apple-article-content h2{font-size:16px; line-height:2.1;}
    .apple-article-content h3{font-size:15px; line-height:2.1;}
    .apple-article-content h4{font-size:14px; line-height:2.1;}
    .apple-article-content h5{font-size:13.5px; line-height:2.1;}

    .apple-article-content h6{
        line-height:2.1;
    }

    .apple-article-content table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
      .apple-article-content blockquote{
        padding:12px 16px;
    }

    .apple-article-content blockquote::before{
        font-size:28px;
        left:12px;
        top:7px;
    }

    .apple-article-content blockquote p{
        font-size:15px;
        padding-left:12px;
    }
}
.elementor-5822 .elementor-element.elementor-element-62dd186 figcaption{
    font-style: normal;
    font-family: iranyekanwebregular_FaNum;
    margin-top:0px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a28ca1 *//* ==============================================
   استایل‌های جدول مطالب (TOC)
   ============================================== */

.article-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 48px;
    max-width: 1400px;
    margin: auto;
    align-items: start;
    position: relative;
}

/* TOC در دسکتاپ */
.article-toc {
    align-self: flex-start;
    z-index: 9999999;
}

.toc-box {
    padding: 24px 22px;
    border-radius: 22px;
    background: rgba(255,255,255,0.78);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    border: 1px solid rgba(255,255,255,0.25);
    box-shadow: 0 12px 40px rgba(0,0,0,0.06),
                inset 0 1px 0 rgba(255,255,255,0.7);
    font-family: iranyekanwebregular, sans-serif;
    overflow-y: scroll;
    scrollbar-width: none;           /* firefox */
}

.toc-box::-webkit-scrollbar {
    display: none;                   /* chrome/safari/edge */
}

/* لیست مطالب */
#toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#toc-list li {
    margin: 6px 0;
}

#toc-list a {
    text-decoration: none;
    font-size: 14px;
    line-height: 1.7;
    color: #5a5a60;
    display: block;
    padding: 6px 10px;
    border-radius: 8px;
    transition: all 0.25s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#toc-list a:hover {
    background: rgba(45,47,52,0.06);
    color: #1a1a1f;
}

#toc-list a.toc-h2 {
    font-weight: 700;
    color: #2d2f34;
    font-size: 14.5px;
}

#toc-list a.toc-h3 {
    padding-right: 24px;
    font-size: 13.5px;
}

#toc-list a.toc-h4 {
    padding-right: 44px;
    font-size: 12.8px;
    opacity: 0.86;
}

/* ==============================================
   دکمه شناور موبایل/تبلت - استایل Dark Liquid Glass
   ============================================== */
.toc-toggle-btn {
    display: none;
    position: fixed;
    bottom: 50%;
    transform: translateY(50%);
    right: 16px; /* فاصله دکمه از راست هنگام اسکرول */
    z-index: 9999999;
    
    /* ابعاد دکمه */
    width: 46px;
    height: 46px;
    
    /* افکت Dark Liquid Glass */
    background: rgba(25, 27, 31, 0.65);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25),
                inset 0 1px 1px rgba(255, 255, 255, 0.1);
                
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.32, 0.72, 0, 1);
}

.toc-toggle-btn:hover {
    background: rgba(25, 27, 31, 0.85);
}

/* حالت توقف اسکرول (چسبیدن به لبه) */
.toc-toggle-btn.is-idle {
    right: 0;
    border-radius: 24px 0 0 24px;
    background: rgba(25, 27, 31, 0.45);
    width: 38px;
    opacity: 0.85;
}

/* حالت باز شدن منو (دایره کامل با فاصله) */
.toc-toggle-btn.open {
    right: 16px !important;
    border-radius: 50% !important;
    width: 46px !important;
    opacity: 1 !important;
    background: rgba(25, 27, 31, 0.9) !important;
}

/* تنظیمات آیکون */
.toc-toggle-btn svg {
    width: 20px; /* سایز آیکون کوچکتر و ظریف‌تر شد */
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.4s ease;
}

/* شیفت دادن آیکون فقط در حالتی که چسبیده است و منو بسته است */
.toc-toggle-btn.is-idle:not(.open) svg {
    transform: translateX(-2px);
}

/* اطمینان از اینکه در حالت باز، آیکون دقیقاً وسط دکمه قرار می‌گیرد */
.toc-toggle-btn.open svg {
    transform: translateX(0) !important;
}

.toc-toggle-btn .menu-line {
    opacity: 1;
}

.toc-toggle-btn .close-line {
    opacity: 0;
}

.toc-toggle-btn.open .menu-line {
    opacity: 0;
}

.toc-toggle-btn.open .close-line {
    opacity: 1;
}

/* ──────────────────────────────────────────────
   Responsive breakpoints
   ────────────────────────────────────────────── */

@media (min-width: 1025px) {
    .article-toc {
        position: sticky;
        top: 40px;
    }
    .toc-box {
        max-height: calc(100vh - 180px);
    }
}

/* تبلت (max-width: 1024px) */
@media (max-width: 1024px) {
    .article-layout {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 18px;
    }

    .article-toc {
        position: fixed;
        left: -300px;
        right: auto;
        width: 260px;
        height: auto;
        max-height: 65vh;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 20px;
        box-shadow: 12px 0 40px rgba(0,0,0,0.22);
        transition: left 0.45s cubic-bezier(0.32, 0.72, 0, 1);
        overflow: hidden;
        z-index: 9999999;
    }

    .article-toc.open {
        left: 16px;
    }

    .toc-box {
        height: auto;
        max-height: 65vh;
        border-radius: 20px;
        padding: 20px 18px;
        box-shadow: none;
    }

    .toc-toggle-btn {
        display: flex;
    }
}

/* موبایل (max-width: 767px) */
@media (max-width: 767px) {
    .article-toc {
        width: 240px;
        left: -260px;
        max-height: 62vh;
    }

    .article-toc.open {
        left: 12px;
    }

    .toc-box {
        padding: 18px 16px;
        border-radius: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-41d2d0e *//* =========================================
   کانتینر اصلی: چیدمان شناور
   ========================================= */
.mac-glass-tags .elementor-heading-title {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* کمتر شد */
    align-items: center;
}

/* =========================================
   استایل تگ‌ها - شیشه مایع جمع و جور
   ========================================= */
.mac-glass-tags a {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    
    font-family: 'iranyekanwebmedium', sans-serif;
    font-size: 13px; /* کمی کوچکتر */
    font-weight: 500;
    text-decoration: none;
    color: #111 !important; /* متن مشکی */
    
    padding: 7px 18px; /* جمع و جور تر */
    
    border-radius: 18px;
    
    background: rgba(255, 255, 255, 0.45); 
    
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    
    border: 1px solid rgba(255, 255, 255, 0.8);
    
    box-shadow: 
        0 3px 5px rgba(0, 0, 0, 0.03),
        inset 0 0 0 1px rgba(255, 255, 255, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);

    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
}

/* =========================================
   افکت براق
   ========================================= */
.mac-glass-tags a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    
    background: linear-gradient(
        120deg, 
        transparent, 
        rgba(255, 255, 255, 0.6), 
        transparent
    );
    transition: all 0.6s ease;
    z-index: 1;
}

/* =========================================
   Hover
   ========================================= */
.mac-glass-tags a:hover {
    color: #000;
    background: rgba(255, 255, 255, 0.85);
    border-color: #fff;
    
    box-shadow: 
        0 6px 16px rgba(0, 0, 0, 0.08), 
        inset 0 0 0 2px rgba(255, 255, 255, 0.6),
        inset 0 2px 0 rgba(255, 255, 255, 1);
        
    transform: translateY(-1px) scale(1.01);
}

.mac-glass-tags a:hover::before {
    left: 100%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-dcba19b *//* استایل اختصاصی برای تیترهای H2 */
.custom-h2-style {
 border-radius: 14px;
 background: linear-gradient(180deg, #ffffff, #f3f3f4);
 box-shadow: 
        0 6px 18px rgba(0, 0, 0, .06), 
        inset 0 1px 0 rgba(255, 255, 255, .9);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-46477c3 *//* ===== APPLE COMPACT LOOP GRID ===== */

.apple-loop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
    font-family: iranyekanwebregular_Fanum, sans-serif;
}

/* ===== CARD ===== */

.apple-loop-card {
    position: relative;
    height: 340px;
    border-radius: 22px;
    overflow: hidden;
    background: #111;
}

/* ===== BG IMAGE ===== */

.apple-loop-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ===== OVERLAY ===== */

.apple-loop-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.3) 50%,
        transparent 100%
    );
}

/* ===== CONTENT ===== */

.apple-loop-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    color: #fff;
}

/* ===== BADGE ===== */

.apple-loop-badge {
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-block;
    width: fit-content;
}

/* ===== TITLE & DATE ===== */

.apple-loop-date {
    font-size: 11px;
    opacity: .7;
    margin-bottom: 4px;
    display: block;
}

.apple-loop-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin: 8px 0 16px;
}

.apple-loop-title a {
    color: #fff;
    text-decoration: none;
}

/* ===== READ BUTTON ===== */

.apple-loop-read {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    padding: 10px 20px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    width: fit-content;
}

/* ===== HOVER ===== */

.apple-loop-card:hover .apple-loop-bg {
    transform: scale(1.08);
}

.apple-loop-read:hover {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    color: #fff;
}

/* ===== DESKTOP LARGE → 5 ستون ===== */

@media (min-width: 1600px){
    .apple-loop-grid{
        grid-template-columns: repeat(5, 1fr);
    }
}

/* ===== DESKTOP NORMAL → 4 ستون ===== */

@media (min-width: 1200px) and (max-width: 1599px){
    .apple-loop-grid{
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ===== TABLET → 3 ستون ===== */

@media (min-width: 768px) and (max-width: 1199px){
    .apple-loop-grid{
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }

    .apple-loop-card{
        height: 320px;
    }
}

/* ===== MOBILE → 2 ستون ===== */

@media (max-width: 767px){
    .apple-loop-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .apple-loop-card{
        height: 280px;
        border-radius: 18px;
    }

    .apple-loop-content{
        padding: 16px;
    }

    .apple-loop-title{
        font-size: 13.5px;
    }

    .apple-loop-read{
        padding: 8px 14px;
        font-size: 12px;
    }
}/* End custom CSS */