/*
Theme Name: Benchmark Commercial Lending
Template: kadence
Version: 1.0.0
Text Domain: benchmark-kadence
*/
/* ==========================================================
   Benchmark Commercial Lending — site styles
   Paste into: Appearance → Customize → Additional CSS
   (block themes: Appearance → Editor → Styles → ⋮ → Additional CSS)
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:wght@400;700&family=Public+Sans:wght@400;500;600;700&display=swap');

:root {
  --bcl-navy: #03193F;
  --bcl-navy-dark: #021029;
  --bcl-gold: #D9BC6E;
  --bcl-gold-dark: #8A6A1F;
  --bcl-ink: #0F1626;
  --bcl-body: #3E4859;
  --bcl-muted: #525C6E;
  --bcl-line: #D5DBE5;
  --bcl-band: #E8ECF3;
  --bcl-ground: #F5F6F9;
  --bcl-serif: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;
  --bcl-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---------- Base type ---------- */
body { font-family: var(--bcl-sans); color: var(--bcl-ink); background: var(--bcl-ground); }
h1, h2, h3, .wp-block-heading { font-family: var(--bcl-serif); font-weight: 700; color: var(--bcl-ink); text-wrap: balance; }
h2.wp-block-heading { font-size: clamp(2rem, 3.4vw, 2.8rem); line-height: 1.1; margin-top: 0; }
h3.wp-block-heading { font-size: 1.4rem; line-height: 1.2; margin: 0 0 .5rem; }
a { color: var(--bcl-navy); }
a:hover { color: var(--bcl-gold-dark); }
a:focus-visible, .wp-element-button:focus-visible { outline: 3px solid var(--bcl-gold-dark); outline-offset: 3px; }

.bcl-eyebrow { font-size: 13px !important; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bcl-navy); margin-bottom: .6rem !important; }
.bcl-eyebrow-light { color: var(--bcl-gold) !important; }
.bcl-intro { max-width: 46rem; color: var(--bcl-body); font-size: 1.05rem; }
.bcl-muted { color: var(--bcl-muted); }
.bcl-more a { font-weight: 700; text-decoration: none; }
.bcl-more a:hover { text-decoration: underline; }

/* ---------- Sections ---------- */
.bcl-section { padding: 88px 24px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
.bcl-section-tight { padding-top: 48px !important; }
.bcl-band { background: var(--bcl-band); }

/* ---------- Hero (Cover block) ---------- */
.bcl-hero { padding: 104px 24px 168px !important; align-items: center; justify-content: flex-start; }
.bcl-hero .wp-block-cover__image-background { object-position: 70% 28% !important; }
.bcl-hero .wp-block-cover__background {
  opacity: 1 !important;
  background: linear-gradient(90deg, rgba(3,25,63,.95) 0%, rgba(3,25,63,.86) 34%, rgba(3,25,63,.35) 56%, rgba(3,25,63,0) 72%) !important;
}
.bcl-hero .wp-block-cover__inner-container { max-width: 1240px; width: 100%; margin: 0 auto; color: #fff; }
.bcl-hero-text { max-width: 600px; }
.bcl-hero h1 { color: #fff; font-size: clamp(2.4rem, 4.6vw, 3.9rem); line-height: 1.06; margin: 0 0 1.2rem; }
.bcl-hero .bcl-lead { font-size: 1.2rem; line-height: 1.5; color: #E3E8F2; margin-bottom: 1.6rem; }
.bcl-fineprint-light { font-size: 14px; color: var(--bcl-gold); margin-top: 1.2rem; }
@media (max-width: 820px) {
  .bcl-hero { padding: 72px 20px 150px !important; }
  .bcl-hero .wp-block-cover__background { background: linear-gradient(180deg, rgba(3,25,63,.72), rgba(3,25,63,.9)) !important; }
  .bcl-hero .wp-block-cover__image-background { object-position: 74% 25% !important; }
}

/* ---------- Buttons ---------- */
.wp-block-button .wp-block-button__link { border-radius: 8px; font-weight: 700; font-family: var(--bcl-sans); padding: 15px 26px; font-size: 17px; text-decoration: none; }
.bcl-btn-gold .wp-block-button__link { background: var(--bcl-gold) !important; color: var(--bcl-navy-dark) !important; border: 2px solid var(--bcl-gold); }
.bcl-btn-gold .wp-block-button__link:hover { background: #E6CC86 !important; }
.bcl-btn-outline-light .wp-block-button__link { background: transparent !important; color: #fff !important; border: 2px solid var(--bcl-gold); }
.bcl-btn-outline-light .wp-block-button__link:hover { background: rgba(255,255,255,.08) !important; }
.bcl-btn-navy .wp-block-button__link { background: var(--bcl-navy) !important; color: #fff !important; }
.bcl-btn-navy .wp-block-button__link:hover { background: var(--bcl-navy-dark) !important; }
.bcl-btn-text .wp-block-button__link { background: transparent !important; color: var(--bcl-navy) !important; padding-left: 4px; padding-right: 4px; }
.bcl-btn-text .wp-block-button__link:hover { text-decoration: underline; }

/* ---------- Funding picker (overlaps the hero) ---------- */
.bcl-picker-wrap { padding: 0 24px 40px !important; margin-top: 0 !important; position: relative; z-index: 2; }
.bcl-picker { max-width: 1240px !important; margin: -96px auto 0 !important; background: #fff; border-radius: 14px; padding: 28px !important; box-shadow: 0 24px 60px rgba(2,12,35,.25); align-items: center !important; gap: 18px 32px !important; }
.bcl-picker-title { font-size: 1.5rem !important; margin-bottom: .3rem !important; }
.bcl-pick-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px !important; }
.bcl-pick { width: 100%; margin: 0 !important; }
.bcl-pick .wp-block-button__link { width: 100%; text-align: left; background: #fff !important; color: var(--bcl-ink) !important; border: 1px solid var(--bcl-line); font-weight: 600; font-size: 16px; padding: 14px 16px; }
.bcl-pick .wp-block-button__link:hover { border-color: var(--bcl-navy); color: var(--bcl-navy) !important; }

/* ---------- Trust strip ---------- */
.bcl-trust { background: #fff; border-top: 1px solid var(--bcl-line); border-bottom: 1px solid var(--bcl-line); padding: 28px 24px !important; margin: 0 !important; }
.bcl-stat { font-size: 15px; color: var(--bcl-muted); margin: 0; }
.bcl-stat strong { display: inline-block; font-family: var(--bcl-serif); font-size: 1.25rem; color: var(--bcl-ink); margin-bottom: 4px; }

/* ---------- Cards ---------- */
.bcl-cards { gap: 20px !important; margin-bottom: 20px !important; }
.bcl-card { background: #fff; border: 1px solid var(--bcl-line); border-radius: 12px; padding: 26px !important; display: flex; flex-direction: column; }
.bcl-card p { font-size: 15px; color: var(--bcl-body); margin: 0 0 .6rem; }
.bcl-card .bcl-more { margin-top: auto; padding-top: 6px; }
.bcl-tag { font-size: 12px !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bcl-gold-dark) !important; }

.bcl-photo-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(2,12,35,.08); display: flex; flex-direction: column; padding-bottom: 22px; }
.bcl-photo-card .wp-block-image { margin: 0 0 1.2rem; }
.bcl-photo-card .wp-block-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 70% 28%; display: block; }
.bcl-photo-card > :not(.wp-block-image) { padding-left: 24px; padding-right: 24px; }
.bcl-photo-card p { font-size: 15px; color: var(--bcl-body); }
.bcl-also { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 12px; }
.bcl-also a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; background: #fff; border-radius: 999px; text-decoration: none; color: var(--bcl-ink); font-weight: 600; font-size: 15px; }
.bcl-also a:hover { color: var(--bcl-navy); box-shadow: inset 0 0 0 1px var(--bcl-navy); }

/* ---------- How it works ---------- */
.bcl-steps { gap: 20px !important; margin-bottom: 32px !important; }
.bcl-step { border-top: 3px solid var(--bcl-navy); padding-top: 20px; }
.bcl-step p { font-size: 15px; color: var(--bcl-body); }
.bcl-step-num { font-family: var(--bcl-serif); font-weight: 700; font-size: 40px !important; line-height: 1; color: var(--bcl-navy) !important; margin: 0 0 .6rem !important; }

/* ---------- About ---------- */
.bcl-about { gap: 48px 64px !important; align-items: flex-start !important; }
.bcl-about p { color: var(--bcl-body); }
.bcl-commit { list-style: none; margin: 0; padding: 32px !important; background: #fff; border: 1px solid var(--bcl-line); border-radius: 14px; }
.bcl-commit li { position: relative; padding-left: 40px; margin: 0 0 22px; color: var(--bcl-body); font-size: 15px; }
.bcl-commit li:last-child { margin-bottom: 0; }
.bcl-commit li::before { content: ""; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--bcl-gold-dark); box-sizing: border-box; }
.bcl-commit li::after { content: ""; position: absolute; left: 7px; top: 9px; width: 6px; height: 10px; border: solid var(--bcl-gold-dark); border-width: 0 2px 2px 0; transform: rotate(45deg); }
.bcl-commit strong { color: var(--bcl-ink); font-size: 18px; }

/* ---------- Testimonial ---------- */
.bcl-testimonial { background: #fff; border-top: 1px solid var(--bcl-line); border-bottom: 1px solid var(--bcl-line); padding: 72px 24px !important; margin: 0 !important; text-align: center; }
.bcl-quote { font-family: var(--bcl-serif); font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1.35; max-width: 860px; margin: 0 auto 1rem !important; }
.bcl-cite { color: var(--bcl-muted); font-size: 15px; }

/* ---------- Referral partner box ---------- */
.bcl-partner-box { background: var(--bcl-navy-dark); color: #fff; border-radius: 16px; padding: 48px !important; }
.bcl-partner-box h2 { color: #fff; font-size: clamp(1.8rem, 3vw, 2.5rem); }
.bcl-partner-box p { color: #E3E8F2; max-width: 46rem; }

/* ---------- Phone width ---------- */
@media (max-width: 781px) {
  .bcl-section { padding: 64px 16px !important; }
  .bcl-picker { padding: 22px !important; }
  .bcl-partner-box { padding: 32px 24px !important; }
}

html{scroll-behavior:smooth;scroll-padding-top:30px} .bcl-shell{max-width:1240px;margin:auto;padding:0 24px}.bcl-top{background:var(--bcl-navy-dark);color:white;font-size:13px;padding:8px 0}.bcl-top .bcl-shell{display:flex;justify-content:space-between;gap:12px}.bcl-top a{color:white}.bcl-header{background:#fff}.bcl-header .bcl-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px}.bcl-logo{width:245px;max-height:68px;object-fit:contain}.bcl-nav{display:flex;gap:22px;align-items:center;font-size:14px;font-weight:600}.bcl-nav a{text-decoration:none}.bcl-nav .bcl-apply{background:var(--bcl-navy);color:#fff;padding:12px 18px;border-radius:5px}.bcl-mobile{display:none}.bcl-footer{background:#101827;color:#dbe0ec;padding:56px 0 24px}.bcl-footer a{color:#dbe0ec;text-decoration:none}.bcl-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}.bcl-footer h3{color:white;font-size:19px}.bcl-footer ul{list-style:none;padding:0}.bcl-footer li{margin:10px 0}.bcl-disclosure{border-top:1px solid #394151;margin-top:30px;padding-top:20px;font-size:12px}.bcl-detail{min-height:55vh}.bcl-detail h1{font-size:clamp(2.3rem,5vw,3.8rem)}.bcl-detail p,.bcl-detail li{line-height:1.7}.bcl-page .wp-block-group.is-layout-constrained>:not(.alignfull){max-width:1240px;margin-left:auto;margin-right:auto}.bcl-page .wp-block-cover{margin-top:0}.bcl-page .bcl-trust>.wp-block-columns{max-width:1240px;margin:auto}.bcl-page .wp-block-buttons{gap:14px}.bcl-page .wp-block-column{min-width:0}.bcl-page .bcl-cards>.wp-block-column{flex-basis:0;flex-grow:1}.bcl-page .bcl-photo-card .wp-block-image img{height:auto}.bcl-skip{position:absolute;left:-9999px}.bcl-skip:focus{left:15px;top:15px;background:white;padding:15px;z-index:100} @media(max-width:1000px){.bcl-header .bcl-shell{flex-wrap:wrap}.bcl-nav{gap:16px;flex-wrap:wrap}.bcl-logo{width:210px}}@media(max-width:781px){.bcl-footer-grid{grid-template-columns:1fr;gap:24px}.bcl-top .bcl-shell{flex-wrap:wrap}.bcl-mobile{display:block}.bcl-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:15px 0}.bcl-nav.is-open{display:flex}.bcl-mobile{background:white;border:1px solid var(--bcl-line);padding:10px 14px;border-radius:5px}.bcl-header .bcl-shell{padding-top:16px;padding-bottom:16px}.bcl-hero-text{max-width:100%}.bcl-hero .bcl-lead{font-size:1.05rem}.bcl-picker .wp-block-column{flex-basis:100%!important}.bcl-footer .bcl-shell{padding:0 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
