/* --------------------------------------------- */
/* IMAGE CREDIT                                   */
/* --------------------------------------------- */
.adm-image-credit {
    font-style: italic;
    opacity: 0.8;
}
/* --------------------------------------------- */
/* UNIVERSAL 16:9 FRAME                          */
/* --------------------------------------------- */

.adm-thumb-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #e5e5e5; /* Neutral grey frame */
}

/* Remove any old blur logic */
.adm-thumb-box::before {
    display: none !important;
}

/* --------------------------------------------- */
/* ARCHIVE THUMBNAILS — FULL COVER + DARKENING   */
/* --------------------------------------------- */

.archive .adm-thumb-img,
.blog .adm-thumb-img,
.category .adm-thumb-img,
.rt-post-grid .adm-thumb-img,
.rt-post-list .adm-thumb-img,
.rt-related-post .adm-thumb-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

/* Dark gradient overlay for readability */
.archive .adm-thumb-box::after,
.blog .adm-thumb-box::after,
.category .adm-thumb-box::after,
.rt-post-grid .adm-thumb-box::after,
.rt-post-list .adm-thumb-box::after,
.rt-related-post .adm-thumb-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.35),
        rgba(0, 0, 0, 0.55)
    );
    z-index: 2;
}

/* --------------------------------------------- */
/* REMOVE CATEGORY LABELS ON ARCHIVE THUMBNAILS  */
/* --------------------------------------------- */

.archive .cat-links,
.blog .cat-links,
.category .cat-links,
.rt-post-grid .cat-links,
.rt-post-list .cat-links,
.rt-related-post .cat-links {
    display: none !important;
}

/* --------------------------------------------- */
/* SINGLE POST HERO — 80% CENTERED IMAGE         */
/* --------------------------------------------- */

.single .adm-thumb-img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 80%;   /* Leaves 10% margin on all sides */
    height: 80%;
    object-fit: contain;
    object-position: center;
    z-index: 1;
}

/* --------------------------------------------- */
/* SINGLE POST — URGENT / THRILLING GLARE        */
/* --------------------------------------------- */

.single .adm-thumb-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        72deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.22) 40%,
        rgba(255, 255, 255, 0) 85%
    );
    transform: translateX(-180%);
    animation: adm-sweep-glare-thrill 4.2s cubic-bezier(0.4, 0.0, 0.2, 1) infinite;
    z-index: 2;
}

@keyframes adm-sweep-glare-thrill {
    0%   { transform: translateX(-180%); opacity: 0.7; }
    18%  { transform: translateX(160%); opacity: 1; }   /* Fast, sharp sweep */
    100% { transform: translateX(160%); opacity: 0.7; } /* Shorter pause */
	
}
/* --------------------------------------------- */
/* THEME WRAPPER CLEANUP                         */
/* --------------------------------------------- */

.blog-img,
.blog-img-holder,
.post-thumb,
.post-img,
.post-thumbnail,
.entry-thumbnail-area {
    background: transparent !important;
    position: relative;
    overflow: hidden;
}

/* --------------------------------------------- */
/* ARCHIVE TITLES + META ALWAYS VISIBLE          */
/* --------------------------------------------- */

.blog-box {
    position: relative;
}

.blog-box .entry-content,
.blog-box .entry-title,
.blog-box .entry-meta {
    position: relative;
    z-index: 3 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Force-hide category labels/badges on archive thumbnails */

/* Common theme patterns */
.archive .cat-links,
.blog .cat-links,
.category .cat-links,
.rt-post-grid .cat-links,
.rt-post-list .cat-links,
.rt-related-post .cat-links,
.archive .post-categories,
.blog .post-categories,
.category .post-categories,
.archive .entry-categories,
.blog .entry-categories,
.category .entry-categories,
.archive .meta-category,
.blog .meta-category,
.category .meta-category {
    display: none !important;
}

/* If the category is rendered as a badge over the image */
.archive .blog-box [class*="cat"],
.blog .blog-box [class*="cat"],
.category .blog-box [class*="cat"] {
    display: none !important;
}

/* ------------------------------------------------------ */
/* FIX: Remove theme's full-cover image on single posts   */
/* so the grey 16:9 background is visible                 */
/* ------------------------------------------------------ */

.single .entry-thumbnail-area img:not(.adm-thumb-img),
.single .post-img img:not(.adm-thumb-img),
.single .post-thumbnail img:not(.adm-thumb-img),
.single .blog-img img:not(.adm-thumb-img),
.single .blog-img-holder img:not(.adm-thumb-img) {
    display: none !important;
}

/* Ensure grey background shows */
.single .adm-thumb-box {
    background-color: #e5e5e5 !important;
}
/* ------------------------------------------------------ */
/* HARD FIX: Remove background-image on single post hero  */
/* so only grey 16:9 frame + 80% image remain             */
/* ------------------------------------------------------ */

.single .entry-thumbnail-area,
.single .post-img,
.single .post-thumbnail,
.single .blog-img,
.single .blog-img-holder,
.single .adm-thumb-box {
    background-image: none !important;
    background-color: #e5e5e5 !important; /* Keep grey frame */
    background-size: auto !important;
    background-position: center !important;
}

/* ------------------------------------------------------ */
/* FORCE UNIFORM 4:3 BOX EVEN IF IMAGE IS SMALL           */
/* ------------------------------------------------------ */

.rt-post-grid-default .rt-item .rt-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background-color: #e5e5e5;

    /* THE KEY FIX: override theme punishment */
    min-height: 0 !important;
    min-width: 0 !important;
    height: auto !important;
}

/* Make the image fill the box */
.rt-post-grid-default .rt-item .rt-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

@media (max-width: 767px) {
    .rt-post-grid-default .rt-item {
        margin-bottom: 20px;
    }

    .rt-post-grid-default .rt-item .entry-title a {
        -webkit-line-clamp: 2;
    }


/* ------------------------------------------------------ */
/* MOBILE ARCHIVE — LIMIT TITLES TO ~10 WORDS             */
/* ------------------------------------------------------ */
@media (max-width: 767px) {

    .archive .entry-title a {
        display: -webkit-box;
        -webkit-line-clamp: 2;     /* ≈ 10 words on mobile */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
    }
}
	
	/* MOBILE — Featured image contained but always full width */
@media (max-width: 767px) {

    /* Keep the 4:3 frame */
    .single .adm-thumb-box {
        aspect-ratio: 4 / 3 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #e5e5e5 !important;
    }

    /* Image fills width, stays contained, centered vertically */
    .single .adm-thumb-img {
        width: 100% !important;      /* Always touch left/right edges */
        height: auto !important;     /* Maintain natural ratio */
        max-height: 100% !important; /* Prevent overflow */
        object-fit: contain !important;
        object-position: center center !important;
    }
}