/* ==========================================================================
   BLOG.CSS — Pixel-perfect Blog Archive + Single Post (v1.7.3)
   مطابق blog-archive.html و single-blog-post.html
   ========================================================================== */

/* ───────────────────────────────────────────────────────────────────────
   Variables: intentionally removed in v1.7.7.
   pargas-blog depends on pargas-base, so base.css's :root{} is always
   loaded BEFORE this file. Redefining :root{} here was OVERWRITING the
   dynamic colors injected by pargas_dynamic_colors_css() on every blog,
   archive, and single-post page — the admin could change Navy/Blue/etc.
   in the panel but nothing happened on the frontend.
   ─────────────────────────────────────────────────────────────────────── */

/* ───────────────────────────────────────────────────────────────────────
   Animations
   ─────────────────────────────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--transition),transform .7s var(--transition)}
.reveal.on{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}

/* ════════════════════════════════════════════════════════════════════
   BLOG ARCHIVE PAGE
   ════════════════════════════════════════════════════════════════════ */

/* ── BLOG HERO ── */
.pargas-blog .bhero{
    background:linear-gradient(130deg,#050F2E 0%,#0E2A5C 40%,#0D5C42 100%);
    background-size:200% 200%;
    animation:gradientShift 12s ease infinite;
    padding:4.5rem 0 6rem;position:relative;overflow:hidden;
}
.pargas-blog .bhero-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.pargas-blog .bhero-blob-1{width:500px;height:500px;background:rgba(37,99,235,.15);top:-120px;right:-120px}
.pargas-blog .bhero-blob-2{width:400px;height:400px;background:rgba(5,150,105,.12);bottom:-150px;left:80px}
.pargas-blog .bhero-inner{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1;text-align:center}
.pargas-blog .bhero-badge{
    display:inline-flex;align-items:center;gap:8px;
    background:rgba(110,231,183,.1);border:1px solid rgba(110,231,183,.25);
    color:#6EE7B7;font-size:12.5px;font-weight:600;padding:7px 18px;border-radius:30px;margin-bottom:1.4rem;
}
.pargas-blog .badge-dot{width:7px;height:7px;border-radius:50%;background:#6EE7B7;animation:pulse 2s infinite}
.pargas-blog .bhero h1{font-size:2.9rem;font-weight:900;line-height:1.3;color:#fff;margin-bottom:1rem}
.pargas-blog .bhero h1 em{
    font-style:normal;
    background:linear-gradient(135deg,#6EE7B7,#93C5FD);
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.pargas-blog .bhero p{font-size:15px;color:rgba(255,255,255,.72);line-height:2;max-width:560px;margin:0 auto 2rem}
.pargas-blog .search-box{max-width:560px;margin:0 auto;position:relative}
.pargas-blog .search-box input{
    width:100%;padding:16px 56px 16px 20px;border-radius:14px;border:none;font-size:14.5px;outline:none;
    background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.2);
    backdrop-filter:blur(10px);transition:all .2s;
}
.pargas-blog .search-box input::placeholder{color:rgba(255,255,255,.5)}
.pargas-blog .search-box input:focus{background:#fff;color:var(--dark);border-color:#fff}
.pargas-blog .search-box input:focus::placeholder{color:var(--gray)}
.pargas-blog .search-box button{
    position:absolute;left:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;
    border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--blue2));
    display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;
}
.pargas-blog .search-box button:hover{transform:translateY(-50%) scale(1.06)}

/* ── CATEGORY PILLS ── */
.pargas-blog .cat-strip{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:70px;z-index:150}
.pargas-blog .cat-inner{
    max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;gap:.6rem;
    overflow-x:auto;scrollbar-width:none;
}
.pargas-blog .cat-inner::-webkit-scrollbar{display:none}
.pargas-blog .cat-pill{
    flex-shrink:0;padding:8px 18px;border-radius:30px;font-size:13px;font-weight:600;color:var(--mid);
    background:var(--light);border:1.5px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;
    text-decoration:none;display:inline-block;
}
.pargas-blog .cat-pill:hover{background:var(--blue3);color:var(--blue)}
.pargas-blog .cat-pill.active{
    background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;
    box-shadow:0 4px 14px rgba(26,79,191,.25);
}

/* ── LAYOUT ── */
.pargas-blog .wrap{max-width:1280px;margin:0 auto;padding:3.5rem 2rem}
.pargas-blog .layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}

/* ── FEATURED POST ── */
.pargas-blog .featured{
    display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:#fff;
    border-radius:22px;overflow:hidden;border:1px solid var(--border);
    box-shadow:var(--shadow);margin-bottom:3rem;
}
.pargas-blog .featured-img{position:relative;min-height:340px;overflow:hidden}
.pargas-blog .featured-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pargas-blog .featured-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,40,.35),transparent 60%)}
.pargas-blog .featured-tag{
    position:absolute;top:18px;right:18px;
    background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;
    font-size:11.5px;font-weight:700;padding:6px 16px;border-radius:20px;z-index:2;
}
.pargas-blog .featured-body{padding:2.4rem 2.6rem;display:flex;flex-direction:column;justify-content:center}
.pargas-blog .featured-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--gray);margin-bottom:1rem}
.pargas-blog .featured-meta span{display:flex;align-items:center;gap:5px}
.pargas-blog .featured-body h2{font-size:1.7rem;font-weight:800;color:var(--dark);line-height:1.5;margin-bottom:.9rem}
.pargas-blog .featured-body p{font-size:13.8px;color:var(--gray);line-height:2;margin-bottom:1.5rem}
.pargas-blog .featured-cta{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:700;font-size:14px;transition:gap .2s}
.pargas-blog .featured-cta:hover{gap:12px}

/* ── POST GRID ── */
.pargas-blog .pgrid2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
.pargas-blog .post-card{
    background:#fff;border-radius:18px;border:1px solid var(--border);overflow:hidden;
    transition:all var(--transition);display:block;text-decoration:none;color:inherit;
}
.pargas-blog .post-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:transparent}
.pargas-blog .post-img{height:190px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue3),#DBEAFE)}
.pargas-blog .post-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition)}
.pargas-blog .post-card:hover .post-img img{transform:scale(1.08)}
.pargas-blog .post-cat{
    position:absolute;top:13px;right:13px;font-size:11px;padding:5px 13px;border-radius:20px;
    font-weight:700;backdrop-filter:blur(8px);
}
.pargas-blog .pc-blue{background:rgba(219,234,254,.92);color:#1E40AF}
.pargas-blog .pc-green{background:rgba(209,250,229,.92);color:#064E3B}
.pargas-blog .pc-amber{background:rgba(254,243,199,.92);color:#92400E}
.pargas-blog .pc-red{background:rgba(254,226,226,.92);color:#991B1B}
.pargas-blog .post-body{padding:1.4rem}
.pargas-blog .post-meta{display:flex;align-items:center;gap:12px;font-size:11.5px;color:var(--gray);margin-bottom:.7rem}
.pargas-blog .post-meta span{display:flex;align-items:center;gap:4px}
.pargas-blog .post-body h3{font-size:15.5px;font-weight:700;color:var(--dark);line-height:1.6;margin-bottom:8px;min-height:50px}
.pargas-blog .post-body p{font-size:12.8px;color:var(--gray);line-height:1.85;margin-bottom:1rem}
.pargas-blog .post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--border)}
.pargas-blog .post-author{display:flex;align-items:center;gap:8px}
.pargas-blog .avatar-sm{
    width:28px;height:28px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue3),#BFDBFE);
    display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--navy);
}
.pargas-blog .post-author span{font-size:12px;color:var(--mid);font-weight:600}
.pargas-blog .readmore{font-size:12px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:4px}

/* ── PAGINATION ── */
.pargas-blog .pagination{display:flex;justify-content:center;gap:8px;margin-top:3rem;flex-wrap:wrap}
.pargas-blog .page-btn,
.pargas-blog .pagination a.page-numbers,
.pargas-blog .pagination span.page-numbers{
    min-width:42px;height:42px;border-radius:11px;border:1.5px solid var(--border);background:#fff;
    color:var(--mid);font-weight:700;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;
    justify-content:center;transition:all .2s;padding:0 8px;text-decoration:none;
}
.pargas-blog .page-btn:hover,
.pargas-blog .pagination a.page-numbers:hover{border-color:var(--blue2);color:var(--blue)}
.pargas-blog .page-btn.active,
.pargas-blog .pagination span.current{
    background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;border-color:transparent;
    box-shadow:0 4px 14px rgba(26,79,191,.28);
}
.pargas-blog .page-btn.wide{width:auto;padding:0 18px;gap:6px}

/* ── SIDEBAR WIDGETS ── */
.pargas-blog .widget{
    background:#fff;border-radius:18px;border:1px solid var(--border);padding:1.6rem;margin-bottom:1.6rem;
}
.pargas-blog .widget h4{
    font-size:14.5px;font-weight:800;color:var(--dark);margin-bottom:1.2rem;
    display:flex;align-items:center;gap:8px;
}
.pargas-blog .sb-search{position:relative}
.pargas-blog .sb-search input{
    width:100%;padding:11px 42px 11px 14px;border-radius:11px;border:1.5px solid var(--border);
    font-size:13px;outline:none;background:#FAFBFF;transition:border-color .2s;
}
.pargas-blog .sb-search input:focus{border-color:var(--blue2)}
.pargas-blog .sb-search svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}
.pargas-blog .pop-post{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit}
.pargas-blog .pop-post:last-child{border-bottom:none;padding-bottom:0}
.pargas-blog .pop-post:first-child{padding-top:0}
.pargas-blog .pop-thumb{width:64px;height:64px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--blue3),#DBEAFE)}
.pargas-blog .pop-thumb img{width:100%;height:100%;object-fit:cover}
.pargas-blog .pop-info h5{font-size:13px;font-weight:700;color:var(--dark);line-height:1.6;margin-bottom:5px}
.pargas-blog .pop-info span{font-size:11px;color:var(--gray)}
.pargas-blog .cat-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}
.pargas-blog .cat-list li a{
    display:flex;justify-content:space-between;align-items:center;padding:9px 4px;font-size:13px;color:var(--mid);
    border-radius:8px;transition:all .2s;text-decoration:none;
}
.pargas-blog .cat-list li a:hover{color:var(--blue);background:var(--blue3);padding-right:10px}
.pargas-blog .cat-count{background:var(--light);color:var(--gray);font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}
.pargas-blog .tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.pargas-blog .tag-item{
    background:var(--light);border:1px solid var(--border);color:var(--mid);font-size:12px;font-weight:600;
    padding:6px 14px;border-radius:20px;transition:all .2s;text-decoration:none;display:inline-block;
}
.pargas-blog .tag-item:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.pargas-blog .nl-widget{
    background:linear-gradient(135deg,#050F2E,#0E2A5C 55%,#0D5C42);border-radius:18px;padding:1.8rem;
    text-align:center;position:relative;overflow:hidden;
}
.pargas-blog .nl-widget::before{
    content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;
    background:rgba(37,99,235,.15);border-radius:50%;
}
.pargas-blog .nl-widget h4{color:#fff;font-size:15.5px;font-weight:800;margin-bottom:.5rem;position:relative;z-index:1}
.pargas-blog .nl-widget p{color:rgba(255,255,255,.65);font-size:12.5px;line-height:1.8;margin-bottom:1.2rem;position:relative;z-index:1}
.pargas-blog .nl-widget input{
    width:100%;padding:11px 14px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.08);color:#fff;font-size:13px;outline:none;margin-bottom:10px;
    position:relative;z-index:1;
}
.pargas-blog .nl-widget input::placeholder{color:rgba(255,255,255,.4)}
.pargas-blog .nl-widget button{
    width:100%;padding:11px;border-radius:10px;border:none;
    background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-weight:700;font-size:13.5px;
    cursor:pointer;transition:all .2s;position:relative;z-index:1;
}
.pargas-blog .nl-widget button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(5,150,105,.3)}
.pargas-blog .ad-widget{border-radius:18px;overflow:hidden;position:relative;min-height:200px;display:flex;align-items:flex-end;background:linear-gradient(135deg,var(--blue3),#DBEAFE)}
.pargas-blog .ad-widget-body{padding:1.4rem;position:relative;z-index:1}
.pargas-blog .ad-widget-body span{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.4px}
.pargas-blog .ad-widget-body h5{font-size:15px;font-weight:800;color:var(--navy);margin:.5rem 0 .9rem;line-height:1.5}
.pargas-blog .ad-widget-body button{
    background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;border:none;padding:9px 18px;
    border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer;
}

/* ════════════════════════════════════════════════════════════════════
   SINGLE BLOG POST PAGE
   ════════════════════════════════════════════════════════════════════ */

/* ── BREADCRUMB ── */
.pargas-single .breadcrumb{background:#fff;border-bottom:1px solid var(--border);padding:1rem 0}
.pargas-single .breadcrumb-inner{
    max-width:1100px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:8px;
    font-size:12.5px;color:var(--gray);flex-wrap:wrap;
}
.pargas-single .breadcrumb-inner a{color:var(--gray);transition:color .2s;text-decoration:none}
.pargas-single .breadcrumb-inner a:hover{color:var(--blue)}
.pargas-single .breadcrumb-inner span.cur{color:var(--dark);font-weight:600}

/* ── ARTICLE HEADER ── */
.pargas-single .art-head{max-width:1100px;margin:0 auto;padding:3rem 2rem 0;text-align:center}
.pargas-single .art-cat{
    display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--green2);
    background:var(--green3);padding:6px 18px;border-radius:20px;margin-bottom:1.2rem;text-decoration:none;
}
.pargas-single .art-head h1{
    font-size:2.3rem;font-weight:900;color:var(--dark);line-height:1.5;margin-bottom:1.4rem;
    max-width:820px;margin-inline:auto;
}
.pargas-single .art-meta{
    display:flex;justify-content:center;align-items:center;gap:1.6rem;flex-wrap:wrap;font-size:13px;
    color:var(--gray);padding-bottom:2rem;border-bottom:1px solid var(--border);
}
.pargas-single .art-meta-author{display:flex;align-items:center;gap:9px}
.pargas-single .avatar-md{
    width:38px;height:38px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue3),#BFDBFE);
    display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:800;color:var(--navy);
}
.pargas-single .art-meta-author strong{display:block;font-size:13px;color:var(--dark);font-weight:700}
.pargas-single .art-meta-author span{font-size:11.5px;color:var(--gray)}
.pargas-single .art-meta span.sep{color:var(--border)}
.pargas-single .art-meta-item{display:flex;align-items:center;gap:5px}

/* ── HERO IMAGE ── */
.pargas-single .art-hero-img{max-width:1100px;margin:2.4rem auto 0;padding:0 2rem}
.pargas-single .art-hero-img > div{border-radius:20px;overflow:hidden;height:440px;box-shadow:var(--shadow-lg)}
.pargas-single .art-hero-img img{width:100%;height:100%;object-fit:cover}
.pargas-single .art-hero-cap{text-align:center;font-size:12px;color:var(--gray);margin-top:.8rem}

/* ── LAYOUT ── */
.pargas-single .wrap{max-width:1100px;margin:0 auto;padding:3rem 2rem 4rem}
.pargas-single .layout{display:grid;grid-template-columns:1fr 300px;gap:3rem;align-items:start}

/* ── ARTICLE BODY ── */
.pargas-single .article{font-size:15.5px;line-height:2.05;color:var(--mid)}
.pargas-single .article p{margin-bottom:1.4rem}
.pargas-single .article h2{
    font-size:1.5rem;font-weight:800;color:var(--dark);margin:2.4rem 0 1rem;
    padding-right:14px;border-right:4px solid var(--blue2);
}
.pargas-single .article h3{font-size:1.2rem;font-weight:700;color:var(--dark);margin:1.8rem 0 .9rem}
.pargas-single .article ul{margin:0 0 1.4rem;padding-right:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.pargas-single .article ul li{position:relative}
.pargas-single .article ul li::marker{color:var(--green2)}
.pargas-single .article img{border-radius:16px;margin:1.8rem 0 .6rem;width:100%;object-fit:cover;max-height:360px}
.pargas-single .img-cap{font-size:12px;color:var(--gray);text-align:center;margin-bottom:1.8rem}
.pargas-single .pull-quote{
    background:var(--blue3);border-right:4px solid var(--blue2);border-radius:12px;
    padding:1.6rem 1.8rem;font-size:16px;font-weight:700;color:var(--navy);line-height:1.9;margin:2rem 0;
}
.pargas-single .info-box{
    background:var(--green3);border:1px solid #A7F3D0;border-radius:14px;padding:1.4rem 1.6rem;
    margin:1.8rem 0;display:flex;gap:12px;
}
.pargas-single .info-box .ic{font-size:1.4rem;flex-shrink:0}
.pargas-single .info-box p{margin:0;font-size:14px;color:#065F46;line-height:1.9}

/* ── TAGS & SHARE ── */
.pargas-single .art-footer-row{
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;
    margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--border);
}
.pargas-single .share-row{display:flex;gap:8px;align-items:center}
.pargas-single .share-row span{font-size:12.5px;color:var(--gray);font-weight:600;margin-left:4px}
.pargas-single .share-btn{
    width:36px;height:36px;border-radius:10px;background:var(--light);border:1px solid var(--border);
    display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit;
}
.pargas-single .share-btn:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px);color:#fff}

/* ── AUTHOR BOX ── */
.pargas-single .author-box{
    display:flex;gap:18px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.6rem;
    margin-top:2.2rem;align-items:flex-start;
}
.pargas-single .avatar-lg{
    width:64px;height:64px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue3),#BFDBFE);
    display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--navy);flex-shrink:0;
}
.pargas-single .author-box h4{font-size:15px;font-weight:800;color:var(--dark);margin-bottom:.3rem}
.pargas-single .author-box .role{font-size:12px;color:var(--blue);font-weight:600;margin-bottom:.6rem}
.pargas-single .author-box p{font-size:13px;color:var(--gray);line-height:1.85}

/* ── RELATED POSTS ── */
.pargas-single .related-title{font-size:1.4rem;font-weight:800;color:var(--dark);margin:3rem 0 1.5rem;text-align:center}
.pargas-single .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.pargas-single .rcard{
    background:#fff;border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:all var(--transition);
    text-decoration:none;color:inherit;display:block;
}
.pargas-single .rcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}
.pargas-single .rimg{height:150px;overflow:hidden;background:linear-gradient(135deg,var(--blue3),#DBEAFE)}
.pargas-single .rimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.pargas-single .rcard:hover .rimg img{transform:scale(1.07)}
.pargas-single .rbody{padding:1.1rem}
.pargas-single .rbody span{font-size:11px;color:var(--gray)}
.pargas-single .rbody h5{font-size:13.5px;font-weight:700;color:var(--dark);line-height:1.6;margin-top:6px}

/* ── COMMENTS ── */
.pargas-single .comments{margin-top:3rem}
.pargas-single .comments h3{font-size:1.25rem;font-weight:800;color:var(--dark);margin-bottom:1.6rem}
.pargas-single .comment{display:flex;gap:14px;margin-bottom:1.6rem}
.pargas-single .comment-body{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.3rem;flex:1}
.pargas-single .comment-body .chead{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.pargas-single .comment-body strong{font-size:13.5px;color:var(--dark)}
.pargas-single .comment-body time{font-size:11.5px;color:var(--gray)}
.pargas-single .comment-body p{font-size:13.5px;color:var(--mid);line-height:1.85}
.pargas-single .comment.reply{margin-right:52px}
.pargas-single .comment-form{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.6rem;margin-top:1.6rem}
.pargas-single .comment-form h4{font-size:14.5px;font-weight:800;margin-bottom:1.2rem}
.pargas-single .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.pargas-single .comment-form input,
.pargas-single .comment-form textarea{
    width:100%;border:1.5px solid var(--border);border-radius:11px;padding:11px 14px;font-size:13.5px;
    outline:none;background:#FAFBFF;transition:border-color .2s;font-family:inherit;
}
.pargas-single .comment-form input:focus,
.pargas-single .comment-form textarea:focus{border-color:var(--blue2);background:#fff}
.pargas-single .comment-form textarea{min-height:100px;resize:vertical;margin-bottom:14px}
.pargas-single .comment-form button{
    background:linear-gradient(135deg,var(--navy),var(--blue2));color:#fff;border:none;padding:11px 26px;
    border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s;
}
.pargas-single .comment-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,79,191,.3)}

/* ── SIDEBAR (single post) ── */
.pargas-single .widget{background:#fff;border-radius:18px;border:1px solid var(--border);padding:1.5rem;margin-bottom:1.5rem;position:sticky;top:90px}
.pargas-single .widget h4{font-size:14px;font-weight:800;color:var(--dark);margin-bottom:1.1rem}
.pargas-single .nl-widget-side{
    background:linear-gradient(135deg,#050F2E,#0E2A5C 55%,#0D5C42);border-radius:18px;padding:1.7rem;
    text-align:center;position:sticky;top:90px;
}
.pargas-single .nl-widget-side h4{color:#fff;font-size:15px;font-weight:800;margin-bottom:.5rem}
.pargas-single .nl-widget-side p{color:rgba(255,255,255,.65);font-size:12px;line-height:1.8;margin-bottom:1.1rem}
.pargas-single .nl-widget-side input{
    width:100%;padding:10px 13px;border-radius:10px;border:1.5px solid rgba(255,255,255,.2);
    background:rgba(255,255,255,.08);color:#fff;font-size:12.5px;outline:none;margin-bottom:9px;font-family:inherit;
}
.pargas-single .nl-widget-side input::placeholder{color:rgba(255,255,255,.4)}
.pargas-single .nl-widget-side button{
    width:100%;padding:10px;border-radius:10px;border:none;
    background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-weight:700;font-size:13px;
    cursor:pointer;transition:all .2s;
}
.pargas-single .nl-widget-side button:hover{transform:translateY(-2px)}

/* ════════════════════════════════════════════════════════════════════
   v1.7.5 — NEW FEATURES CSS
   - List & Masonry layouts (driven by --grid-cols and --grid-gap CSS vars)
   - Hover effects (lift/zoom/border-glow/none) on .post-card
   - Reading progress bar on single post
   - Copy-link button "copied" state
   - AJAX Load-More button + infinite scroll spinner
   - Category pill count badge
   - Sidebar visibility (sidebar-mobile-only, sidebar-none)
   - no-reveal mode (skip IntersectionObserver animation)
   ════════════════════════════════════════════════════════════════════ */

/* ── GRID COLUMNS via CSS variables (set by archive.php via inline style) ── */
.pargas-blog .pgrid2{
    grid-template-columns:repeat(var(--grid-cols, 2), 1fr);
    gap:calc(var(--grid-gap, 14px) * 1px);
}

/* ── LIST LAYOUT — full-width cards with image on the right ── */
.pargas-blog.layout-list .pgrid2{
    grid-template-columns:1fr;
    gap:calc(var(--grid-gap, 14px) * 1px);
}
.pargas-blog.layout-list .post-card{
    display:grid;grid-template-columns:240px 1fr;gap:0;
}
.pargas-blog.layout-list .post-card .post-img{
    height:100%;min-height:160px;padding-top:0 !important;
}
.pargas-blog.layout-list .post-card .post-img img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
@media(max-width:640px){
    .pargas-blog.layout-list .post-card{grid-template-columns:1fr}
    .pargas-blog.layout-list .post-card .post-img{min-height:160px;padding-top:56.25% !important}
}

/* ── MASONRY LAYOUT — CSS columns instead of grid ── */
.pargas-blog.layout-masonry .pgrid2{
    display:block;
    column-count:var(--grid-cols, 2);
    column-gap:calc(var(--grid-gap, 14px) * 1px);
}
.pargas-blog.layout-masonry .post-card{
    display:inline-block;width:100%;margin-bottom:calc(var(--grid-gap, 14px) * 1px);
    break-inside:avoid;page-break-inside:avoid;
}
.pargas-blog.layout-masonry .post-card .post-img img{
    position:relative;inset:auto;height:auto;
}
@media(max-width:640px){
    .pargas-blog.layout-masonry .pgrid2{column-count:1}
}

/* ── HOVER EFFECTS — applied via hover-{effect} class on .pargas-blog ── */
.pargas-blog.hover-zoom .post-card:hover{transform:none;box-shadow:none;border-color:var(--border)}
.pargas-blog.hover-zoom .post-card:hover .post-img img{transform:scale(1.12)}
.pargas-blog.hover-zoom .post-card .post-img img{transition:transform .6s var(--transition)}

.pargas-blog.hover-border-glow .post-card:hover{
    transform:none;box-shadow:0 0 0 2px var(--blue2),0 8px 30px rgba(37,99,235,.2);
}
.pargas-blog.hover-border-glow .post-card:hover .post-img img{transform:none}

.pargas-blog.hover-none .post-card:hover{transform:none;box-shadow:none;border-color:var(--border)}
.pargas-blog.hover-none .post-card:hover .post-img img{transform:none}

/* ── READING PROGRESS BAR (single post) ── */
.pargas-single .reading-progress-bar{
    position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;
    background:rgba(14,42,92,.08);pointer-events:none;
}
.pargas-single .reading-progress-fill{
    height:100%;width:0;
    background:linear-gradient(90deg,var(--blue2),var(--green2));
    transition:width .15s ease-out;
    box-shadow:0 0 8px rgba(37,99,235,.4);
}

/* ── COPY-LINK BUTTON "copied" feedback ── */
.pargas-single .share-copy.copied{
    background:var(--green2);color:#fff;
    animation:pulse .4s ease;
}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* ── LOAD-MORE BUTTON ── */
.pargas-blog .pargas-loadmore-btn{
    background:linear-gradient(135deg,var(--navy),var(--blue2));
    color:#fff;border:none;padding:14px 32px;border-radius:14px;
    font-size:14px;font-weight:700;cursor:pointer;transition:all .25s;
    box-shadow:0 4px 14px rgba(26,79,191,.25);
    display:inline-flex;align-items:center;gap:10px;font-family:inherit;
}
.pargas-blog .pargas-loadmore-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(26,79,191,.35);
}
.pargas-blog .pargas-loadmore-btn .lm-spinner{font-size:16px;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pargas-blog .loadmore-wrap{justify-content:center;display:flex}

/* ── INFINITE SCROLL SPINNER ── */
.pargas-blog .pargas-infinite-spinner{
    display:flex;justify-content:center;padding:2rem 0;
}
.pargas-blog .pargas-infinite-spinner .spin{
    width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--blue2);
    border-radius:50%;animation:spin 1s linear infinite;
}
.pargas-blog .infinite-wrap{justify-content:center;display:flex}

/* ── CATEGORY PILL COUNT BADGE ── */
.pargas-blog .cat-pill-count{
    display:inline-flex;align-items:center;justify-content:center;
    min-width:20px;height:20px;padding:0 6px;margin-right:6px;
    background:rgba(255,255,255,.2);color:inherit;
    font-size:10.5px;font-weight:700;border-radius:10px;
}
.pargas-blog .cat-pill:not(.active) .cat-pill-count{
    background:var(--border);color:var(--gray);
}
.pargas-blog .cat-pill:not(.active):hover .cat-pill-count{
    background:var(--blue3);color:var(--blue);
}

/* ── SIDEBAR VISIBILITY ── */
.pargas-blog.sidebar-none .layout{grid-template-columns:1fr}
.pargas-blog.sidebar-left .layout{grid-template-columns:340px 1fr;direction:rtl}
.pargas-blog.sidebar-left .layout > div:first-child{direction:rtl}
.pargas-blog.sidebar-left .layout > aside{direction:ltr}
.pargas-blog.sidebar-size-large.sidebar-right .layout{grid-template-columns:1fr 380px}
.pargas-blog.sidebar-size-large.sidebar-left .layout{grid-template-columns:380px 1fr}
.pargas-blog.sidebar-mobile-only .layout{grid-template-columns:1fr}
@media(max-width:980px){
    .pargas-blog.sidebar-mobile-only .layout,
    .pargas-blog.sidebar-size-large.sidebar-right .layout,
    .pargas-blog.sidebar-size-large.sidebar-left .layout,
    .pargas-blog.sidebar-right .layout,
    .pargas-blog.sidebar-left .layout{grid-template-columns:1fr}
}

/* ── NO-REVEAL MODE — skip IntersectionObserver, show everything immediately ── */
.pargas-blog.no-reveal .reveal,
.pargas-single.no-reveal .reveal{
    opacity:1;transform:none;transition:none;
}

/* ── IMAGE ASPECT RATIO via padding-top (set by archive.php on .post-img) ── */
.pargas-blog .post-img{
    height:auto !important;
    position:relative;
}
.pargas-blog .post-img img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.pargas-blog.layout-masonry .post-img img{position:relative;inset:auto}

/* ════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════════════════════════ */
@media(max-width:980px){
    .pargas-blog .layout,
    .pargas-single .layout{grid-template-columns:1fr}
    .pargas-blog .featured{grid-template-columns:1fr}
    .pargas-blog .featured-img{min-height:220px}
    .pargas-blog .pgrid2{grid-template-columns:1fr !important;column-count:1 !important}
    .pargas-blog .bhero h1{font-size:2.1rem}
    .pargas-single .rgrid{grid-template-columns:1fr}
    .pargas-single .art-head h1{font-size:1.7rem}
    .pargas-single .art-hero-img > div{height:240px}
    .pargas-single .cf-grid{grid-template-columns:1fr}
    .pargas-single .widget,
    .pargas-single .nl-widget-side{position:static}
    .pargas-blog.layout-list .post-card{grid-template-columns:1fr}
    .pargas-blog.layout-list .post-card .post-img{min-height:160px;padding-top:56.25% !important}
}