/*
Theme Name: NexGen Lending
Theme URI: https://www.thenexgenlending.com
Author: NexGen Lending
Description: Custom theme for NexGen Lending (SRJ Marketing INC dba NexGen Lending), Hoboken, NJ. Activating it creates the homepage, solution, service, industry, Hoboken and legal pages plus every blog post, and turns on clean web addresses.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary
Text Domain: nexgen-lending
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Blog list (Insights page, categories, search) */
.ng-list { max-width: 1120px; margin: 0 auto; padding: 72px 24px 120px; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 3px; }
.ng-card { background: #FFFFFF; border: 1px solid #DADDD8; padding: 28px; text-decoration: none; color: #121418; display: flex; flex-direction: column; gap: 10px; transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, border-color .2s; }
.ng-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(18,20,24,.12); border-color: #34E00A; }
.ng-card .k { font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: #1D7A08; }
.ng-card .t { font-size: 20px; font-weight: 600; line-height: 1.3; }
.ng-card .e { color: #5A616B; font-size: 15px; line-height: 1.55; }
.ng-card .m { margin-top: auto; padding-top: 6px; font-size: 13px; color: #8A919C; }
.ng-pager { max-width: 1120px; margin: -80px auto 120px; padding: 0 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.ng-pager a, .ng-pager span { padding: 12px 16px; min-width: 44px; box-sizing: border-box; text-align: center; border: 1px solid #D8DBD6; background: #FFFFFF; color: #121418; text-decoration: none; font-weight: 600; }
.ng-pager .current { background: #121418; color: #FFFFFF; border-color: #121418; }
.ng-empty { max-width: 760px; margin: 0 auto; padding: 72px 24px 140px; font-size: 18px; line-height: 1.7; color: #2A2F37; }

/* Mobile menu */
nav[aria-label="Main"]{position:relative;z-index:50}
.ng-mnav{display:none}
.ng-mnav>summary{list-style:none;cursor:pointer;width:46px;height:46px;box-sizing:border-box;border:1px solid #3A3F48;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;-webkit-tap-highlight-color:transparent}
.ng-mnav>summary::-webkit-details-marker{display:none}
.ng-mnav>summary::marker{content:""}
.ng-mnav>summary span{display:block;width:20px;height:2px;background:#E9ECEF;transition:transform .2s ease,opacity .2s ease}
.ng-mnav[open]>summary{border-color:#34E00A}
.ng-mnav[open]>summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ng-mnav[open]>summary span:nth-child(2){opacity:0}
.ng-mnav[open]>summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ng-mnav-panel{position:absolute;left:0;right:0;top:100%;z-index:60;background:#121418;border:1px solid #262A31;border-top:2px solid #34E00A;padding:4px 20px 18px;box-shadow:0 28px 56px rgba(0,0,0,.55);text-align:left}
.ng-mnav-panel a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;border-bottom:1px solid #262A31;color:#E9ECEF;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.ng-mnav-panel a::after{content:"\2192";color:#34E00A;font-weight:700}
.ng-mnav-panel a.ng-mnav-sub{min-height:48px;color:#C3C8CF;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none}
.ng-mnav-panel a.ng-mnav-sub:last-child{border-bottom:0}
@media (max-width:960px){.nav-links{display:none !important}.ng-mnav{display:block}nav[aria-label="Main"]{gap:12px !important}nav[aria-label="Main"]>a:first-child{margin-right:auto}}
nav[aria-label="Main"]>a:first-child{flex-shrink:0}
@media (max-width:560px){nav[aria-label="Main"] a.num[href^="tel:"]{display:none !important}}
@media (max-width:420px){nav[aria-label="Main"] .ng-cta{padding:12px 14px !important;font-size:12px !important;letter-spacing:.08em !important}nav[aria-label="Main"]>a:first-child img{height:34px !important}}
@media (max-width:360px){header[style*="max-width: 1320px"]{padding:0 16px !important}nav[aria-label="Main"][style*="padding: 24px 32px"]{padding:20px 16px !important}nav[aria-label="Main"]>a:first-child img{height:30px !important}nav[aria-label="Main"] .ng-cta{padding:11px 12px !important;font-size:11px !important}}
.ng-mnav-panel a[aria-current="page"]{color:#34E00A}

/* Card grids shrink to fit very small phones (also fixes pages saved by earlier theme versions) */
[style*="minmax(210px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr)) !important}
[style*="minmax(220px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important}
[style*="minmax(230px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr)) !important}
[style*="minmax(240px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)) !important}
[style*="minmax(260px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)) !important}
[style*="minmax(280px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr)) !important}
[style*="minmax(300px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)) !important}
[style*="minmax(340px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr)) !important}
