/*
Theme Name: MAC Real Estate Services
Theme URI: https://tj-loans.com
Author: Talwinder S. Johal
Description: Custom single-page mortgage website for MAC Real Estate Services. Talwinder S. Johal, NMLS #1991725.
Version: 1.5
License: Proprietary
Text Domain: mac-realestate
*/

/* ===== DEFENSIVE RESET - override WordPress theme bleed ===== */
html, body {
  background: #ffffff !important;
  color: #182420 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
body.wp-singular, body * { box-sizing: border-box; }
.wp-site-blocks, .entry-content, .wp-block-post-content, main, article {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
/* Kill any dark theme header/footer/nav WordPress injects */
header.wp-block-template-part, footer.wp-block-template-part,
.wp-block-site-title, .wp-block-navigation { display: none !important; }

/* Force page-switcher: hide all .tj-page, show only active */
#tj-site .tj-page { display: none !important; }
#tj-site .tj-page.active { display: block !important; }

/* Force light backgrounds on the dropdown menus (override dark bleed) */
#tj-site .tj-nav-dd { background: #ffffff !important; }
#tj-site .tj-nav-dd a { color: #182420 !important; }
/* ===== END RESET ===== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=DM+Sans:wght@300;400;500;600;700&display=swap');
:root{
  --ink:#06182e;--forest:#0c284b;--mid:#123a66;--soft:#1d5a96;
  --gold:#d4a52a;--gold2:#e8b73a;--gold3:#f5c84b;
  --cream:#faf8f2;--warm:#f5f1e8;--white:#ffffff;
  --slate:#57697a;--lt:#eef3f8;--bdr:#d4dde8;--text:#18242e;--gc:#0c447c;
  --font-h:'Cormorant Garamond',Georgia,serif;--font-b:'DM Sans',system-ui,sans-serif;
  --r:8px;--r-lg:16px;--sh:0 2px 16px rgba(11,51,38,.09);--sh-lg:0 14px 52px rgba(11,51,38,.16);
}
#tj-site *,#tj-site *::before,#tj-site *::after{box-sizing:border-box;margin:0;padding:0}
#tj-site{font-family:var(--font-b);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.65}
#tj-site a{text-decoration:none;color:inherit}
#tj-site img{max-width:100%;display:block}
.tj-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.tj-g2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.tj-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tj-ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:18px}
.tj-tc{text-align:center}
.tj-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(196,148,27,.13);border:1px solid rgba(196,148,27,.3);color:#7a5900;padding:4px 14px;border-radius:100px;font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.tj-chip-g{background:rgba(5,89,52,.1);border-color:rgba(5,89,52,.25);color:var(--gc)}
.tj-tag{display:inline-block;background:rgba(196,148,27,.12);color:#7a5900;font-size:.69rem;font-weight:700;padding:3px 10px;border-radius:100px;margin-top:10px}
.tj-lbl{font-size:.68rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:8px}
.tj-h2{font-family:var(--font-h);font-size:clamp(1.9rem,3.6vw,2.85rem);color:var(--forest);line-height:1.12;margin-bottom:12px;font-weight:700}
.tj-h2w{color:var(--white)}
.tj-sub{color:var(--slate);font-size:.99rem;max-width:560px;line-height:1.8;font-weight:300}
.tj-shd{margin-bottom:52px}
.tj-shd .tj-sub{margin:0 auto}
.tj-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--r);font-weight:600;font-size:.93rem;cursor:pointer;transition:transform .15s,box-shadow .15s,background .2s;white-space:nowrap;border:none;font-family:var(--font-b)}
.tj-btn:hover{transform:translateY(-2px)}
.tj-btn-gold{background:var(--gold);color:var(--ink)}
.tj-btn-gold:hover{background:var(--gold2);box-shadow:0 6px 22px rgba(196,148,27,.38)}
.tj-btn-forest{background:var(--forest);color:var(--white)}
.tj-btn-ow{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.38)}
.tj-btn-ow:hover{border-color:var(--gold);color:var(--gold)}
.tj-btn-og{background:transparent;color:var(--gold);border:1.5px solid rgba(196,148,27,.38)}
.tj-btn-sm{padding:9px 18px;font-size:.84rem}
#tj-compbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.06);padding:5px 4%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.tj-compbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tj-compbar-item{font-size:.68rem;color:rgba(255,255,255,.48);display:flex;align-items:center;gap:5px}
.tj-compbar-right{display:flex;align-items:center;gap:14px}
.tj-ehl-logo{display:flex;align-items:center;gap:5px;font-size:.65rem;color:rgba(255,255,255,.5);font-weight:600}
.tj-hud-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 8px;font-size:.62rem;font-weight:700;color:rgba(255,255,255,.5)}
#tj-mac-banner{background:linear-gradient(90deg,var(--forest) 0%,var(--mid) 100%);border-bottom:3px solid var(--gold);padding:10px 4%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.tj-mac-brand{display:flex;align-items:center;gap:14px}
.tj-mac-logo{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold3));font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 12px rgba(196,148,27,.4)}
.tj-mac-name{font-family:var(--font-h);font-size:1.45rem;font-weight:700;color:var(--white);line-height:1.05}
.tj-mac-since{font-size:.7rem;color:rgba(255,255,255,.58);margin-top:2px;letter-spacing:.5px}
.tj-mac-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tj-mac-ci{font-size:.8rem;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:5px}
.tj-mac-ci a{color:var(--gold2);font-weight:600;font-size:.82rem}
#tj-navbar{background:var(--forest);box-shadow:0 3px 24px rgba(0,0,0,.28);position:relative;z-index:100}
.tj-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:58px}
.tj-nav-logo{display:flex;align-items:center;gap:9px;cursor:pointer}
.tj-nav-mk{width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,var(--gold),var(--gold3));font-family:var(--font-h);font-size:1.1rem;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:center}
.tj-nav-txt{font-family:var(--font-h);color:var(--white);font-size:1.02rem;font-weight:700;line-height:1.05}
.tj-nav-sub{display:block;font-family:var(--font-b);font-size:.57rem;color:rgba(255,255,255,.42);font-weight:400;letter-spacing:.7px;text-transform:uppercase}
.tj-navlinks{display:flex;align-items:center;list-style:none;height:58px;gap:0}
.tj-nav-item{position:relative;height:100%}
.tj-nav-link{display:flex;align-items:center;gap:4px;height:100%;padding:0 12px;color:rgba(255,255,255,.75);font-size:.82rem;font-weight:500;cursor:pointer;transition:color .2s;white-space:nowrap;user-select:none}
.tj-nav-link:hover,.tj-nav-item:hover>.tj-nav-link{color:var(--gold)}
.tj-nav-arr{font-size:.65rem;transition:transform .2s}
.tj-nav-item:hover .tj-nav-arr{transform:rotate(180deg)}
.tj-nav-dd{position:absolute;top:100%;left:0;background:var(--ink);border-top:2px solid var(--gold);border-radius:0 0 var(--r) var(--r);min-width:220px;box-shadow:0 16px 48px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .22s,visibility .2s;z-index:200}
.tj-nav-item:hover .tj-nav-dd{opacity:1;visibility:visible;transform:translateY(0)}
.tj-nav-dd a{display:flex;align-items:center;gap:8px;padding:10px 16px;color:rgba(255,255,255,.68);font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s,color .15s;cursor:pointer}
.tj-nav-dd a:hover{background:rgba(196,148,27,.12);color:var(--gold2)}
.tj-nav-cta{background:var(--gold)!important;color:var(--ink)!important;padding:7px 14px!important;border-radius:6px!important;font-weight:700!important;height:auto!important}
.tj-nav-ph{color:var(--gold)!important;font-weight:700!important}
.tj-hbg{display:none;background:none;border:none;cursor:pointer;padding:4px;flex-direction:column;gap:5px}
.tj-hbg span{display:block;width:23px;height:2px;background:var(--white);border-radius:2px}
.tj-mob-menu{display:none;background:var(--ink);flex-direction:column;padding:10px 4% 20px}
.tj-mob-menu a,.tj-mob-sec{color:rgba(255,255,255,.75);padding:9px 0;font-size:.89rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.06);display:block}
.tj-mob-sec{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding-top:14px;border-bottom:none}
.tj-mob-cta{margin-top:10px;text-align:center;background:var(--gold)!important;color:var(--ink)!important;padding:12px;border-radius:6px;font-weight:800;border-bottom:none!important}
.tj-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;padding:70px 4% 60px}
.tj-hero-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1564013799919-ab600027ffc6?w=1600&q=80');background-size:cover;background-position:center 40%;filter:brightness(.62) saturate(.9)}
.tj-hero-ov{position:absolute;inset:0;background:linear-gradient(110deg,rgba(6,24,46,.92) 0%,rgba(12,40,75,.72) 38%,rgba(12,40,75,.34) 70%,rgba(12,40,75,.12) 100%)}
.tj-hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:center;max-width:1160px;margin:0 auto;width:100%}
.tj-hero-badges{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.tj-hero-h1{font-family:var(--font-h);font-size:clamp(2.7rem,5.2vw,4.1rem);color:var(--white);line-height:1.06;margin-bottom:16px;font-weight:700}
.tj-hero-h1 em{color:var(--gold);font-style:normal}
.tj-hero-sub{color:rgba(255,255,255,.76);font-size:1.03rem;max-width:510px;margin-bottom:12px;font-weight:300;line-height:1.78}
.tj-agent-line{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--gold);border-radius:var(--r);padding:10px 14px;margin-bottom:26px}
.tj-agent-name{color:var(--gold2);font-weight:700;font-size:.9rem}
.tj-agent-lic{color:rgba(255,255,255,.48);font-size:.74rem}
.tj-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:38px}
.tj-stats{display:flex;gap:26px;flex-wrap:wrap}
.tj-stat{border-left:3px solid rgba(196,148,27,.45);padding-left:14px}
.tj-stat-n{font-family:var(--font-h);font-size:2.2rem;color:var(--gold);line-height:1;font-weight:700}
.tj-stat-l{color:rgba(255,255,255,.44);font-size:.73rem;margin-top:3px}
.tj-qcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:24px;backdrop-filter:blur(10px)}
.tj-qcard h3{color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}
.tj-qlist{list-style:none;display:flex;flex-direction:column;gap:7px}
.tj-qlist a{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:10px 13px;color:var(--white);font-size:.85rem;font-weight:500;transition:background .2s,border-color .2s;cursor:pointer}
.tj-qlist a:hover{background:rgba(196,148,27,.14);border-color:rgba(196,148,27,.45);color:var(--gold3)}
.tj-qnote{color:rgba(255,255,255,.32);font-size:.7rem;text-align:center;margin-top:12px;line-height:1.5}
#tj-trust{background:var(--forest);padding:13px 4%;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
.tj-ti{display:flex;align-items:center;gap:6px;font-size:.79rem;font-weight:600;color:rgba(255,255,255,.78)}
.tj-ti-g{color:#6ee7b7}
.tj-pstrip{display:grid;grid-template-columns:repeat(4,1fr);height:175px;overflow:hidden}
.tj-ptile{position:relative;overflow:hidden}
.tj-ptile img{width:100%;height:100%;object-fit:cover;filter:brightness(.52) saturate(.75);transition:filter .3s}
.tj-ptile:hover img{filter:brightness(.68) saturate(1)}
.tj-ptile-lbl{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(to top,rgba(4,12,8,.88),transparent);color:var(--white);font-size:.6rem;font-weight:600}
.tj-ptile-lbl span{display:block;color:var(--gold3);font-size:.53rem;margin-top:1px}
.tj-sec{padding:76px 0}
.tj-sec-dk{background:var(--forest);padding:76px 0}
.tj-sec-lt{background:var(--lt);padding:76px 0}
.tj-mq{font-family:var(--font-h);font-size:clamp(1.25rem,2.4vw,1.75rem);color:rgba(255,255,255,.9);font-style:italic;line-height:1.5;border-left:4px solid var(--gold);padding-left:24px;margin:22px 0}
.tj-mb p{color:rgba(255,255,255,.68);font-size:.97rem;line-height:1.84;margin-bottom:11px}
.tj-mb strong{color:var(--gold2)}
.tj-proof{background:rgba(110,231,183,.08);border:1px solid rgba(110,231,183,.2);border-radius:var(--r);padding:18px 22px;margin-top:22px}
.tj-proof strong{display:block;color:#6ee7b7;margin-bottom:5px;font-size:.93rem}
.tj-proof p{color:rgba(255,255,255,.58);font-size:.87rem;line-height:1.65}
.tj-lcard{background:var(--cream);border:1px solid var(--bdr);border-top:4px solid transparent;border-radius:var(--r);padding:21px;transition:transform .2s,box-shadow .2s,border-top-color .2s}
.tj-lcard:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);border-top-color:var(--gold)}
.tj-lico{font-size:1.9rem;margin-bottom:8px}
.tj-lcard h3{font-size:.99rem;font-weight:700;color:var(--forest);margin-bottom:5px}
.tj-lcard p{color:var(--slate);font-size:.87rem;line-height:1.63}
.tj-lbul{margin-top:10px;list-style:none}
.tj-lbul li{font-size:.78rem;color:var(--slate);padding:2px 0;display:flex;align-items:flex-start;gap:5px}
.tj-lbul li::before{content:"›";color:var(--gold);font-weight:900;flex-shrink:0}
.tj-photo-wrap{display:flex;justify-content:center;margin-bottom:18px}
.tj-photo-lg{width:200px;height:200px;border-radius:50%;object-fit:cover;object-position:center top;border:4px solid var(--gold);box-shadow:0 8px 32px rgba(196,148,27,.35)}
.tj-team-you{background:var(--forest);border-radius:var(--r-lg);padding:22px;margin-bottom:12px;box-shadow:var(--sh-lg)}
.tj-you-name{font-family:var(--font-h);color:var(--white);font-size:1.15rem;font-weight:700}
.tj-you-role{color:var(--gold);font-size:.75rem;font-weight:600;margin:3px 0 6px}
.tj-you-lic{color:rgba(255,255,255,.48);font-size:.73rem;line-height:1.6}
.tj-you-intro{color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.6;margin-top:6px;font-style:italic}
.tj-you-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(196,148,27,.14);border:1px solid rgba(196,148,27,.28);color:var(--gold2);padding:4px 10px;border-radius:100px;font-size:.67rem;font-weight:700;margin-top:10px}
.tj-yc-row{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:9px 12px;color:var(--white);font-weight:600;font-size:.86rem;transition:background .2s;margin-top:7px}
.tj-yc-row:hover{background:rgba(196,148,27,.14);color:var(--gold)}
.tj-tcard{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:15px 17px;display:flex;align-items:center;gap:12px;margin-bottom:10px}
.tj-av{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:var(--forest);color:var(--gold);font-family:var(--font-h);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.tj-tname{font-weight:700;font-size:.92rem;color:var(--forest)}
.tj-trole{color:var(--gold);font-size:.72rem;font-weight:600;margin:2px 0}
.tj-tlic{color:var(--slate);font-size:.72rem;line-height:1.45}
.tj-mkt-section{background:linear-gradient(135deg,var(--forest),var(--mid));border-radius:var(--r-lg);padding:32px;margin-top:32px}
.tj-mkt-section h3{font-family:var(--font-h);color:var(--white);font-size:1.4rem;margin-bottom:6px}
.tj-mkt-section p{color:rgba(255,255,255,.65);font-size:.88rem;margin-bottom:18px}
.tj-mkt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tj-mkt-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:16px;text-align:center}
.tj-mkt-n{font-family:var(--font-h);font-size:1.8rem;color:var(--gold);font-weight:700;line-height:1}
.tj-mkt-l{color:rgba(255,255,255,.55);font-size:.72rem;margin-top:4px}
.tj-callout{background:linear-gradient(135deg,var(--forest) 0%,var(--mid) 100%);border-radius:var(--r-lg);padding:36px 44px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;max-width:1160px;margin:0 auto}
.tj-callout h2{font-family:var(--font-h);color:var(--white);font-size:clamp(1.5rem,2.8vw,2rem);margin-bottom:4px;font-weight:700}
.tj-callout p{color:rgba(255,255,255,.6);font-size:.93rem}
.tj-callout-btns{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.tj-rcard{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;border-bottom:3px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s}
.tj-rcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-bottom-color:var(--gold)}
.tj-rstars{color:#f59e0b;font-size:.82rem;margin-bottom:9px}
.tj-rtext{font-style:italic;color:#334155;font-size:.89rem;line-height:1.7;margin-bottom:13px}
.tj-rauthor{display:flex;align-items:center;gap:9px}
.tj-rav{width:34px;height:34px;border-radius:50%;background:var(--forest);color:var(--gold);font-weight:700;font-size:.84rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tj-rname{font-weight:700;font-size:.84rem;color:var(--forest)}
.tj-rsrc{font-size:.7rem;color:var(--slate)}
.tj-spcard{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}
.tj-spcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}
.tj-spcard-hdr{background:linear-gradient(135deg,var(--forest),var(--mid));padding:16px 18px}
.tj-spcard-hdr h3{font-family:var(--font-h);color:var(--white);font-size:1.1rem;margin-bottom:3px;font-weight:600}
.tj-spcard-hdr p{color:rgba(255,255,255,.6);font-size:.76rem}
.tj-spcard-body{padding:16px 18px}
.tj-spcard-body p{font-size:.87rem;color:var(--slate);line-height:1.68;margin-bottom:9px}
.tj-fi{border-bottom:1px solid var(--bdr)}
.tj-fq{font-weight:600;font-size:.98rem;color:var(--forest);padding:15px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;user-select:none;transition:color .2s;line-height:1.4}
.tj-fq:hover{color:var(--gold)}
.tj-fp{font-size:1.55rem;font-weight:300;color:var(--gold);flex-shrink:0;transition:transform .28s;line-height:1}
.tj-fa{max-height:0;overflow:hidden;transition:max-height .32s ease,padding .28s;color:var(--slate);font-size:.92rem;line-height:1.78}
.tj-fi.open .tj-fa{max-height:320px;padding-bottom:15px}
.tj-fi.open .tj-fp{transform:rotate(45deg)}
.tj-amethod{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r-lg);overflow:hidden;margin-bottom:16px}
.tj-amethod-hdr{background:var(--forest);padding:12px 18px;display:flex;align-items:center;gap:10px}
.tj-amethod-hdr h3{font-family:var(--font-h);color:var(--white);font-size:1.12rem;font-weight:600}
.tj-abadge{font-size:.66rem;font-weight:700;padding:3px 9px;border-radius:100px}
.tj-abadge-rec{background:rgba(196,148,27,.9);color:var(--ink)}
.tj-abadge-alt{background:rgba(255,255,255,.14);color:var(--white)}
.tj-amethod-body{padding:16px 18px}
.tj-alink{display:flex;align-items:center;justify-content:space-between;background:var(--white);border:1px solid var(--bdr);border-radius:var(--r);padding:12px 15px;margin-bottom:8px;color:var(--text);font-weight:600;font-size:.88rem;transition:border-color .2s,background .2s,transform .15s}
.tj-alink:hover{border-color:var(--gold);background:rgba(196,148,27,.04);transform:translateX(4px)}
.tj-anum{background:var(--forest);color:var(--gold);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}
.tj-apanel{background:var(--forest);border-radius:var(--r-lg);padding:28px}
.tj-apanel h3{font-family:var(--font-h);color:var(--white);font-size:1.4rem;margin-bottom:7px;font-weight:700}
.tj-apanel p{color:rgba(255,255,255,.58);font-size:.87rem;margin-bottom:18px;line-height:1.65}
.tj-abtn{display:block;text-align:center;background:var(--gold);color:var(--ink);padding:12px;border-radius:var(--r);font-weight:700;font-size:.91rem;margin-bottom:8px;transition:background .2s}
.tj-abtn:hover{background:var(--gold2)}
.tj-abtn-alt{display:block;text-align:center;border:1px solid rgba(196,148,27,.35);color:var(--gold);padding:10px;border-radius:var(--r);font-weight:600;font-size:.88rem;margin-bottom:8px}
.tj-abtn-lnk{display:block;text-align:center;border:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.58);padding:9px;border-radius:var(--r);font-size:.82rem;margin-top:6px}
.tj-afine{color:rgba(255,255,255,.26);font-size:.68rem;text-align:center;margin-top:12px;line-height:1.7}
.tj-cpill{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:9px 12px;font-size:.77rem;font-weight:600;color:var(--forest);display:flex;align-items:center;gap:6px;margin-bottom:8px}
.tj-cpill-ico{color:var(--gold)}
.tj-lic-table{width:100%;border-collapse:collapse}
.tj-lic-table th{background:var(--forest);color:var(--white);padding:10px 13px;font-size:.8rem;font-weight:700;text-align:left}
.tj-lic-table td{padding:10px 13px;font-size:.83rem;border-bottom:1px solid var(--bdr);color:var(--text)}
.tj-lic-table tr:nth-child(even) td{background:var(--lt)}
.tj-ccard{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:18px;margin-bottom:13px}
.tj-ccard h3{font-family:var(--font-h);color:var(--forest);font-size:1.08rem;margin-bottom:9px;font-weight:600}
.tj-clist{list-style:none}
.tj-clist li{font-size:.86rem;color:var(--slate);padding:4px 0;display:flex;gap:7px;align-items:flex-start;border-bottom:1px solid var(--bdr)}
.tj-clist li:last-child{border-bottom:none}
.tj-clist li::before{content:"✓";color:var(--gold);font-weight:700;flex-shrink:0;margin-top:1px}
.tj-vs-hero{background:linear-gradient(135deg,var(--forest),#0d4a32);border-radius:var(--r-lg);padding:36px;margin-bottom:28px;text-align:center}
.tj-vs-hero h2{font-family:var(--font-h);color:var(--white);font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px;font-weight:700}
.tj-vs-hero p{color:rgba(255,255,255,.7);font-size:.97rem;max-width:600px;margin:0 auto}
.tj-vs-badge{display:inline-block;background:var(--gold);color:var(--ink);padding:5px 16px;border-radius:100px;font-size:.75rem;font-weight:800;margin-bottom:14px}
.tj-vs-card{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:20px;margin-bottom:14px}
.tj-vs-card h3{color:var(--forest);font-family:var(--font-h);font-size:1.1rem;margin-bottom:8px}
.tj-vs-card p{color:var(--slate);font-size:.9rem;line-height:1.72}
.tj-vs-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.tj-vs-col{background:var(--cream);border:1px solid var(--bdr);border-radius:var(--r);padding:18px}
.tj-vs-col h4{font-weight:700;font-size:.88rem;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid var(--bdr)}
.tj-vs-col.new h4{color:var(--gc);border-bottom-color:var(--gc)}
.tj-vs-col.old h4{color:var(--slate)}
.tj-ci{display:flex;gap:10px;margin-bottom:15px;align-items:flex-start}
.tj-ci-ico{font-size:1.1rem;flex-shrink:0;margin-top:2px}
.tj-ci strong{display:block;color:var(--forest);font-weight:700;font-size:.86rem}
.tj-ci span,.tj-ci a{color:var(--slate);font-size:.86rem;line-height:1.5}
.tj-ci a{color:var(--mid);font-weight:600}
.tj-rating-bar{display:flex;align-items:center;gap:20px;justify-content:center;margin-bottom:48px}
.tj-big-r{font-family:var(--font-h);font-size:5.2rem;color:var(--forest);font-weight:700;line-height:1}
.tj-stars{color:#f59e0b;font-size:1.4rem;letter-spacing:3px}
.tj-cta-sec{position:relative;overflow:hidden;padding:76px 4%;text-align:center}
.tj-cta-bg{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?w=1400&q=80');background-size:cover;background-position:center;filter:brightness(.2) saturate(.5)}
.tj-cta-ov{position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,12,8,.95) 0%,rgba(11,51,38,.9) 100%)}
.tj-cta-inn{position:relative;z-index:2}
.tj-cta-inn h2{font-family:var(--font-h);color:var(--white);font-size:clamp(2.1rem,4.5vw,3.1rem);font-weight:700;margin-bottom:10px}
.tj-cta-inn p{color:rgba(255,255,255,.68);font-size:1.03rem;margin-bottom:26px}
.tj-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tj-ft{background:var(--ink);padding:48px 4% 24px}
.tj-ft-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;margin-bottom:34px}
.tj-fb-logo{font-family:var(--font-h);color:var(--gold);font-size:1.25rem;display:block;margin-bottom:6px}
.tj-fb p{color:rgba(255,255,255,.38);font-size:.79rem;line-height:1.75;max-width:270px}
.tj-srow{display:flex;gap:7px;margin-top:13px}
.tj-srow a{width:33px;height:33px;border-radius:50%;border:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.48);font-size:.75rem;transition:background .2s,border-color .2s,color .2s}
.tj-srow a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.tj-fc h4{color:rgba(255,255,255,.62);font-size:.73rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:11px}
.tj-fc a{display:block;color:rgba(255,255,255,.36);font-size:.78rem;margin-bottom:6px;transition:color .2s;cursor:pointer}
.tj-fc a:hover{color:var(--gold)}
.tj-ft-bot{border-top:1px solid rgba(255,255,255,.07);padding-top:18px;text-align:center;color:rgba(255,255,255,.26);font-size:.7rem;line-height:1.9}
.tj-ft-bot a{color:rgba(255,255,255,.26)}
.tj-ft-compliance{display:flex;align-items:center;gap:18px;margin-top:14px;justify-content:center;flex-wrap:wrap}
.tj-ehl-ft{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.38);font-size:.67rem;font-weight:600}
.tj-wa{position:fixed;bottom:22px;right:22px;z-index:9999;width:50px;height:50px;border-radius:50%;background:#25D366;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.45rem;box-shadow:0 4px 18px rgba(37,211,102,.38);transition:transform .2s;text-decoration:none}
.tj-wa:hover{transform:scale(1.1)}
.tj-page{display:none}
.tj-page.active{display:block}
@media(max-width:960px){
  .tj-hero-inner,.tj-g2{grid-template-columns:1fr;gap:28px}
  .tj-qcard{display:none}
  .tj-ft-grid{grid-template-columns:1fr 1fr}
  .tj-pstrip{grid-template-columns:1fr 1fr}
  .tj-callout{flex-direction:column;text-align:center}
  .tj-mkt-grid,.tj-vs-compare{grid-template-columns:1fr}
}
@media(max-width:640px){
  .tj-navlinks{display:none!important}
  .tj-hbg{display:flex}
  .tj-g3,.tj-ag{grid-template-columns:1fr}
  .tj-ft-grid{grid-template-columns:1fr}
  .tj-pstrip{grid-template-columns:1fr 1fr}
  .tj-rating-bar{flex-direction:column;text-align:center}
}

/* ===== v1.2 LAYOUT & COLOR FIXES ===== */

/* FIX 1: Center the hero content properly */
#tj-site .tj-hero {
  padding: 70px 4% 60px !important;
  justify-content: center !important;
}
#tj-site .tj-hero-inner {
  max-width: 1160px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* FIX 2: Lighten the footer so links are readable */
#tj-site .tj-ft {
  background: #0c284b !important;  /* navy instead of near-black */
}
#tj-site .tj-fc a {
  color: rgba(255,255,255,.72) !important;  /* was .36 - now readable */
}
#tj-site .tj-fc h4 {
  color: rgba(255,255,255,.85) !important;
}
#tj-site .tj-fb p {
  color: rgba(255,255,255,.62) !important;
}
#tj-site .tj-ft-bot,
#tj-site .tj-ft-bot a {
  color: rgba(255,255,255,.55) !important;
}

/* FIX 3: Center main section content blocks */
#tj-site .tj-wrap {
  max-width: 1160px !important;
  margin: 0 auto !important;
}

/* FIX 4: Make sure the whole site sits flush with no WP gaps */
#tj-site {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: hidden;
}
/* ===== END v1.2 FIXES ===== */

/* ===== v1.3 POLISH FIXES (all tabs, desktop + mobile) ===== */

/* FIX A: Faded outline buttons (Apply Online, Apply Now next to phone) -> solid gold so they always show */
#tj-site .tj-btn-ow {
  background: var(--gold) !important;
  color: #050e0a !important;
  border: 1.5px solid var(--gold) !important;
}
#tj-site .tj-btn-ow:hover {
  background: var(--gold2) !important;
  border-color: var(--gold2) !important;
  color: #050e0a !important;
}
/* Keep the hero's "call" outline button readable but distinct */
#tj-site .tj-hero-btns .tj-btn-ow {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border: 1.5px solid var(--gold) !important;
}

/* FIX B: Spacing between phone number and Apply Now in top nav */
#tj-site .tj-nav-ph { margin-right: 14px !important; }
#tj-site .tj-nav-cta { margin-left: 6px !important; }

/* FIX C: Social circles FB / IG / WA -> brighter, visible */
#tj-site .tj-srow a {
  border: 1.5px solid rgba(196,148,27,.6) !important;
  color: var(--gold2) !important;
  background: rgba(196,148,27,.08) !important;
}
#tj-site .tj-srow a:hover {
  background: var(--gold) !important;
  color: #050e0a !important;
  border-color: var(--gold) !important;
}

/* FIX D: Faded secondary contact links on Apply/Contact tabs -> readable */
#tj-site .tj-abtn-alt {
  border: 1.5px solid var(--gold) !important;
  color: var(--gold2) !important;
}
#tj-site .tj-abtn-lnk {
  border: 1px solid rgba(255,255,255,.35) !important;
  color: rgba(255,255,255,.85) !important;
}
#tj-site .tj-yc-row {
  background: rgba(255,255,255,.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(196,148,27,.4) !important;
}

/* FIX E: Center the intro sub-heading lines under each page title */
#tj-site .tj-shd .tj-sub,
#tj-site .tj-tc .tj-sub {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  max-width: 620px !important;
}

/* FIX F: Center "Have a Complex Scenario?" callout block */
#tj-site .tj-callout {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* FIX G: More breathing room between sections */
#tj-site .tj-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
#tj-site .tj-mkt-section { margin-top: 48px !important; }

/* FIX H: Make specialty/DSCR cards a bit larger with better-centered headers */
#tj-site .tj-spcard-hdr { padding: 18px 20px !important; }
#tj-site .tj-spcard-hdr h3 { font-size: 1.18rem !important; }
#tj-site .tj-spcard-body { padding: 18px 20px !important; }
#tj-site .tj-spcard-body p { font-size: .9rem !important; }

/* FIX I: Faded apply-method links on Apply tab -> spacing + readability */
#tj-site .tj-amethod { margin-bottom: 20px !important; }
#tj-site .tj-alink { margin-bottom: 10px !important; }

/* ===== MOBILE FIXES ===== */
@media (max-width: 880px) {
  /* Mobile dropdown menu: white background, dark text (was dark) */
  #tj-site .tj-mob-menu {
    background: #ffffff !important;
  }
  #tj-site .tj-mob-menu a {
    color: #182420 !important;
    border-bottom: 1px solid rgba(0,0,0,.07) !important;
  }
  #tj-site .tj-mob-menu .tj-mob-sec {
    color: var(--mid) !important;
  }
  #tj-site .tj-mob-menu .tj-mob-cta {
    background: var(--gold) !important;
    color: #050e0a !important;
  }
  /* Make sure hero side-card (Choose Your Loan Type) shows on mobile */
  #tj-site .tj-qcard { display: block !important; }
  #tj-site .tj-hero-inner { grid-template-columns: 1fr !important; }
  /* Stack market stats nicely on phone */
  #tj-site .tj-mkt-grid { grid-template-columns: 1fr 1fr !important; }
  /* Center callout buttons on mobile */
  #tj-site .tj-callout-btns { justify-content: center !important; }
}
@media (max-width: 520px) {
  #tj-site .tj-mkt-grid { grid-template-columns: 1fr !important; }
}
/* ===== END v1.3 ===== */

/* ===== v1.5 POLISH (navy theme) ===== */

/* FIX 1: Nav menu spacing + visible gold dropdown carets */
#tj-site .tj-navlinks { gap: 4px !important; }
#tj-site .tj-nav-link { padding: 0 15px !important; font-size: .84rem !important; }
#tj-site .tj-nav-arr {
  color: var(--gold2) !important;
  font-size: .7rem !important;
  margin-left: 3px !important;
  opacity: 1 !important;
}

/* FIX 2: "Choose Your Loan Type" box -> solid navy, gold border, BIGGER */
#tj-site .tj-qcard {
  background: rgba(12,40,75,.96) !important;
  border: 2px solid var(--gold) !important;
  padding: 30px 26px !important;
  backdrop-filter: none !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.45) !important;
}
#tj-site .tj-qcard h3 {
  color: var(--gold2) !important;
  font-size: .82rem !important;
  letter-spacing: 2.5px !important;
  margin-bottom: 18px !important;
}
#tj-site .tj-qlist { gap: 10px !important; }
#tj-site .tj-qlist a {
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(232,183,58,.35) !important;
  padding: 14px 16px !important;
  font-size: .92rem !important;
  color: #ffffff !important;
}
#tj-site .tj-qlist a:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  color: #06182e !important;
}
#tj-site .tj-qnote {
  color: rgba(255,255,255,.7) !important;
  font-size: .72rem !important;
  margin-top: 14px !important;
}

/* FIX 3: Trust badges (5.0 Google + BBB A+) -> bigger, bold, visible */
#tj-site .tj-chip {
  background: rgba(212,165,42,.2) !important;
  border: 1.5px solid var(--gold2) !important;
  color: #ffffff !important;
  padding: 8px 18px !important;
  font-size: .82rem !important;
  letter-spacing: 1px !important;
}
#tj-site .tj-chip-g {
  background: rgba(255,255,255,.16) !important;
  border: 1.5px solid #ffffff !important;
  color: #ffffff !important;
}
#tj-site .tj-hero-badges { gap: 12px !important; margin-bottom: 18px !important; }

/* FIX 4: Lighten hero LEFT side so house shows more (keep text readable) */
#tj-site .tj-hero-ov {
  background: linear-gradient(110deg, rgba(6,24,46,.85) 0%, rgba(12,40,75,.60) 38%, rgba(12,40,75,.28) 70%, rgba(12,40,75,.08) 100%) !important;
}
#tj-site .tj-hero-bg {
  filter: brightness(.72) saturate(.95) !important;
}

/* FIX 5: House tiles -> un-fade, vivid, gold accent on hover */
#tj-site .tj-ptile img {
  filter: brightness(.92) saturate(1.05) !important;
}
#tj-site .tj-ptile:hover img {
  filter: brightness(1) saturate(1.15) !important;
}
#tj-site .tj-ptile { border-bottom: 3px solid var(--gold) !important; }
#tj-site .tj-ptile-lbl {
  font-size: .72rem !important;
  padding: 8px 12px !important;
  background: linear-gradient(to top, rgba(6,24,46,.95), transparent) !important;
}
#tj-site .tj-ptile-lbl span { font-size: .62rem !important; color: var(--gold3) !important; }
#tj-site .tj-pstrip { height: 200px !important; }
/* ===== END v1.5 ===== */