/* ================================================
   NewsDP24 Photo Card (Admin Only)
   Template PNG: 1600x1600 displayed as 1080x1080
   
   TEMPLATE ANALYSIS (1080x1080 scale):
   - y=0-107:   White header (logo top-right, date top-left)
   - y=108-115: Border start
   - y=116-676: TRANSPARENT HOLE (post image shows here)
                dp24 circle appears at y=630-660, x=540 (opaque in template)
   - y=677-689: Dark divider/border
   - y=690+:    White lower text area
   - Hole left: x=40, Hole right: x=1040 (width=1001px)
   ================================================ */

/* --- Admin Download Button Box --- */
.npc-admin-box {
    margin: 20px 0;
    padding: 16px 20px;
    background: #fff5f5;
    border: 2px dashed #e50000;
    border-radius: 8px;
}
.npc-admin-box h5 {
    font-size: 14px;
    color: #555;
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    gap: 7px;
}
#npc-download-btn {
    background: #e50000;
    color: #fff;
    border: none;
    padding: 11px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: inherit;
    transition: background 0.2s;
}
#npc-download-btn:hover { background: #b50000; }
#npc-download-btn:disabled { opacity: 0.65; cursor: not-allowed; }
#npc-card-loading {
    display: none;
    margin-top: 10px;
    color: #888;
    font-size: 13px;
}

/* ================================================
   CARD 1080x1080
   ================================================ */
#npc-card-capture {
    position: fixed;
    left: -9999px;
    top: 0;
    width: 1080px;
    height: 1080px;
    overflow: hidden;
    visibility: hidden;
    z-index: -999;
    box-sizing: border-box;
    background: #fff;
}

/* Template background - HIGHEST z-index so it overlays everything
   Its transparent hole reveals the post image below */
#npc-bg-template {
    position: absolute;
    top: 0;
    left: 0;
    width: 1080px;
    height: 1080px;
    z-index: 3;
    display: block;
}

/* Post image - LOW z-index, visible ONLY through the transparent hole
   Positioned to fill the transparent hole exactly:
   top=116, left=40, width=1001, height=561 */
#npc-post-image {
    position: absolute;
    top: 116px;
    left: 40px;
    width: 1001px;
    height: 561px;
    object-fit: cover;
    z-index: 1;
    display: block;
}

/* Date text - overlaid on the white header area (y=0-107)
   Top-left position, Bengali date */
#npc-card-date {
    position: absolute;
    top: 28px;
    left: 44px;
    z-index: 4;
    font-family: 'Hind Siliguri', Arial, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1;
}

/* Title text - ABOVE the template (z-index > 3)
   Positioned in the lower white area starting at y=700 */
#npc-card-title {
    position: absolute;
    top: 800px;
    left: 55px;
    right: 55px;
    z-index: 4;
    font-family: 'Hind Siliguri', Arial, sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.5;
    color: #1a1a1a;
    text-align: center;
    word-break: break-word;
    max-height: 240px;
    overflow: hidden;
    display: block;
}