/* ==========================================================================
   LPT 2026 — "Ready to Level Up Your Business?" lead form, nav agent card,
   and Chatlio live chat. Ported from the 2023 lander (css/styles.css) and
   restyled onto the lpt.css token system. Class/ID names are kept in sync
   with includes/levelup.cfm, includes/nav.cfm, includes/chatlio.cfm and
   js/mvp.js — rename in lockstep or not at all.
   ========================================================================== */

/* ---- Skip links (kept from the 2023 lander for accessibility) ---- */
.skip-link{position:absolute; left:-9999px; top:0; z-index:100; background:#fff; color:var(--ink);
  padding:10px 16px; font-weight:700;}
.skip-link:focus{left:0;}

/* ---- Nav agent card (subdomain branding) ---- */
.header-brand{display:flex; align-items:center; gap:18px; min-width:0;}
.nav__agent-card{display:flex; align-items:center; gap:12px; min-width:0;}
.nav__agent-card .profile-img-wrapper{height:52px; width:52px; border-radius:50%; overflow:hidden; flex:0 0 auto;}
.nav__agent-card .profile-img-wrapper img{height:100%; width:100%; object-fit:cover; display:block;}
.nav__agent-card .info{min-width:0;}
.nav__agent-card p{margin:0; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nav__agent-card .agent-name{font-weight:700; font-size:.95rem;}
.nav__agent-card .agent-phone{font-size:.88rem; opacity:.85;}
.nav__agent-card .agent-phone:hover{opacity:1;}
@media (max-width:560px){ .nav__agent-card .agent-phone{display:none;} .nav__agent-card .profile-img-wrapper{height:42px; width:42px;} }

/* ---- Nav CTAs (Join Now + Talk With LPT) ---- */
.site-header .site-nav .nav-cta + .nav-cta{margin-left:10px;}
@media (max-width:920px){
  .site-header .site-nav .nav-cta + .nav-cta{margin:12px 0 0;}
}

/* ---- Level Up lead form section ---- */
.home__form{background:var(--blue-navy); padding:88px 0 96px; color:#fff;}
.home__form h2{color:#fff; margin-bottom:14px;}
.home__form-row{display:flex; justify-content:center; gap:40px;}
.home__form-info{max-width:560px; flex:1 1 50%;}
.home__form-info p{color:#fff; font-size:1.125rem;}
.home__form-lead{color:#B9C6D2 !important; margin-top:10px;}
.form-wrapper{max-width:626px; width:100%; flex:1 1 50%;}
.form-wrapper form{width:100%;}
.form-row{display:flex; gap:18px; margin-bottom:1rem; width:100%;}
.form-field{display:flex; flex-direction:column; width:100%;}
.form-field label{color:#fff; font-size:.875rem;}
.form-field input[type="text"]{margin-top:.5rem; font-size:1rem; padding:.75rem .875rem;
  font-family:var(--sans); border:1px solid #fff; border-radius:var(--radius);}
.form-field input.invalid{border:1px solid #E5484D !important;}
.error-message{color:#FF8589; font-size:12px; margin:4px 0 0 0; display:none;}
.server-error-message{color:#FF8589; font-size:.9rem; margin:10px 0 0;}
.form-checkbox{display:flex; align-items:flex-start; gap:8px; margin:6px 0 4px; font-size:.9rem;}
.form-checkbox label{color:#fff;}
.form-checkbox a{color:#fff; text-decoration:underline;}
.home__form .btn{width:100%; justify-content:center; margin-top:.75rem;}

/* Agent card inside the form section */
.home__form-agent{display:flex; align-items:flex-start; gap:2rem; margin-top:2rem;}
.home__form-img-wrapper{width:100%; max-width:170px; border-radius:var(--radius-lg); overflow:hidden;}
.home__form-img-wrapper img{width:100%; height:100%; display:block;}
.agent-info{min-width:0;}
.agent-info-group{margin-bottom:20px;}
.agent-info p{margin:0 0 2px; line-height:1.45;}
.agent-contact-line{display:flex; align-items:center; margin-bottom:.5rem;}
.contact-icon{margin-right:.5rem; width:18px; height:18px;}
.agent-quote{font-size:1.15rem; line-height:1.45;}
#form__agent-info .agent-info-photo-mobile{display:none;}

/* Success message */
.success p{color:#fff; font-size:1rem; margin:0;}
.success-flex{display:flex; align-items:center; gap:10px;}
.check-circle-green{background:var(--green); border-radius:50%; width:22px; height:22px;
  display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
.hidden{display:none;}

@media (max-width:920px){
  .home__form-row{flex-wrap:wrap;}
  .home__form-info{max-width:626px; flex-basis:100%;}
  #form__agent-info .home__form-img-wrapper{display:none;}
  #form__agent-info .agent-info{margin:0; padding-top:10px;}
  #form__agent-info .agent-info-photo-mobile{display:block; width:72px; border-radius:50%;
    overflow:hidden; margin-right:16px; flex:0 0 auto;}
  #form__agent-info .agent-info-photo-mobile img{width:100%; display:block;}
  #form__agent-info .agent-info-group:first-child{display:flex; align-items:center;}
}
@media (max-width:640px){
  .form-row{flex-wrap:wrap; gap:0; margin-bottom:0;}
  .form-field{margin:.5rem 0;}
}

/* Live chat is SmarterTrack (includes/chat.cfm); it ships its own styles
   from help.lpt.com. Chatlio styles removed 2026-08-02 with the dead
   Chatlio integration. */

/* Keep the AccessiBe trigger clear of the SmarterTrack chat icon in the
   bottom-right corner (rule carried over from the 2023 lander). */
button.trigger-button.position-x-right{right:104px !important;}