/* Dynamic Single Article Template */
.sh-single{
    --green:#315b4b;
    --green-dark:#26483d;
    --cream:#ece6dd;
    --soft:#f6f5f3;
    --text:#242424;
    --muted:#77736e;
    --border:#e8e3dd;
    direction:rtl;
    width:100%;
    color:var(--text);
    background:#fff;
}
.sh-single,
.sh-single *,
.sh-single *::before,
.sh-single *::after{
    box-sizing:border-box;
    font-family:Yekan,sans-serif !important;
}
.sh-single a{color:inherit;text-decoration:none}
.sh-single__container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.sh-single__hero-wrap{padding:28px 0 80px}
.sh-single__hero{
    min-height:470px;
    display:grid;
    grid-template-columns:1fr 1.05fr;
    overflow:hidden;
    border-radius:28px;
    background:#b8ad9f;
}
.sh-single__hero-content{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:58px;
    color:#fff;
}
.sh-single__category{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin-bottom:17px;
    color:rgba(255,255,255,.73);
    font-size:11px;
    font-weight:700;
}
.sh-single__category::before{content:"";width:2px;height:17px;display:block;background:currentColor}
.sh-single__hero h1{
    max-width:570px;
    margin:0;
    color:#fff;
    font-size:clamp(32px,4vw,52px);
    font-weight:800;
    line-height:1.65;
}
.sh-single__meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:11px;
    margin-top:25px;
    color:rgba(255,255,255,.68);
    font-size:11px;
}
.sh-single__meta-divider{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4)}
.sh-single__cover{position:relative;min-height:470px;overflow:hidden}
.sh-single__cover img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}
.sh-single__cover::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.04),transparent 35%);
}
.sh-single__cover--empty{
    display:grid;
    place-items:center;
    background:
        radial-gradient(circle at 30% 30%,rgba(49,91,75,.12),transparent 25%),
        radial-gradient(circle at 75% 70%,rgba(49,91,75,.08),transparent 27%),
        #eee8e0;
}
.sh-single__cover-decoration{
    width:160px;
    height:160px;
    border:1px solid rgba(49,91,75,.2);
    border-radius:50%;
    position:relative;
}
.sh-single__cover-decoration::after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    top:29px;
    left:29px;
    border:1px solid rgba(49,91,75,.25);
    border-radius:50%;
}
.sh-single__article-section{padding-bottom:100px}
.sh-single__article{width:min(880px,calc(100% - 48px));margin-inline:auto}
.sh-single__article-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-bottom:42px;
    padding-bottom:20px;
    border-bottom:1px solid var(--border);
}
.sh-single__article-top span{color:var(--muted);font-size:11px}
.sh-single__back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--green)!important;
    font-size:11px;
    font-weight:700;
}
.sh-single__back::after{content:"←";font-size:14px}
.sh-single__content{color:#44403c;font-size:15px;line-height:2.25}
.sh-single__content p{margin:0 0 25px;color:#57524d;font-size:15px;line-height:2.25}
.sh-single__content h2{
    margin:60px 0 20px;
    color:var(--text);
    font-size:clamp(24px,3vw,32px);
    font-weight:800;
    line-height:1.8;
    scroll-margin-top:100px;
}
.sh-single__content h3{
    margin:45px 0 17px;
    color:var(--text);
    font-size:21px;
    font-weight:800;
    line-height:1.8;
    scroll-margin-top:100px;
}
.sh-single__content h4{margin:35px 0 15px;color:var(--text);font-size:17px;font-weight:800}
.sh-single__content img{max-width:100%;height:auto;display:block;margin:38px auto;border-radius:20px}
.sh-single__content figure{margin:40px 0}
.sh-single__content figcaption{margin-top:10px;color:var(--muted);font-size:11px;text-align:center}
.sh-single__content a{
    color:var(--green)!important;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:4px;
}
.sh-single__content ul,
.sh-single__content ol{margin:25px 0;padding-right:23px}
.sh-single__content li{margin-bottom:10px;line-height:2}
.sh-single__content blockquote{
    position:relative;
    margin:45px 0;
    padding:30px 32px;
    border:0;
    border-right:3px solid var(--green);
    border-radius:16px 0 0 16px;
    background:var(--soft);
    color:#504b46;
    font-size:16px;
    line-height:2.1;
}
.sh-single__content blockquote p{margin:0}
.sh-single__content table{
    width:100%;
    margin:35px 0;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:14px;
}
.sh-single__content th,
.sh-single__content td{padding:14px;border:1px solid var(--border);text-align:right}
.sh-single__content th{background:var(--soft)}
.sh-single__content iframe,
.sh-single__content video{width:100%;max-width:100%;margin:35px 0;border-radius:20px}
.sh-single__end{margin-top:75px;padding-top:30px;border-top:1px solid var(--border)}
.sh-single__end-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    padding:30px 35px;
    border-radius:20px;
    background:var(--soft);
}
.sh-single__end-text{color:var(--muted);font-size:12px;line-height:2}
.sh-single__end-title{display:block;margin-bottom:5px;color:var(--text);font-size:17px;font-weight:800}
.sh-single__button{
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:0 0 auto;
    padding:0 21px;
    border-radius:999px;
    background:var(--green);
    color:#fff!important;
    font-size:11px;
    font-weight:700;
    transition:transform .2s ease,background .2s ease;
}
.sh-single__button:hover{background:var(--green-dark);transform:translateY(-2px)}
.sh-single__progress{
    position:fixed;
    z-index:9999;
    top:0;
    right:0;
    width:0;
    height:3px;
    background:var(--green);
    pointer-events:none;
}
@media(max-width:1024px){
    .sh-single__container{width:calc(100% - 36px)}
    .sh-single__hero{min-height:420px}
    .sh-single__hero-content{padding:45px 38px}
    .sh-single__cover{min-height:420px}
    .sh-single__article{width:min(820px,calc(100% - 40px))}
}
@media(max-width:767px){
    .sh-single__container{width:calc(100% - 28px)}
    .sh-single__hero-wrap{padding:14px 0 55px}
    .sh-single__hero{min-height:auto;grid-template-columns:1fr;border-radius:20px}
    .sh-single__cover{order:1;min-height:300px}
    .sh-single__hero-content{order:2;padding:35px 25px 40px}
    .sh-single__hero h1{font-size:30px}
    .sh-single__meta{gap:8px;font-size:10px}
    .sh-single__article-section{padding-bottom:65px}
    .sh-single__article{width:calc(100% - 32px)}
    .sh-single__article-top{margin-bottom:30px}
    .sh-single__content,
    .sh-single__content p{font-size:14px;line-height:2.15}
    .sh-single__content h2{margin-top:45px;font-size:23px}
    .sh-single__content h3{margin-top:35px;font-size:19px}
    .sh-single__content img{border-radius:15px}
    .sh-single__content blockquote{padding:24px 21px;font-size:14px}
    .sh-single__end{margin-top:55px}
    .sh-single__end-box{display:block;padding:27px 23px}
    .sh-single__button{margin-top:20px}
}