/*
Theme Name: WPH Job
Theme URI: https://webpresshub.net
Description: A modern, modular, responsive child theme for GeneratePress focused on news and blog portals.
Author: WebPressHub
Author URI: https://webpresshub.net
Template: generatepress
Version: 1.0.2
Text Domain: wph-news
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
    /* Color Palette */
    --wph-primary: #0b5ed7;
    /* News Portal Red */
    --wph-secondary: #f59e0b;
    /* Accent Rose */
    --wph-bg: #ffffff;
    /* Light Slate Body Background */
    --wph-text: #0f172a;
    /* Slate 900 Text */
    --wph-text-muted: #64748b;
    /* Slate 500 Subtext */
    --wph-border: #e2e8f0;
    /* Slate 200 border */
    --wph-card-bg: #ffffff;
    /* Card Background */
    --wph-success: #22c55e;
    /* Verified / Success Green */

    /* Layout */
    --wph-container: 1240px;
    --wph-spacing: 0.85rem;
    --wph-radius: 10px;
    --wph-radius-sm: 6px;
    --wph-radius-full: 9999px;

    /* Shadows */
    --wph-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.03), 0 1px 2px -1px rgba(15, 23, 42, 0.03);
    --wph-shadow-hover: 0 12px 20px -5px rgba(15, 23, 42, 0.06), 0 6px 8px -6px rgba(15, 23, 42, 0.06);
    --wph-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

    /* Typography defaults */
    --wph-font: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Base resets & typography */
*,
*:before,
*:after {
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--wph-text);
    font-family: var(--wph-font);
    line-height: 1.5;
    background-color: #ffffff !important;
}

.site,
#page {
    overflow-x: hidden;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: var(--wph-text);
    text-decoration: none;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

a:hover {
    color: var(--wph-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--wph-text);
    font-family: var(--wph-font);
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

/* =====================================================
   SWADESH NAUKRI FINAL PROFESSIONAL FIX
   Header red color removed, mobile menu fixed, cards improved
   Added by ChatGPT fix package
===================================================== */
:root{
    --wph-primary:#0b5ed7 !important;
    --wph-secondary:#f59e0b !important;
    --wph-bg:#f4f7fb !important;
    --wph-text:#0f172a !important;
    --wph-text-muted:#64748b !important;
    --wph-border:#e2e8f0 !important;
    --wph-container:1180px !important;
}
html,body{background:#f4f7fb!important;color:#0f172a!important;}
body{font-family:'Outfit',Arial,Helvetica,sans-serif!important;}
body.admin-bar .wph-main-header.is-sticky{top:32px!important;}

/* HEADER: clean white + blue active menu */
.wph-main-header,
.wph-main-header.is-sticky{
    background:#ffffff!important;
    border-bottom:1px solid #dbe5f0!important;
    box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
    padding:0!important;
}
.wph-header-inner{
    min-height:76px!important;
    max-width:1180px!important;
    gap:22px!important;
}
.site-branding{flex:0 0 auto!important;}
.wph-logo{gap:6px!important;white-space:nowrap!important;}
.wph-logo-text-dark{font-size:1.62rem!important;font-weight:900!important;letter-spacing:-.04em!important;color:#0f172a!important;}
.wph-logo-box-green{font-size:1.38rem!important;background:#0b5ed7!important;color:#fff!important;border-radius:7px!important;padding:3px 9px!important;}
.wph-primary-menu-container,
.main-navigation,
.main-navigation ul,
#primary-menu{
    background:transparent!important;
    box-shadow:none!important;
}
.main-navigation{flex:1 1 auto!important;min-width:0!important;}
.main-navigation ul{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:wrap!important;}
.main-navigation ul li a{
    background:transparent!important;
    color:#0f172a!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
    padding:10px 11px!important;
    border-radius:999px!important;
    border:1px solid transparent!important;
}
.main-navigation ul li.current-menu-item>a,
.main-navigation ul li.current_page_item>a,
.main-navigation ul li a:hover{
    background:#eaf2ff!important;
    color:#0b5ed7!important;
    border-color:#cfe2ff!important;
}
.wph-header-actions{display:none!important;}

/* MOBILE HEADER */
@media(max-width:768px){
    .wph-main-header{box-shadow:0 6px 20px rgba(15,23,42,.08)!important;}
    .wph-mobile-header{display:flex!important;background:#ffffff!important;padding:10px 12px!important;border-bottom:1px solid #e2e8f0!important;}
    .wph-mobile-menu-trigger{color:#0b5ed7!important;background:#eff6ff!important;border-radius:10px!important;width:40px!important;height:40px!important;justify-content:center!important;}
    .wph-mobile-header .wph-logo-text-dark{font-size:1.25rem!important;}
    .wph-mobile-header .wph-logo-box-green{font-size:1.08rem!important;}
    .wph-mobile-actions{display:none!important;}
    .wph-drawer-menu-list li a{font-size:14px!important;font-weight:800!important;color:#0f172a!important;}
    .wph-drawer-menu-list li.current-menu-item a,
    .wph-drawer-menu-list li a:hover{background:#eaf2ff!important;color:#0b5ed7!important;}
}

/* HERO: remove red, premium blue */
.wph-hero-section{
    background:linear-gradient(135deg,#0b5ed7 0%,#0f766e 100%)!important;
    padding:46px 20px 130px!important;
}
.wph-hero-title{font-size:clamp(1.75rem,3.2vw,2.7rem)!important;font-weight:900!important;}
.wph-hero-section form{box-shadow:0 16px 38px rgba(15,23,42,.20)!important;border:1px solid rgba(255,255,255,.35)!important;}
.wph-hero-section button[type="submit"]{background:#f59e0b!important;color:#fff!important;}

/* latest box section */
.wph-grid-section{margin-top:-88px!important;padding-left:16px!important;padding-right:16px!important;}
.wph-grid-card-wrap{border-radius:22px!important;padding:20px!important;box-shadow:0 18px 55px rgba(15,23,42,.16)!important;border:1px solid #e2e8f0!important;}
.wph-post-grid{gap:14px!important;}
.wph-post-card.recruitment-box{
    min-height:88px!important;border-radius:14px!important;padding:16px!important;font-size:.93rem!important;font-weight:800!important;
    box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
.wph-post-card.recruitment-box:hover{transform:translateY(-4px)!important;}
.box-1,.box-5{background:linear-gradient(135deg,#0b5ed7,#2563eb)!important;}
.box-2,.box-6{background:linear-gradient(135deg,#0f766e,#14b8a6)!important;}
.box-3,.box-7{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;}
.box-4,.box-8{background:linear-gradient(135deg,#334155,#0f172a)!important;}

/* Category icon row */
.wph-cat-grid{gap:14px!important;}
.wph-cat-card{border-radius:16px!important;padding:15px 10px!important;box-shadow:0 6px 16px rgba(15,23,42,.06)!important;}
.wph-cat-card:hover{border-color:#0b5ed7!important;box-shadow:0 10px 26px rgba(11,94,215,.14)!important;color:#0b5ed7!important;}
.wph-cat-card div{border-color:#0b5ed7!important;background:#eff6ff!important;}
.wph-cat-card span{font-weight:800!important;}

/* Homepage category columns / post list */
.wph-post-item{
    border:1px solid #e2e8f0!important;border-radius:12px!important;background:#ffffff!important;padding:12px 13px!important;
    box-shadow:0 4px 12px rgba(15,23,42,.04)!important;
}
.wph-post-item:hover{border-color:#bfdbfe!important;box-shadow:0 10px 22px rgba(11,94,215,.10)!important;}
.wph-cat-link{color:#0f172a!important;font-weight:800!important;}
.wph-cat-link:hover{color:#0b5ed7!important;}
.wph-apply-btn,.wph-view-more,.wph-btn-primary{background:#0b5ed7!important;border-color:#0b5ed7!important;color:#fff!important;border-radius:8px!important;}
.wph-apply-btn:hover,.wph-view-more:hover,.wph-btn-primary:hover{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important;}

/* Archive/Search cards */
.wph-section-archive-container,
.wph-container{max-width:1180px!important;}
.wph-grid-sidebar{gap:24px!important;}
.wph-card,
.wph-sidebar-widget,
.widget{
    background:#fff!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(15,23,42,.08)!important;overflow:hidden!important;
}
.wph-card-img-wrap img{width:100%!important;height:210px!important;object-fit:cover!important;display:block!important;}
.wph-card-body{padding:20px!important;}
.wph-card-title,.wph-card-title a{font-size:1.22rem!important;line-height:1.28!important;font-weight:900!important;color:#0f172a!important;}
.wph-card-title a:hover{color:#0b5ed7!important;}
.wph-category-badge{background:#eaf2ff!important;color:#0b5ed7!important;border:1px solid #cfe2ff!important;border-radius:999px!important;padding:5px 10px!important;font-weight:800!important;font-size:.75rem!important;}
.wph-card-excerpt{color:#475569!important;line-height:1.65!important;}
.page-header{border-bottom-color:#0b5ed7!important;}

/* Single post */
.wph-post-title{color:#0f172a!important;font-weight:900!important;}
.wph-post-featured-image img{border-radius:18px!important;}
.wph-job-apply-now-btn{background:linear-gradient(135deg,#0b5ed7,#0f766e)!important;box-shadow:0 10px 26px rgba(11,94,215,.22)!important;}
.wph-job-details-card{border-left-color:#0b5ed7!important;}

/* Sidebar recent items */
.wph-recent-item{border-bottom:1px solid #e2e8f0!important;padding:10px 0!important;}
.wph-recent-img img{border-radius:10px!important;}
.wph-recent-title,.wph-recent-title a{font-weight:800!important;color:#0f172a!important;}
.wph-recent-title a:hover{color:#0b5ed7!important;}
.widget-title{font-weight:900!important;color:#0f172a!important;}

/* Footer */
.wph-site-footer{background:#0f172a!important;}
.wph-logo-box-green[style]{background:#0b5ed7!important;}

/* Responsive layout */
@media(max-width:900px){
    .wph-grid-sidebar,.wph-grid-2{grid-template-columns:1fr!important;}
    .wph-post-grid{grid-template-columns:repeat(2,1fr)!important;}
    .wph-cat-grid{grid-template-columns:repeat(3,1fr)!important;}
    .wph-grid-section{margin-top:-42px!important;}
    .wph-grid-card-wrap{padding:14px!important;border-radius:18px!important;}
    .wph-post-card.recruitment-box{min-height:76px!important;font-size:.82rem!important;padding:12px!important;}
    .wph-card-img-wrap img{height:auto!important;aspect-ratio:16/9!important;}
}
@media(max-width:480px){
    .wph-post-grid{grid-template-columns:1fr!important;}
    .wph-cat-grid{grid-template-columns:repeat(2,1fr)!important;}
    .wph-hero-section{padding:34px 14px 76px!important;}
}


/* =====================================================
   APPLY BUTTON FINAL FIX - ORANGE, TEXT ALWAYS VISIBLE
   Added by ChatGPT for Swadesh Naukri
===================================================== */
:root {
    --wph-apply-orange: #f59e0b;
    --wph-apply-orange-dark: #d97706;
}

.wph-apply-btn,
a.wph-apply-btn,
.wph-post-item .wph-apply-btn,
.wph-category-card .wph-apply-btn,
.wph-post-meta .wph-apply-btn,
.sidebar .wph-apply-btn,
.widget .wph-apply-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 88px !important;
    height: 34px !important;
    padding: 8px 14px !important;
    background: #f59e0b !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #f59e0b !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    overflow: visible !important;
    box-shadow: 0 6px 14px rgba(245, 158, 11, 0.28) !important;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.wph-apply-btn *,
a.wph-apply-btn *,
.wph-apply-text {
    display: inline !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
}

.wph-apply-btn:hover,
a.wph-apply-btn:hover,
.wph-apply-btn:focus,
a.wph-apply-btn:focus {
    background: #d97706 !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 18px rgba(217, 119, 6, 0.32) !important;
}

.wph-apply-btn:hover *,
.wph-apply-btn:focus *,
a.wph-apply-btn:hover *,
a.wph-apply-btn:focus * {
    color: #ffffff !important;
}

/* If an old/cached template outputs an empty apply button, still show text */
.wph-apply-btn:empty::before,
a.wph-apply-btn:empty::before {
    content: "Apply" !important;
    display: inline !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override inline onmouseover/onmouseout from older theme copies */
.wph-apply-btn[style],
a.wph-apply-btn[style] {
    background: #f59e0b !important;
    color: #ffffff !important;
    border-color: #f59e0b !important;
}

@media (max-width: 768px) {
    .wph-apply-btn,
    a.wph-apply-btn {
        min-width: 76px !important;
        height: 32px !important;
        padding: 7px 12px !important;
        font-size: 12px !important;
        border-radius: 8px !important;
    }
    .wph-apply-btn *,
    .wph-apply-text,
    .wph-apply-btn:empty::before {
        font-size: 12px !important;
    }
}

/* =====================================================
   FOOTER RECENT ARTICLES + CLEAN FOOTER FIX
   Added by ChatGPT - AdSense friendly readable footer
===================================================== */
.site-footer .wph-grid-4 {
    grid-template-columns: 1.15fr 1fr 1.35fr !important;
    align-items: start !important;
}
.site-footer .wph-footer-post-item {
    background: #111c2f !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    border-radius: 12px !important;
    padding: 12px !important;
    box-shadow: none !important;
    opacity: 1 !important;
}
.site-footer .wph-footer-post-title {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 800 !important;
}
.site-footer .wph-footer-post-title:hover {
    color: #fbbf24 !important;
}
.site-footer .wph-footer-read-btn,
.site-footer .wph-footer-read-btn * {
    background: #f59e0b !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.site-footer .wph-footer-read-btn:hover {
    background: #d97706 !important;
    color: #ffffff !important;
}
.site-footer .footer-widget-col,
.site-footer .footer-widget-col * {
    opacity: 1 !important;
}
@media (max-width: 768px) {
    .site-footer .wph-grid-4 {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    .site-footer .wph-grid-4 > div {
        grid-column: auto !important;
    }
}


/* =====================================================
   FINAL FIX: Clean footer + responsive featured images
===================================================== */
.site-footer .theme-credit,
.theme-credit{display:none!important;}
.site-footer .wph-bottom-inner{justify-content:center!important;text-align:center!important;}
.site-footer .copyright{color:#cbd5e1!important;font-weight:700!important;}

/* Single post featured image: fit desktop and mobile without stretching */
.wph-post-featured-image{
    width:100%!important;
    margin:0 auto 24px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:#f1f5f9!important;
    box-shadow:0 14px 36px rgba(15,23,42,.10)!important;
}
.wph-post-featured-image img{
    width:100%!important;
    height:auto!important;
    max-height:520px!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    border-radius:18px!important;
    margin:0 auto!important;
}

/* Archive/home featured thumbnails: consistent, no distortion */
.wph-card-img-wrap,
.wph-featured-img,
.post-thumbnail,
.featured-image{
    overflow:hidden!important;
    background:#f1f5f9!important;
}
.wph-card-img-wrap img,
.wph-featured-img img,
.post-thumbnail img,
.featured-image img,
.wp-post-image{
    width:100%!important;
    object-position:center!important;
    display:block!important;
}

@media(min-width:901px){
    .wph-card-img-wrap img,
    .wph-featured-img img{
        height:220px!important;
        object-fit:cover!important;
    }
}

@media(max-width:900px){
    .wph-post-featured-image{
        border-radius:14px!important;
        margin-bottom:18px!important;
    }
    .wph-post-featured-image img{
        max-height:none!important;
        width:100%!important;
        height:auto!important;
        object-fit:contain!important;
        border-radius:14px!important;
    }
    .wph-card-img-wrap img,
    .wph-featured-img img{
        height:auto!important;
        aspect-ratio:16/9!important;
        object-fit:cover!important;
    }
}


/* =====================================================
   FINAL FIX: Sidebar Recent Articles thumbnail + title layout
   Added by ChatGPT for Swadesh Naukri
===================================================== */
.wph-sidebar-widget .wph-recent-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}
.wph-sidebar-widget .wph-recent-item,
.wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.05) !important;
    overflow: hidden !important;
}
.wph-sidebar-widget .wph-recent-item:hover {
    border-color: #bfdbfe !important;
    box-shadow: 0 10px 22px rgba(11,94,215,.10) !important;
    transform: translateY(-1px) !important;
}
.wph-sidebar-widget .wph-recent-img {
    width: 86px !important;
    height: 68px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    display: block !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #eaf2ff !important;
    text-decoration: none !important;
}
.wph-sidebar-widget .wph-recent-img img,
.wph-sidebar-widget .wph-recent-thumb-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
    margin: 0 !important;
    contain-intrinsic-size: auto 86px auto 68px !important;
}
.wph-sidebar-widget .wph-recent-content {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
}
.wph-sidebar-widget .wph-recent-title {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.wph-sidebar-widget .wph-recent-title a {
    color: #0f172a !important;
    text-decoration: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.wph-sidebar-widget .wph-recent-title a:hover { color: #0b63d8 !important; }
.wph-sidebar-widget .wph-recent-date {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    opacity: 1 !important;
}
/* Archive/search main cards: always fit image correctly */
.wph-card-img-wrap,
.wph-card-img-wrap a {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #eaf2ff !important;
}
.wph-card-thumb-img,
.wph-card-img-wrap img {
    width: 100% !important;
    height: 210px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 16px !important;
}
@media (max-width: 900px) {
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 10px !important;
    }
    .wph-sidebar-widget .wph-recent-img {
        width: 96px !important;
        height: 74px !important;
        min-width: 96px !important;
        max-width: 96px !important;
    }
    .wph-sidebar-widget .wph-recent-title { font-size: 13.5px !important; }
}
@media (max-width: 420px) {
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card {
        grid-template-columns: 84px minmax(0, 1fr) !important;
    }
    .wph-sidebar-widget .wph-recent-img {
        width: 84px !important;
        height: 64px !important;
        min-width: 84px !important;
        max-width: 84px !important;
    }
    .wph-sidebar-widget .wph-recent-title { font-size: 12.8px !important; }
}

/* =====================================================
   FINAL FIX: Recent Posts/Articles thumbnails proper fit
   Prevent cropped thumbnails and keep title/date visible
===================================================== */
.wph-sidebar-widget .wph-recent-list{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
}
.wph-sidebar-widget .wph-recent-item,
.wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
    display:grid!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:13px!important;
    align-items:center!important;
    width:100%!important;
    min-height:98px!important;
    padding:11px!important;
    margin:0!important;
    background:#ffffff!important;
    border:1px solid #e2e8f0!important;
    border-radius:16px!important;
    box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
}
.wph-sidebar-widget .wph-recent-img{
    width:104px!important;
    height:78px!important;
    min-width:104px!important;
    max-width:104px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    overflow:hidden!important;
    background:#eef5ff!important;
    border:1px solid #e5edf8!important;
    text-decoration:none!important;
}
.wph-sidebar-widget .wph-recent-img img,
.wph-sidebar-widget .wph-recent-thumb-img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    border-radius:12px!important;
    margin:0!important;
    padding:0!important;
    background:#eef5ff!important;
    contain-intrinsic-size:auto 104px auto 78px!important;
}
.wph-sidebar-widget .wph-recent-content{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:7px!important;
}
.wph-sidebar-widget .wph-recent-title{
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.32!important;
    font-weight:800!important;
    color:#0f172a!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
.wph-sidebar-widget .wph-recent-title a{
    color:#0f172a!important;
    text-decoration:none!important;
    opacity:1!important;
    visibility:visible!important;
}
.wph-sidebar-widget .wph-recent-title a:hover{color:#0b63d8!important;}
.wph-sidebar-widget .wph-recent-date{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    color:#64748b!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.2!important;
    margin:0!important;
    opacity:1!important;
}
.wph-sidebar-widget .wph-recent-dot{
    width:7px!important;
    height:7px!important;
    border-radius:50%!important;
    display:inline-block!important;
    flex:0 0 7px!important;
}
@media(max-width:900px){
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
        grid-template-columns:96px minmax(0,1fr)!important;
        min-height:90px!important;
        padding:10px!important;
    }
    .wph-sidebar-widget .wph-recent-img{
        width:96px!important;
        height:72px!important;
        min-width:96px!important;
        max-width:96px!important;
    }
    .wph-sidebar-widget .wph-recent-title{font-size:13.5px!important;-webkit-line-clamp:2!important;}
}
@media(max-width:420px){
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
        grid-template-columns:86px minmax(0,1fr)!important;
        gap:10px!important;
    }
    .wph-sidebar-widget .wph-recent-img{
        width:86px!important;
        height:64px!important;
        min-width:86px!important;
        max-width:86px!important;
    }
    .wph-sidebar-widget .wph-recent-title{font-size:12.8px!important;}
    .wph-sidebar-widget .wph-recent-date{font-size:10px!important;}
}

/* =====================================================
   FINAL FIX: Recent Articles image preview clear + proper fit
   Use a wider 16:9 preview, no white padding, no awkward crop gaps.
===================================================== */
.wph-sidebar-widget .wph-recent-list,
.wph-sidebar-widget .wph-recent-list *{
    box-sizing:border-box!important;
}
.wph-sidebar-widget .wph-recent-list{
    gap:14px!important;
}
.wph-sidebar-widget .wph-recent-item,
.wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
    display:grid!important;
    grid-template-columns:124px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:center!important;
    min-height:98px!important;
    padding:12px!important;
    border-radius:17px!important;
    background:#ffffff!important;
    border:1px solid #dde7f3!important;
    box-shadow:0 10px 24px rgba(15,23,42,.07)!important;
    overflow:hidden!important;
}
.wph-sidebar-widget .wph-recent-img{
    width:124px!important;
    height:78px!important;
    min-width:124px!important;
    max-width:124px!important;
    aspect-ratio:16/10!important;
    display:block!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#eaf3ff!important;
    border:none!important;
    box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)!important;
    line-height:0!important;
    text-decoration:none!important;
}
.wph-sidebar-widget .wph-recent-img img,
.wph-sidebar-widget .wph-recent-thumb-img{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
    border-radius:14px!important;
    margin:0!important;
    padding:0!important;
    background:#eaf3ff!important;
    transform:none!important;
}
.wph-sidebar-widget .wph-recent-content{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
}
.wph-sidebar-widget .wph-recent-title{
    margin:0!important;
    padding:0!important;
    font-size:14.5px!important;
    line-height:1.28!important;
    font-weight:900!important;
    color:#0f172a!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.wph-sidebar-widget .wph-recent-title a{
    color:#0f172a!important;
    text-decoration:none!important;
    opacity:1!important;
    visibility:visible!important;
}
.wph-sidebar-widget .wph-recent-date{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:wrap!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
    color:#64748b!important;
    margin:0!important;
    opacity:1!important;
}

@media(max-width:1024px){
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
        grid-template-columns:116px minmax(0,1fr)!important;
        gap:12px!important;
    }
    .wph-sidebar-widget .wph-recent-img{
        width:116px!important;
        height:74px!important;
        min-width:116px!important;
        max-width:116px!important;
    }
    .wph-sidebar-widget .wph-recent-title{font-size:14px!important;}
}
@media(max-width:768px){
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
        grid-template-columns:112px minmax(0,1fr)!important;
        min-height:92px!important;
        padding:10px!important;
    }
    .wph-sidebar-widget .wph-recent-img{
        width:112px!important;
        height:70px!important;
        min-width:112px!important;
        max-width:112px!important;
    }
    .wph-sidebar-widget .wph-recent-title{font-size:13.6px!important;-webkit-line-clamp:2!important;}
}
@media(max-width:420px){
    .wph-sidebar-widget .wph-recent-item,
    .wph-sidebar-widget article.wph-recent-item.wph-recent-clean-card{
        grid-template-columns:96px minmax(0,1fr)!important;
        gap:10px!important;
    }
    .wph-sidebar-widget .wph-recent-img{
        width:96px!important;
        height:62px!important;
        min-width:96px!important;
        max-width:96px!important;
    }
    .wph-sidebar-widget .wph-recent-title{font-size:12.8px!important;line-height:1.25!important;}
    .wph-sidebar-widget .wph-recent-date{font-size:10px!important;}
}