/* Listing pages (category, tag, author, search, 404) — match the /blog/ page. Scoped under body #pxl-main .ftcc
   to beat the site-wide brand CSS (body.ftc-brand-ui #pxl-main ... color !important). */

/* Fallback for pages where the theme still prints its title banner (404, empty archives) */
body:has(.ftcc) #pxl-page-title-elementor,body:has(.ftcc) .page-header{display:none!important}
body:has(.ftcc) #pxl-main{padding:0!important}

body #pxl-main .ftcc{font-family:Poppins,sans-serif;color:#171822;font-size:15.7px;line-height:1.75;background:#fff}
body #pxl-main .ftcc *{font-family:Poppins,sans-serif!important}
body #pxl-main .ftcc a{text-decoration:none}

/* Banner */
body #pxl-main .ftcc .ftcc-head{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 32px;background:#0b1530 url(/wp-content/uploads/2026/10/blog-banner-tech-waves.jpg) center/cover no-repeat}
body #pxl-main .ftcc .ftcc-head::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,32,.55),rgba(8,14,32,.78))}
body #pxl-main .ftcc .ftcc-head-inner{position:relative;max-width:760px;margin:0 auto}
body #pxl-main .ftcc p.ftcc-kicker{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#7dd3fc!important}
body #pxl-main .ftcc h1.ftcc-title{margin:0;font-size:clamp(34px,5.5vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:#fff!important}
body #pxl-main .ftcc p.ftcc-sub{margin:18px auto 0;max-width:580px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.82)!important}
body #pxl-main .ftcc p.ftcc-crumb{margin:26px 0 0;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)!important}
body #pxl-main .ftcc p.ftcc-crumb a{color:#fff!important}
body #pxl-main .ftcc p.ftcc-crumb a:hover{color:#7dd3fc!important}
body #pxl-main .ftcc p.ftcc-crumb span{color:rgba(255,255,255,.6)!important}

/* Author photo */
body #pxl-main .ftcc img.ftcc-avatar{display:block;width:96px;height:96px;margin:0 auto 18px;border-radius:50%;border:3px solid rgba(255,255,255,.85);object-fit:cover}

/* Search box (search results + 404) */
body #pxl-main .ftcc form.ftcc-search{display:flex;max-width:520px;margin:28px auto 0;background:#fff}
body #pxl-main .ftcc form.ftcc-search input[type=search]{flex:1;min-width:0;height:52px;margin:0;padding:0 16px;border:0;border-radius:0;background:#fff;font-size:15px;color:#171822!important;box-shadow:none}
body #pxl-main .ftcc form.ftcc-search input[type=search]::placeholder{font-family:Poppins,sans-serif;color:#a3a199;opacity:1}
body #pxl-main .ftcc form.ftcc-search input[type=search]:focus{outline:2px solid #ffd166;outline-offset:0}
body #pxl-main .ftcc form.ftcc-search button{flex:none;height:52px;margin:0;padding:0 24px;border:0;border-radius:0;background:#ffd166;color:#171822!important;font-size:15px;font-weight:600;cursor:pointer}
body #pxl-main .ftcc form.ftcc-search button:hover{background:#171822;color:#fff!important}

/* Section title + actions (404) */
body #pxl-main .ftcc h2.ftcc-section-title{margin:0 0 28px;font-size:24px;font-weight:600;color:#171822!important;text-align:left}
body #pxl-main .ftcc p.ftcc-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:56px 0 0}
body #pxl-main .ftcc a.ftcc-btn--outline{background:transparent!important;color:#171822!important;border:1px solid #171822}
body #pxl-main .ftcc a.ftcc-btn--outline:hover{background:#171822!important;color:#fff!important}

/* Grid */
body #pxl-main .ftcc .ftcc-body{max-width:945px;margin:0 auto;padding:64px 32px 64px}
body #pxl-main .ftcc ul.wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;margin:0;padding:0}
body #pxl-main .ftcc .wp-block-post-featured-image{margin:0 0 24px}
body #pxl-main .ftcc .wp-block-post-featured-image img{width:100%;aspect-ratio:1200/885;object-fit:cover;display:block}

body #pxl-main .ftcc .ftcc-meta>.wp-block-group__inner-container,body #pxl-main .ftcc .ftcc-meta:not(:has(>.wp-block-group__inner-container)){display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body #pxl-main .ftcc .ftcc-meta,body #pxl-main .ftcc .ftcc-meta p,body #pxl-main .ftcc .ftcc-meta a{margin:0;font-size:14.4px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#646157!important;line-height:1.75}
body #pxl-main .ftcc .ftcc-meta .wp-block-post-terms a{color:#a3a199!important}
body #pxl-main .ftcc .ftcc-meta a:hover{color:#171822!important}

body #pxl-main .ftcc h2.wp-block-post-title{margin:4px 0 12px;font-size:17.5px;font-weight:600;line-height:1.4;letter-spacing:.01em}
body #pxl-main .ftcc h2.wp-block-post-title a{color:#171822!important}
body #pxl-main .ftcc h2.wp-block-post-title a:hover{opacity:.7}
body #pxl-main .ftcc .wp-block-post-excerpt{margin:0}
body #pxl-main .ftcc .wp-block-post-excerpt p{margin:0;color:#171822!important;line-height:1.6}
body #pxl-main .ftcc .wp-block-post-excerpt__more-text{display:none}

/* Pagination */
body #pxl-main .ftcc .wp-block-query-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:56px;font-weight:500}
body #pxl-main .ftcc .wp-block-query-pagination a,body #pxl-main .ftcc .wp-block-query-pagination span{color:#171822!important}
body #pxl-main .ftcc .wp-block-query-pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #ebe9e2}
body #pxl-main .ftcc .wp-block-query-pagination .page-numbers.current{background:#171822;border-color:#171822;color:#fff!important}
body #pxl-main .ftcc .wp-block-query-pagination .page-numbers.dots{border:0}
body #pxl-main .ftcc .wp-block-query-pagination a:hover{opacity:.7}

/* Empty category */
body #pxl-main .ftcc .ftcc-empty{text-align:center;padding:24px 0}
body #pxl-main .ftcc .ftcc-empty p{color:#646157!important;margin:0 0 20px}
body #pxl-main .ftcc a.ftcc-btn{display:inline-block;padding:12px 26px;background:#171822;color:#fff!important;font-weight:600}
body #pxl-main .ftcc a.ftcc-btn:hover{background:#ffd166;color:#171822!important}

@media (max-width:900px){body #pxl-main .ftcc ul.wp-block-post-template{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){
 body #pxl-main .ftcc ul.wp-block-post-template{grid-template-columns:1fr}
 body #pxl-main .ftcc .ftcc-head{min-height:300px;padding:60px 16px}
 body #pxl-main .ftcc .ftcc-body{padding:40px 16px}
 body #pxl-main .ftcc p.ftcc-sub{font-size:15px}
}