:root{
    --pg-bg:#19284F;
    --pg-card:#F6F8FC;
    --pg-text:#1B2748;
    --pg-muted:#6E7A90;
    --pg-accent:#3D619B;
    --pg-accent-2:#E95623;
    --pg-border:#E5E8EF;
    --pg-radius:18px;
}

.pgco-post-container{
    max-width:1180px;
    width:100%;
    margin:20px auto 0;
    padding:0 16px;
    box-sizing:border-box;
}

.pgco-post-layout{
    display:flex;
    gap:20px;
    align-items:flex-start;
}

.pgco-single-post{
    background:#fff;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,.04);
    padding:32px 16px 60px;
    color:var(--pg-text);
    box-sizing:border-box;
    flex:1 1 0;
}

.post-title{
    font-weight:900;
    font-size:28px;
    line-height:1.4;
    margin:12px 0 12px;
}

.cover{
    border-radius:24px;
    overflow:hidden;
    margin:12px 0 20px;
    border:1px solid var(--pg-border);
}
.cover img{width:100%;height:auto;display:block;}

.meta{
    color:var(--pg-muted);
    font-size:14px;
    margin-bottom:20px;
}

.content{
    border:1px solid var(--pg-border);
    border-radius:var(--pg-radius);
    padding:22px;
    line-height:1.9;
}
.content p{margin-bottom:10px;}
.content img{max-width:100%;border-radius:14px;margin:12px 0;}
.content h2,
.content h3,
.content h4{
    margin-top:26px;
    margin-bottom:10px;
    scroll-margin-top:100px;
}

/* سایدبار */
.pgco-post-sidebar{
    width:280px;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.pgco-post-widget{
    background:#fff;
    border-radius:20px;
    padding:16px 16px 18px;
    box-shadow:0 10px 35px rgba(0,0,0,.03);
    border:1px solid rgba(229,232,239,.4);
    text-align:center;
}

.pgco-post-widget .widget-title{
    font-size:15px;
    font-weight:700;
    margin-bottom:12px;
    color:var(--pg-text);
}

/* 👇 آیکون‌ها مثل فوتر */
.pgco-post-widget .socials{
    display:flex;
    gap:10px;
    justify-content:center;
    flex-wrap:wrap;
    direction:rtl;
}
.pgco-post-widget .socials a{
    width:36px;
    height:36px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:var(--pgco-chip, #EAEDEF);
    color:#1b2748;
    text-decoration:none;
    font-size:16px;
    border:1px solid var(--pgco-border, #E5E8EF);
    transition:.15s ease;
}
.pgco-post-widget .socials a:hover{
    filter:brightness(.98);
}

/* تماس */
.pgco-contact-phone{
    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:center;
}
.pgco-contact-phone a{
    color:var(--pg-accent);
    font-weight:600;
    text-decoration:none;
}
.pgco-contact-phone a:hover{ text-decoration:underline; }

/* فهرست محتوا */
.pgco-toc{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;
}
.pgco-toc li{
    width:100%;
}
.pgco-toc li a{
    color:#1B2748;
    text-decoration:none;
    font-size:13.5px;
    display:block;
    padding:4px 0;
    border-bottom:1px dashed rgba(0,0,0,.03);
}
.pgco-toc li.lvl-3 a{padding-right:12px;font-size:13px;}
.pgco-toc li.lvl-4 a{padding-right:20px;font-size:12.5px;}
.pgco-toc li a:hover{
    color:#E95623;
}
.pgco-toc-empty{
    font-size:13px;
    color:var(--pg-muted);
}

/* دسته بندی محصولات */
.pgco-prod-cats{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:center;
}
.pgco-prod-cats li{ width:100%; }
.pgco-prod-cats li a {
    display: block;
    background: #F7F8FA;
    border-radius: 14px;
    padding: 7px 10px;
    font-size: 13.5px;
    color: #1B2748;
    text-decoration: none;
    transition: all .2s ease;
}

.pgco-prod-cats li a:hover {
    background: var(--pgco-accent); /* پس‌زمینه رنگ accent */
    color: #fff;                    /* متن سفید */
    box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}


/* کامنت‌ها */
.pgco-comments-container{
    margin-top:30px;
    margin-bottom:60px;
    padding:0 8px;
    box-sizing:border-box;
}

/* ریسپانسیو */
@media (max-width:992px){
    .pgco-post-layout{ flex-direction:column; }
    .pgco-single-post{ padding:22px 14px 38px; }
    .pgco-post-sidebar{ width:100%; }
    .content{ padding:16px 12px; }
}
@media (max-width:520px){
    .post-title{ font-size:22px; }
    .pgco-post-widget{ border-radius:16px; }
}