/* =========================================================
   THETEJBLOGS — FLUSH AUTO-FIT INLINE IMAGE
   - Natural Horizontal Spread (No side empty gaps)
   - Zero Crop, Zero Zoom, Zero Distortion
   - Tight Glass Bezel (Wraps exactly around image pixels)
   ========================================================= */

.blog-single-image-wrap {
    display: block !important;
    margin: 32px auto !important;
    width: 100% !important;
    max-width: 740px !important; /* Article text width ke barabar clean spread */
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Card image ke exact borders ko chipak kar pakad lega */
.single-image-box {
    display: inline-block !important; /* Content hugging */
    width: 100% !important;
    max-width: 100% !important;
    line-height: 0 !important;        /* Image ke neeche ka invisible 3px gap khatam */
    background: rgba(8, 14, 22, 0.95) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 0 !important;            /* Gaps completely eliminated */
}

/* Pure Natural Responsive Fit */
.single-image-box img {
    display: block !important;
    width: 100% !important;           /* Poori horizontal space smoothly cover karega */
    height: auto !important;          /* Height aspect ratio ke hisaab se natural scale hogi */
    max-height: 420px !important;     /* Vertical overfill prevention */
    object-fit: contain !important;   /* No crop, no stretch, no zoom */
    border-radius: 11px !important;
    margin: 0 auto !important;
    transform: none !important;
    transition: none !important;
}

/* Optional Caption */
.single-image-caption {
    display: block !important;
    font-family: var(--font-mono, "JetBrains Mono", monospace) !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    color: rgba(235, 240, 242, 0.5) !important;
    margin-top: 10px !important;
    text-align: center !important;
    line-height: 1.5 !important;
}

/* Tablet & Mobile Screens */
@media (max-width: 768px) {
    .blog-single-image-wrap {
        margin: 22px auto !important;
        max-width: 100% !important;
    }

    .single-image-box {
        border-radius: 10px !important;
    }

    .single-image-box img {
        border-radius: 9px !important;
        max-height: 320px !important;
    }
}