/* =========================================================
   FULL WEBSITE PREMIUM CSS
   UNIFIED CARD + FEATURED IMAGE SYSTEM
   HOMEPAGE / SEARCH / CATEGORY / ARCHIVE
   ========================================================= */


/* =========================================================
   01. GLOBAL BACKGROUND
   ========================================================= */

html,
body,
.site,
#page {
    background-color: #ffffff !important;
}

body {
    overflow-x: hidden;
}


/* =========================================================
   02. HEADER
   ========================================================= */

.site-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}


/* =========================================================
   03. NAVIGATION
   ========================================================= */

.main-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-navigation .main-nav ul {
    display: flex;
    gap: 20px;
}

.main-navigation .main-nav ul li a {
    color: #222222 !important;
    font-size: 14px;
}


/* =========================================================
   04. MAIN WIDTH
   ========================================================= */

.inside-article,
.site-main {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

body .grid-container,
body .inside-article,
body .content-area {
    max-width: 1200px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   05. OLD CARD SYSTEM RESET
   ========================================================= */

.post-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
}

.post-grid article {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.wp-show-posts-entry {
    background: #ffffff !important;
    border: 1px solid #e8eaed !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;

    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.035),
        0 8px 22px rgba(15, 23, 42, 0.055) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}

.wp-show-posts-entry:hover {
    transform: translateY(-3px) !important;

    border-color: #dfe3e8 !important;

    box-shadow:
        0 5px 10px rgba(15, 23, 42, 0.05),
        0 15px 30px rgba(15, 23, 42, 0.08) !important;
}

.wp-show-posts-entry-summary {
    display: none !important;
}


/* =========================================================
   06. WP SHOW POSTS IMAGE
   SAME IMAGE SYSTEM
   ========================================================= */

.wp-show-posts-image {
    display: block !important;
    width: 100% !important;
    height: 178px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f3f5f8 !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
}

.wp-show-posts-image img {
    display: block !important;

    width: 100% !important;
    height: 178px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 9px !important;

    transform: scale(1) !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;
}

.wp-show-posts-entry:hover .wp-show-posts-image img {
    transform: scale(1.035) !important;
    filter: brightness(1.03) saturate(1.04) !important;
}


/* =========================================================
   07. WP SHOW POSTS TITLE
   ========================================================= */

.wp-show-posts-entry-title {
    margin: 0 !important;
    padding: 7px 10px 4px !important;

    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: center !important;

    color: #17191c !important;
}

.wp-show-posts-entry-title a {
    color: #17191c !important;
    text-decoration: none !important;
}


/* =========================================================
   08. GENERIC POST RESET
   ========================================================= */

.post-item,
.type-post {
    background: #ffffff !important;
    border: 1px solid #e7e9ec !important;
    border-radius: 14px !important;

    padding: 0 !important;
    margin-bottom: 24px !important;

    overflow: hidden !important;
}


/* =========================================================
   09. REMOVE OLD IMAGE PADDING
   ========================================================= */

.post-thumbnail,
.featured-image {
    background: transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   10. CONTENT IMAGES
   ========================================================= */

.single .entry-content img,
.page .entry-content img {
    max-width: 100%;
    height: auto;
}


/* =========================================================
   11. COMMON CARD GRID
   HOMEPAGE + SEARCH + ARCHIVE
   ========================================================= */

.home .custom-home-posts-grid,
.search .site-main,
.archive .site-main {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    column-gap: 22px !important;
    row-gap: 22px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-items: stretch !important;
}


/* =========================================================
   12. SEARCH / ARCHIVE HEADER FULL WIDTH
   ========================================================= */

.search .site-main > .page-header,
.archive .site-main > .page-header,
.search .site-main > header,
.archive .site-main > header {
    grid-column: 1 / -1 !important;

    width: 100% !important;

    margin: 0 0 2px !important;
}


/* =========================================================
   13. COMMON PREMIUM CARD
   HOMEPAGE + SEARCH + CATEGORY + ARCHIVE
   ========================================================= */

.home .custom-home-posts-grid article,
.search .site-main > article,
.archive .site-main > article {

    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e7e9ed !important;
    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 2px 5px rgba(15, 23, 42, 0.035),
        0 9px 23px rgba(15, 23, 42, 0.055) !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


/* =========================================================
   14. COMMON CARD HOVER
   ========================================================= */

.home .custom-home-posts-grid article:hover,
.search .site-main > article:hover,
.archive .site-main > article:hover {

    transform: translateY(-3px) !important;

    border-color: #dce0e5 !important;

    box-shadow:
        0 5px 10px rgba(15, 23, 42, 0.045),
        0 15px 30px rgba(15, 23, 42, 0.085) !important;
}


/* =========================================================
   15. ⭐ ONE FEATURED IMAGE SYSTEM ⭐
   
   EXACT SAME EVERYWHERE:
   HOMEPAGE
   SEARCH
   CATEGORY
   ARCHIVE
   
   178px / same border / same radius / same crop
   ========================================================= */

.home .custom-home-posts-grid article .post-thumbnail,
.home .custom-home-posts-grid article .featured-image,

.search .site-main > article .post-thumbnail,
.search .site-main > article .featured-image,

.archive .site-main > article .post-thumbnail,
.archive .site-main > article .featured-image {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 178px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #f3f5f8 !important;

    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   16. ⭐ FEATURED IMAGE ITSELF ⭐
   SAME EVERYWHERE
   ========================================================= */

.home .custom-home-posts-grid article .post-thumbnail img,
.home .custom-home-posts-grid article .featured-image img,
.home .custom-home-posts-grid article img,
.home .custom-home-posts-grid article .wp-post-image,

.search .site-main > article .post-thumbnail img,
.search .site-main > article .featured-image img,
.search .site-main > article img,
.search .site-main > article .wp-post-image,

.archive .site-main > article .post-thumbnail img,
.archive .site-main > article .featured-image img,
.archive .site-main > article img,
.archive .site-main > article .wp-post-image {

    display: block !important;

    width: 100% !important;
    height: 178px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 9px !important;

    transform: scale(1) !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;
}


/* =========================================================
   17. ⭐ COMMON IMAGE HOVER ⭐
   ========================================================= */

.home .custom-home-posts-grid article:hover img,
.home .custom-home-posts-grid article:hover .wp-post-image,

.search .site-main > article:hover img,
.search .site-main > article:hover .wp-post-image,

.archive .site-main > article:hover img,
.archive .site-main > article:hover .wp-post-image {

    transform: scale(1.035) !important;

    filter:
        brightness(1.03)
        saturate(1.04) !important;
}


/* =========================================================
   18. COMMON CARD HEADER
   ========================================================= */

.home .custom-home-posts-grid article .entry-header,
.search .site-main > article .entry-header,
.archive .site-main > article .entry-header {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   19. ⭐ COMMON CARD TITLE ⭐
   SAME EVERYWHERE
   ========================================================= */

.home .custom-home-posts-grid .entry-title,
.search .site-main > article .entry-title,
.archive .site-main > article .entry-title {

    width: 100% !important;

    margin: 0 !important;

    padding: 7px 10px 4px !important;

    font-size: 16px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    text-align: center !important;

    color: #17191c !important;

    box-sizing: border-box !important;
}

.home .custom-home-posts-grid .entry-title a,
.search .site-main > article .entry-title a,
.archive .site-main > article .entry-title a {

    color: #17191c !important;

    text-decoration: none !important;

    text-align: center !important;
}


/* =========================================================
   20. REMOVE EXTRA CARD CONTENT
   ========================================================= */

.home .custom-home-posts-grid .entry-meta,
.home .custom-home-posts-grid .entry-summary,
.home .custom-home-posts-grid .entry-content,
.home .custom-home-posts-grid .entry-footer,

.search .site-main > article .entry-meta,
.search .site-main > article .entry-summary,
.search .site-main > article .entry-content,
.search .site-main > article .entry-footer,

.archive .site-main > article .entry-meta,
.archive .site-main > article .entry-summary,
.archive .site-main > article .entry-content,
.archive .site-main > article .entry-footer {

    display: none !important;
}


/* =========================================================
   21. REMOVE ALL EXTRA CARD SPACING
   ========================================================= */

.home .custom-home-posts-grid article > *,
.search .site-main > article > *,
.archive .site-main > article > * {

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.home .custom-home-posts-grid article,
.search .site-main > article,
.archive .site-main > article {

    padding-bottom: 0 !important;
}


/* =========================================================
   22. TITLE → IMAGE GAP
   ========================================================= */

.home .custom-home-posts-grid .entry-title + .post-thumbnail,
.home .custom-home-posts-grid .entry-title + .featured-image,

.search .site-main > article .entry-title + .post-thumbnail,
.search .site-main > article .entry-title + .featured-image,

.archive .site-main > article .entry-title + .post-thumbnail,
.archive .site-main > article .entry-title + .featured-image {

    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   23. IMAGE → BOTTOM GAP
   ========================================================= */

.home .custom-home-posts-grid article .post-thumbnail,
.home .custom-home-posts-grid article .featured-image,

.search .site-main > article .post-thumbnail,
.search .site-main > article .featured-image,

.archive .site-main > article .post-thumbnail,
.archive .site-main > article .featured-image {

    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   24. CATEGORY BADGES
   ========================================================= */

.home .custom-home-posts-grid article .my-post-categories {

    position: absolute !important;

    top: 10px !important;
    left: 10px !important;

    z-index: 10 !important;

    display: flex !important;
    align-items: center !important;

    flex-wrap: nowrap !important;

    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    white-space: nowrap !important;
}

.home .custom-home-posts-grid article .my-post-categories a {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 5px 9px !important;

    background: #111827 !important;

    color: #ffffff !important;

    border-radius: 6px !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, .15) !important;
}


/* =========================================================
   25. SEARCH / ARCHIVE CATEGORY BADGE
   ========================================================= */

.search .site-main > article .my-post-categories,
.archive .site-main > article .my-post-categories {

    position: absolute !important;

    top: 10px !important;
    left: 10px !important;

    z-index: 10 !important;

    margin: 0 !important;

    padding: 5px 8px !important;

    background:
        rgba(17, 24, 39, .88) !important;

    color: #ffffff !important;

    border-radius: 6px !important;

    font-size: 10px !important;

    line-height: 1.2 !important;

    font-weight: 700 !important;

    text-transform: uppercase !important;
}

.search .site-main > article .my-post-categories a,
.archive .site-main > article .my-post-categories a {

    color: #ffffff !important;

    text-decoration: none !important;
}


/* =========================================================
   26. PAGINATION
   ========================================================= */

.home .site-main .navigation,
.home .site-main .pagination,
.home .site-main .paging-navigation,

.search .site-main .navigation,
.search .site-main .pagination,
.search .site-main .paging-navigation,

.archive .site-main .navigation,
.archive .site-main .pagination,
.archive .site-main .paging-navigation {

    grid-column: 1 / -1 !important;

    width: 100% !important;

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    margin: 12px 0 0 !important;

    padding: 0 !important;

    clear: both !important;
}


/* =========================================================
   27. PAGINATION INNER
   ========================================================= */

.home .nav-links,
.search .nav-links,
.archive .nav-links {

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    gap: 7px !important;

    flex-wrap: wrap !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   28. PAGINATION LINKS
   ========================================================= */

.home .nav-links a,
.home .nav-links span,

.search .nav-links a,
.search .nav-links span,

.archive .nav-links a,
.archive .nav-links span {

    display: inline-flex !important;

    justify-content: center !important;
    align-items: center !important;

    min-width: 34px !important;
    height: 34px !important;

    padding: 0 9px !important;

    background: #ffffff !important;

    border: 1px solid #e4e7eb !important;

    border-radius: 7px !important;

    color: #333333 !important;

    font-size: 13px !important;

    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;
}


/* =========================================================
   29. PAGINATION HOVER
   ========================================================= */

.home .nav-links a:hover,
.search .nav-links a:hover,
.archive .nav-links a:hover {

    background: #f7f8fa !important;

    border-color: #d5d9df !important;

    color: #111827 !important;
}


/* =========================================================
   30. PAGINATION ACTIVE
   ========================================================= */

.home .nav-links .current,
.search .nav-links .current,
.archive .nav-links .current {

    background: #111827 !important;

    border-color: #111827 !important;

    color: #ffffff !important;

    font-weight: 700 !important;
}


/* =========================================================
   31. SINGLE POST FEATURED IMAGE
   SEPARATE FROM CARD SYSTEM
   ========================================================= */

.single .inside-article > .post-thumbnail,
.single .inside-article > .featured-image {

    display: block !important;

    width: min(760px, 100%) !important;

    margin: 0 auto 24px !important;

    padding: 8px !important;

    background: #f7f8fa !important;

    border: 1px solid #e5e7eb !important;

    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 2px 6px rgba(15, 23, 42, 0.04),
        0 10px 25px rgba(15, 23, 42, 0.06) !important;
}

.single .inside-article > .post-thumbnail img,
.single .inside-article > .featured-image img {

    display: block !important;

    width: 100% !important;

    height: 380px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;

    border-radius: 9px !important;
}


/* =========================================================
   32. SINGLE POST CONTENT IMAGES
   ========================================================= */

.single .entry-content .wp-post-image,
.single .entry-content .post-thumbnail img {

    max-width: 100% !important;
}


/* =========================================================
   33. POST CONTENT
   ========================================================= */

.single .entry-content p,
.page .entry-content p,
.single .entry-content li,
.page .entry-content li {

    text-align: left !important;
}


/* =========================================================
   34. DEFAULT HEADINGS
   ========================================================= */

.single .entry-content h1,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content h5,
.single .entry-content h6,

.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4,
.page .entry-content h5,
.page .entry-content h6 {

    text-align: left;
}


/* =========================================================
   35. GUTENBERG CENTER
   ========================================================= */

.single .entry-content .has-text-align-center,
.page .entry-content .has-text-align-center,

.single .entry-content h1.has-text-align-center,
.single .entry-content h2.has-text-align-center,
.single .entry-content h3.has-text-align-center,
.single .entry-content h4.has-text-align-center,
.single .entry-content h5.has-text-align-center,
.single .entry-content h6.has-text-align-center,

.page .entry-content h1.has-text-align-center,
.page .entry-content h2.has-text-align-center,
.page .entry-content h3.has-text-align-center,
.page .entry-content h4.has-text-align-center,
.page .entry-content h5.has-text-align-center,
.page .entry-content h6.has-text-align-center {

    text-align: center !important;
}


/* =========================================================
   36. GUTENBERG LEFT / RIGHT
   ========================================================= */

.single .entry-content .has-text-align-left,
.page .entry-content .has-text-align-left {

    text-align: left !important;
}

.single .entry-content .has-text-align-right,
.page .entry-content .has-text-align-right {

    text-align: right !important;
}


/* =========================================================
   37. CLASSIC CENTER
   ========================================================= */

.single .entry-content .aligncenter,
.page .entry-content .aligncenter {

    text-align: center !important;
}


/* =========================================================
   38. CENTER HEADINGS
   ========================================================= */

.single .entry-content h1.aligncenter,
.single .entry-content h2.aligncenter,
.single .entry-content h3.aligncenter,
.single .entry-content h4.aligncenter,
.single .entry-content h5.aligncenter,
.single .entry-content h6.aligncenter,

.page .entry-content h1.aligncenter,
.page .entry-content h2.aligncenter,
.page .entry-content h3.aligncenter,
.page .entry-content h4.aligncenter,
.page .entry-content h5.aligncenter,
.page .entry-content h6.aligncenter {

    text-align: center !important;
}


/* =========================================================
   39. DOWNLOAD BUTTON CENTER
   ========================================================= */

.entry-content div[style*="text-align:center"],
.entry-content div[style*="text-align: center"] {

    text-align: center !important;
}


/* =========================================================
   40. NAVIGATION SUB MENU
   ========================================================= */

.main-navigation .sub-menu {

    width: 240px !important;
    min-width: 240px !important;

    padding: 0 !important;

    background: #ffffff !important;
}

.main-navigation .sub-menu li {

    display: block !important;

    width: 100% !important;

    float: none !important;
}

.main-navigation .sub-menu li a {

    display: block !important;

    width: 100% !important;

    padding: 12px 18px !important;

    white-space: nowrap;
}

.main-navigation .sub-menu * {

    background: #ffffff !important;
}


/* =========================================================
   41. ROM DOWNLOAD BUTTON
   ========================================================= */

.rom-download-btn {

    display: inline-block;

    padding: 16px 34px;

    border-radius: 18px;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 17px;

    font-weight: 700;

    color: #ffffff !important;

    letter-spacing: .3px;

    background:
        linear-gradient(
            180deg,
            #ff8c1a,
            #ff6b00,
            #e65100
        );

    box-shadow:
        0 7px 0 #b94300,
        0 14px 24px rgba(255, 107, 0, .35);

    transition: .22s ease;

    position: relative;

    overflow: hidden;
}


/* BUTTON SHINE */

.rom-download-btn:before {

    content: "";

    position: absolute;

    top: 0;
    left: -130%;

    width: 45%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .4),
            transparent
        );

    transform: skewX(-25deg);
}


/* BUTTON HOVER */

.rom-download-btn:hover {

    transform: translateY(4px);

    color: #ffffff !important;

    box-shadow:
        0 3px 0 #b94300,
        0 8px 18px rgba(255, 107, 0, .35);
}


/* BUTTON SHINE HOVER */

.rom-download-btn:hover:before {

    left: 160%;

    transition: .8s;
}


/* BUTTON ACTIVE */

.rom-download-btn:active {

    transform: translateY(6px);
}


/* =========================================================
   42. TABLET
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

    .home .custom-home-posts-grid,
    .search .site-main,
    .archive .site-main {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    /*
     * SAME FEATURED IMAGE SYSTEM
     * ONLY HEIGHT CHANGES FOR TABLET
     */

    .home .custom-home-posts-grid article .post-thumbnail,
    .home .custom-home-posts-grid article .featured-image,

    .search .site-main > article .post-thumbnail,
    .search .site-main > article .featured-image,

    .archive .site-main > article .post-thumbnail,
    .archive .site-main > article .featured-image,

    .home .custom-home-posts-grid article .post-thumbnail img,
    .home .custom-home-posts-grid article .featured-image img,
    .home .custom-home-posts-grid article img,
    .home .custom-home-posts-grid article .wp-post-image,

    .search .site-main > article .post-thumbnail img,
    .search .site-main > article .featured-image img,
    .search .site-main > article img,
    .search .site-main > article .wp-post-image,

    .archive .site-main > article .post-thumbnail img,
    .archive .site-main > article .featured-image img,
    .archive .site-main > article img,
    .archive .site-main > article .wp-post-image {

        height: 180px !important;
    }
}


/* =========================================================
   43. MOBILE
   ========================================================= */

@media (max-width: 768px) {

    body .grid-container,
    body .inside-article,
    body .content-area {

        padding-left: 10px !important;
        padding-right: 10px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ONE CARD PER ROW */

    .home .custom-home-posts-grid,
    .search .site-main,
    .archive .site-main {

        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }


    /* CARD WIDTH */

    .home .custom-home-posts-grid article,
    .search .site-main > article,
    .archive .site-main > article {

        width: 100% !important;

        min-width: 0 !important;
    }


    /*
     * SAME FEATURED IMAGE SYSTEM
     * MOBILE HEIGHT
     */

    .home .custom-home-posts-grid article .post-thumbnail,
    .home .custom-home-posts-grid article .featured-image,

    .search .site-main > article .post-thumbnail,
    .search .site-main > article .featured-image,

    .archive .site-main > article .post-thumbnail,
    .archive .site-main > article .featured-image,

    .home .custom-home-posts-grid article .post-thumbnail img,
    .home .custom-home-posts-grid article .featured-image img,
    .home .custom-home-posts-grid article img,
    .home .custom-home-posts-grid article .wp-post-image,

    .search .site-main > article .post-thumbnail img,
    .search .site-main > article .featured-image img,
    .search .site-main > article img,
    .search .site-main > article .wp-post-image,

    .archive .site-main > article .post-thumbnail img,
    .archive .site-main > article .featured-image img,
    .archive .site-main > article img,
    .archive .site-main > article .wp-post-image {

        height: 200px !important;
    }


    /* SAME TITLE SYSTEM */

    .home .custom-home-posts-grid .entry-title,
    .search .site-main > article .entry-title,
    .archive .site-main > article .entry-title {

        font-size: 16px !important;

        line-height: 1.45 !important;

        padding: 14px 15px 16px !important;
    }


    /* PAGINATION */

    .home .site-main .navigation,
    .home .site-main .pagination,
    .home .site-main .paging-navigation,

    .search .site-main .navigation,
    .search .site-main .pagination,
    .search .site-main .paging-navigation,

    .archive .site-main .navigation,
    .archive .site-main .pagination,
    .archive .site-main .paging-navigation {

        margin-top: 8px !important;
    }


    /* SINGLE POST IMAGE */

    .single .inside-article > .post-thumbnail,
    .single .inside-article > .featured-image {

        width: 100% !important;

        margin-bottom: 20px !important;

        padding: 6px !important;

        border-radius: 12px !important;
    }

    .single .inside-article > .post-thumbnail img,
    .single .inside-article > .featured-image img {

        height: 230px !important;

        border-radius: 8px !important;
    }


    /* DOWNLOAD BUTTON */

    .rom-download-btn {

        max-width: 100%;
    }
}


/* =========================================================
   44. VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .home .custom-home-posts-grid,
    .search .site-main,
    .archive .site-main {

        gap: 16px !important;
    }


    /*
     * SAME FEATURED IMAGE SYSTEM
     * SMALL MOBILE
     */

    .home .custom-home-posts-grid article .post-thumbnail,
    .home .custom-home-posts-grid article .featured-image,

    .search .site-main > article .post-thumbnail,
    .search .site-main > article .featured-image,

    .archive .site-main > article .post-thumbnail,
    .archive .site-main > article .featured-image,

    .home .custom-home-posts-grid article .post-thumbnail img,
    .home .custom-home-posts-grid article .featured-image img,
    .home .custom-home-posts-grid article img,
    .home .custom-home-posts-grid article .wp-post-image,

    .search .site-main > article .post-thumbnail img,
    .search .site-main > article .featured-image img,
    .search .site-main > article img,
    .search .site-main > article .wp-post-image,

    .archive .site-main > article .post-thumbnail img,
    .archive .site-main > article .featured-image img,
    .archive .site-main > article img,
    .archive .site-main > article .wp-post-image {

        height: 185px !important;
    }


    /* SAME TITLE SYSTEM */

    .home .custom-home-posts-grid .entry-title,
    .search .site-main > article .entry-title,
    .archive .site-main > article .entry-title {

        font-size: 15px !important;

        padding: 13px 14px 15px !important;
    }


    /* SINGLE POST */

    .single .inside-article > .post-thumbnail img,
    .single .inside-article > .featured-image img {

        height: 205px !important;
    }
}

/* REMOVE GENERATEPRESS FOOTER CREDIT */
.site-info .copyright-bar,
.site-info .copyright-bar a {
    display: none !important;
}

/* Mobile view mein unwanted horizontal scrolling aur zooming rokne ke liye */
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Sabhi containers aur boxes ko mobile screen ke andar rakhne ke liye */
    .site, 
    .site-content, 
    .content-area, 
    .inside-article, 
    .romsns-interleaved-section {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    /* Images ya banners ko screen se bahar jane se rokne ke liye */
    img, iframe, video, .romsns-pro-telegram-box {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   END
   ========================================================= */