/*======================================================
  Arian UI Kit
  Component : Article
  Version : 1.0 Stable
======================================================*/


/*------------------------------------------------------
1. Article Root
------------------------------------------------------*/

.single-post{

    --article-max-width:100%;
    --article-text:#334155;
    --article-heading:#0f172a;
    --article-muted:#64748b;

    --article-line-height:2.15;

    --article-radius:16px;

}


/*------------------------------------------------------
2. Article Wrapper
------------------------------------------------------*/

.single-post .entry-content,

.single-post .wp-block-post-content,

.single-post .elementor-widget-theme-post-content,

.single-post .elementor-widget-theme-post-content .elementor-widget-container{

    color:var(--article-text);

    line-height:var(--article-line-height);

    font-size:1.08rem;

    font-family:inherit;

}


/* فاصله آخرین المان */

.single-post .entry-content>*:last-child,

.single-post .wp-block-post-content>*:last-child,

.single-post .elementor-widget-theme-post-content>*:last-child{

    margin-bottom:0;

}
/*------------------------------------------------------
3. Typography
------------------------------------------------------*/

/* پاراگراف‌ها */

.single-post .entry-content p,
.single-post .wp-block-paragraph,
.single-post .elementor-widget-theme-post-content p{

    margin:0 0 1.6em;

    color:var(--article-text);

    font-size:1rem;

    line-height:2.15;

    font-weight:400;

    text-align:justify;

    text-wrap:pretty;

    overflow-wrap:break-word;

}


/* متن پررنگ */

.single-post .entry-content strong,
.single-post .wp-block-paragraph strong,
.single-post .elementor-widget-theme-post-content strong{

    font-weight:700;

    color:var(--article-heading);

}


/* متن مورب */

.single-post .entry-content em,
.single-post .wp-block-paragraph em,
.single-post .elementor-widget-theme-post-content em{

    font-style:italic;

}


/* متن خط‌خورده */

.single-post del{

    opacity:.65;

}


/* متن کوچک */

.single-post small{

    font-size:.88rem;

    color:var(--article-muted);

}


/* متن هایلایت */

.single-post mark{

    background:#fff4b5;

    color:inherit;

    padding:.08em .25em;

    border-radius:4px;

}


/* متن انتخاب شده */

.single-post ::selection{

    background:#2bccd9;

    color:#fff;

}
/*------------------------------------------------------
4. Headings
------------------------------------------------------*/

/* استایل پایه همه هدینگ‌ها */

.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6,

.single-post .wp-block-heading,

.single-post .elementor-widget-theme-post-content h1,
.single-post .elementor-widget-theme-post-content h2,
.single-post .elementor-widget-theme-post-content h3,
.single-post .elementor-widget-theme-post-content h4,
.single-post .elementor-widget-theme-post-content h5,
.single-post .elementor-widget-theme-post-content h6{

    color:var(--article-heading);

    font-weight:700;

    line-height:1.55;

    letter-spacing:-.02em;

    scroll-margin-top:110px;

}


/* H1 */

.single-post .entry-content h1,
.single-post .elementor-widget-theme-post-content h1{

    font-size:2.2rem;

    margin:0 0 1.2em;

}


/* H2 */

.single-post .entry-content h2,
.single-post .wp-block-heading,
.single-post .elementor-widget-theme-post-content h2{

    position:relative;

    font-size:1.65rem;

    margin:2.6em 0 1em;

    padding-bottom:.55em;

    border-bottom:2px solid rgba(43,204,217,.18);

}


/* نوار رنگی H2 */

.single-post .entry-content h2::after,
.single-post .wp-block-heading::after,
.single-post .elementor-widget-theme-post-content h2::after{

    content:"";

    position:absolute;

    right:0;

    bottom:-2px;

    width:64px;

    height:2px;

    background:var(--af-primary,#2bccd9);

    border-radius:999px;

}


/* H3 */

.single-post .entry-content h3,
.single-post .elementor-widget-theme-post-content h3{

    font-size:1.35rem;

    margin:2em 0 .9em;

    color:#249fb3;

}


/* H4 */

.single-post .entry-content h4,
.single-post .elementor-widget-theme-post-content h4{

    font-size:1.15rem;

    margin:1.8em 0 .8em;

}


/* H5 */

.single-post .entry-content h5,
.single-post .elementor-widget-theme-post-content h5{

    font-size:1.02rem;

    margin:1.5em 0 .7em;

}


/* H6 */

.single-post .entry-content h6,
.single-post .elementor-widget-theme-post-content h6{

    font-size:.95rem;

    margin:1.4em 0 .6em;

    color:var(--article-muted);

    text-transform:uppercase;

    letter-spacing:.04em;

}
/*------------------------------------------------------
5. Lists
------------------------------------------------------*/

/* لیست‌های اصلی */

.single-post .entry-content ul,
.single-post .entry-content ol,

.single-post .wp-block-list,

.single-post .elementor-widget-theme-post-content ul,
.single-post .elementor-widget-theme-post-content ol{

    margin:0 0 1.8em;

    padding-right:1.4rem;

    line-height:2.05;

}


/* آیتم‌ها */

.single-post .entry-content li,
.single-post .wp-block-list li,
.single-post .elementor-widget-theme-post-content li{

    margin:.55em 0;

    color:var(--article-text);

}


/* لیست‌های تو در تو */

.single-post .entry-content ul ul,
.single-post .entry-content ol ol,

.single-post .entry-content ul ol,
.single-post .entry-content ol ul{

    margin-top:.6em;

    margin-bottom:.6em;

}


/* بولت‌های UL */

.single-post .entry-content ul>li::marker,
.single-post .elementor-widget-theme-post-content ul>li::marker{

    color:var(--af-primary,#2bccd9);

    font-size:1.05em;

}


/* شماره‌های OL */

.single-post .entry-content ol>li::marker,
.single-post .elementor-widget-theme-post-content ol>li::marker{

    color:var(--af-primary,#2bccd9);

    font-weight:700;

}


/* فاصله اولین و آخرین آیتم */

.single-post li:first-child{

    margin-top:0;

}

.single-post li:last-child{

    margin-bottom:0;

}


/* لیست داخل Blockquote */

.single-post blockquote ul,
.single-post blockquote ol{

    margin-top:.8em;

}


/* واکنش‌گرا */

@media(max-width:768px){

.single-post .entry-content ul,
.single-post .entry-content ol,

.single-post .wp-block-list{

    padding-right:1.1rem;

}

}
/*------------------------------------------------------
6. Images & Figures
------------------------------------------------------*/

/* تصویر داخل مقاله */

.single-post .entry-content img,
.single-post .wp-block-image img,
.single-post .elementor-widget-theme-post-content img{

    display:block;

    max-width:100%;

    height:auto;

    border-radius:var(--article-radius);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease;

}


/* افکت Hover */

.single-post .entry-content img:hover,
.single-post .wp-block-image img:hover,
.single-post .elementor-widget-theme-post-content img:hover{

    transform:translateY(-2px);

    box-shadow:0 14px 36px rgba(15,23,42,.10);

    filter:saturate(1.03);

}


/* Figure */

.single-post figure,
.single-post .wp-block-image{

    margin:2rem 0;

}


/* لینک دور تصویر */

.single-post figure a{

    display:block;

    overflow:hidden;

    border-radius:var(--article-radius);

}


/* کپشن */

.single-post figcaption,
.single-post .wp-element-caption{

    margin-top:12px;

    text-align:center;

    color:var(--article-muted);

    font-size:.92rem;

    line-height:1.9;

}


/* تصویر وسط چین */

.single-post .aligncenter{

    margin-inline:auto;

}


/* تصویر چپ */

.single-post .alignleft{

    float:left;

    margin:0 24px 24px 0;

}


/* تصویر راست */

.single-post .alignright{

    float:right;

    margin:0 0 24px 24px;

}


/* تصاویر گرد */

.single-post .is-style-rounded img{

    border-radius:999px;

}


/* گالری گوتنبرگ */

.single-post .wp-block-gallery{

    gap:18px;

}


/* فاصله پایین تصویر */

.single-post .wp-block-image:last-child{

    margin-bottom:0;

}
/*------------------------------------------------------
7. Links
------------------------------------------------------*/

/* لینک‌های داخل مقاله */

.single-post .entry-content a,
.single-post .elementor-widget-theme-post-content a{

    color:var(--af-primary,#2bccd9);

    text-decoration:none;

    font-weight:500;

    transition:
        color .25s ease,
        background-color .25s ease;

}


/* هاور */

.single-post .entry-content a:hover,
.single-post .elementor-widget-theme-post-content a:hover{

    color:var(--af-primary-dark,#19b5c4);

}


/* لینک داخل پاراگراف */

.single-post .entry-content p a,
.single-post .elementor-widget-theme-post-content p a{

    text-decoration:underline;

    text-decoration-thickness:1.5px;

    text-underline-offset:3px;

}


/* لینک داخل لیست */

.single-post li a{

    text-decoration:none;

}


/* لینک داخل هدینگ */

.single-post h2 a,
.single-post h3 a,
.single-post h4 a,
.single-post h5 a,
.single-post h6 a{

    color:inherit;

}


/* فوکوس */

.single-post .entry-content a:focus-visible{

    outline:2px solid var(--af-primary,#2bccd9);

    outline-offset:3px;

    border-radius:4px;

}


/* لینک تصویر */

.single-post figure>a{

    display:block;

}


/* لینک‌های وردپرس */

.single-post .wp-block-button__link{

    text-decoration:none;

}