/* ==========================================================================
   Najibul Universal Glassmorphic Post-Meta Card
   Loaded ONLY on post + custom-post-type singular views. Cache-friendly:
   static file, versioned by filemtime, far-future cacheable.
   Design: premium frosted glass (light surface) + gradient avatar ring.
   ========================================================================== */

.najibul-pt-glass-meta{
    display:inline-flex;
    align-items:center;
    gap:12px;
    max-width:100%;
    margin:16px 0 22px;
    padding:9px 14px 9px 10px;
    border-radius:16px;
    background:linear-gradient(140deg,rgba(255,255,255,.94),rgba(241,245,249,.88));
    backdrop-filter:blur(16px) saturate(1.4);
    -webkit-backdrop-filter:blur(16px) saturate(1.4);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:0 14px 34px -14px rgba(2,6,23,.28),0 0 0 1px rgba(255,255,255,.6) inset;
    color:#0f172a;
    position:relative;
    overflow:hidden;
    font-family:inherit;
    line-height:1.4;
}
.najibul-pt-glass-meta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(160px 80px at 0% 0%,rgba(37,99,235,.10),transparent 60%),
        radial-gradient(160px 80px at 100% 100%,rgba(34,211,238,.10),transparent 60%);
    pointer-events:none;
}

/* ---- author ---- */
.najibul-pt-author{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:inherit;
    position:relative;
    border-radius:12px;
    transition:transform .18s ease;
}
.najibul-pt-author:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
.najibul-pt-avatar-ring{
    flex:0 0 auto;
    padding:2px;
    border-radius:50%;
    background:conic-gradient(from 210deg,#2563eb,#22d3ee,#7c3aed,#2563eb);
    box-shadow:0 0 0 2px rgba(255,255,255,.95),0 4px 16px rgba(37,99,235,.38);
}
.najibul-pt-avatar{
    display:block;
    width:42px !important;
    height:42px !important;
    border-radius:50% !important;
    object-fit:cover;
    background:#e2e8f0;
}
.najibul-pt-author-name{
    font-weight:700;
    font-size:14.5px;
    letter-spacing:.01em;
    color:#0f172a;
    transition:color .15s ease;
    white-space:nowrap;
}
.najibul-pt-author:hover .najibul-pt-author-name{color:#2563eb}

/* ---- divider ---- */
.najibul-pt-divider{
    width:1px;
    height:26px;
    background:linear-gradient(180deg,transparent,rgba(15,23,42,.22),transparent);
}

/* ---- date block ---- */
.najibul-pt-date{
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:13px;
    color:#475569;
    white-space:nowrap;
    position:relative;
}
.najibul-pt-date svg{color:#2563eb;flex:0 0 auto}
.najibul-pt-date-label{color:#64748b}
.najibul-pt-date-value{font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}


/* ==========================================================================
   Hide legacy theme post-meta (GeneratePress output) where this card renders
   ========================================================================== */
.single .entry-meta,
.single .posted-on,
.single .byline,
.single .post-meta,
.single .generate-sections-meta,
.single .entry-header + .entry-meta{
    display:none !important;
}

/* ==========================================================================
   Responsive + accessibility
   ========================================================================== */
@media (max-width:640px){
    .najibul-pt-glass-meta{
        display:flex;
        flex-wrap:wrap;
        row-gap:8px;
        column-gap:10px;
        width:100%;
        border-radius:14px;
        padding:10px 12px;
    }
    .najibul-pt-author{flex:1 0 auto}
    }

@media (prefers-reduced-motion:no-preference){
    .najibul-pt-glass-meta{transition:box-shadow .18s ease}
    .najibul-pt-glass-meta:hover{box-shadow:0 18px 40px -16px rgba(2,6,23,.32),0 0 0 1px rgba(255,255,255,.7) inset}
}
@media (prefers-reduced-motion:reduce){
    .najibul-pt-author,.najibul-pt-glass-meta,.najibul-pt-author-name{transition:none !important}
}