/* ================================================================
   BluEnt Lakehouse Assessment — lakehouse.css
   All rules scoped to #bluent-lh-overlay / #bluent-lh-modal
================================================================ */

/* TRIGGER BUTTON */
/*.bluent-lh-trigger {
  display: inline-flex; align-items: center; gap: 8px;
  background: #1B2A4A; color: #fff; border: none;
  border-radius: 11px; padding: 14px 30px;
  font-size: 15px; font-weight: 700; cursor: pointer;
  font-family: 'Poppins', system-ui, sans-serif;
  transition: background .2s, transform .2s;
}
.bluent-lh-trigger:hover { background: #243657; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(27,42,74,.3); }*/

.bluent-lh-trigger{display:inline-block;padding:12px 35px;background:linear-gradient(168deg, #2400A1 -85.19%, #13AAD8 131.6%);box-shadow:0 3px 3.6px -1px rgba(201, 201, 201, 0.25);border-radius:25px;text-align: center;color:#fff !important;cursor:pointer;border:none;transition: var(--be-transition);font-weight:500}
.bluent-lh-trigger:hover{background:#2400A1}


/* OVERLAY */
#bluent-lh-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0,0,0,.6);
  z-index: 99999;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  backdrop-filter: blur(3px);
}
#bluent-lh-overlay.open { display: flex; }

/* MODAL */
#bluent-lh-modal {
  position: relative;
  background: #F5F7FA;
  border-radius: 18px;
  width: 98%; max-width: 1000px;
  box-shadow: 0 24px 64px rgba(0,0,0,.45);
  font-family: 'Poppins', system-ui, sans-serif;
  color: #1A1A2E;
  
 
}

/* CLOSE */
#bluent-lh-close {
  position: absolute; top: 13px; right: 15px; z-index: 20;
  background: rgba(255,255,255,.15); border: none; color: #fff;
  font-size: 22px; line-height: 1; cursor: pointer;
  width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s;
}
#bluent-lh-close:hover { background: rgba(255,255,255,.28); }

/* HIDDEN */
#bluent-lh-modal .lh-hidden { display: none !important; }

/* PROGRESS BAR */
#lhProgWrap { background: #2400a1; padding:5px 70px 0 25px;border-radius:18px 18px 0 0}
#lhProgWrap .lh-prog-meta { display: flex; justify-content: space-between; color: rgba(255,255,255,.6); font-size: 12px; margin: 6px; }
#lhProgWrap .lh-prog-track { height: 3px; background: rgba(255,255,255,.15); border-radius: 3px; overflow: hidden; }
#lhProgWrap .lh-prog-fill  { height: 100%; background: #fff; border-radius: 3px; transition: width .4s ease; }

/* ── SCREEN 1 HERO ── */
.lh-hero-hdr { background: #2400a1; padding: 44px 36px 30px; border-radius: 18px 18px 0 0; }
.lh-hero-hdr h1 { color: #fff; font-size: 22px; font-weight: 800; line-height: 1.35; margin-bottom: 10px; }
.lh-hero-hdr p  { color: rgba(255,255,255,.7); font-size: 15px; line-height: 1.6; }
.lh-hero-body   { padding: 28px 36px 36px; }

.lh-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 24px; }
.lh-stat  { background: #fff; border: 1px solid #E2E8F0; border-radius: 10px; padding: 14px 10px; text-align: center; }
.lh-v { font-size: 22px; font-weight: 800; color: #2400a1; line-height: 1; margin-bottom: 4px; }
.lh-l { font-size: 11px; color: #64748B; font-weight: 500; }

.LP-cta p.lh-sec-lbl { font-size: 16px !important; font-weight: 700; letter-spacing: 1px; color: #2400a1; text-transform: uppercase; margin:10px 0 !important; }

/* PLATFORM SELECTOR */
.lh-plat-row { display: flex; gap: 10px; margin-bottom: 6px; }
.lh-plat-btn {
  flex: 1; border: 2px solid #E2E8F0; border-radius: 12px;
  padding: 14px 12px; cursor: pointer; background: #fff;
  text-align: center; transition: all .2s; user-select: none;
}
.lh-plat-btn:hover { border-color: #0D7377; }
.lh-plat-btn.lh-active { border-color: #0D7377; background: #e0f4f5; }
.lh-plat-name { font-size: 14px; font-weight: 700; color: #1B2A4A; }
.lh-plat-sub  { font-size: 11px; color: #64748B; margin-top: 2px; }
.lh-plat-btn.lh-snow.lh-active .lh-plat-name { color: #0d6eaa; }
.lh-plat-btn.lh-dbx.lh-active  .lh-plat-name { color: #c0200f; }
.lh-plat-btn.lh-both.lh-active .lh-plat-name { color: #0a5f62; }

/* Hide GF's AJAX confirmation message — we transition to the questions screen instead */
#lhGfWrap .gform_confirmation_wrapper,
#lhGfWrap .gform_confirmation_message { display: none !important; }

/* ── GF FORM OVERRIDES ── */
#lhGfWrap .gform_footer,
#lhGfWrap .gform_page_footer {
  position: absolute !important; width: 1px !important; height: 1px !important;
  overflow: hidden !important; opacity: 0 !important;
  pointer-events: none !important; margin: 0 !important; padding: 0 !important;
}
#lhGfWrap .gfield--type-hidden { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; }
#lhGfWrap .gform_wrapper,
#lhGfWrap .gform_wrapper.gravity-theme { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }

#lhGfWrap .gfield { margin-bottom: 14px !important; min-width: 0 !important; }
#lhGfWrap .gfield--width-full,
#lhGfWrap .gfield.gf_full { grid-column: 1 / -1 !important; }
#lhGfWrap .gfield_label { font-size: 12px !important; font-weight: 700 !important; color: #1B2A4A !important; margin-bottom: 5px !important; display: block !important; letter-spacing: .3px !important; }
#lhGfWrap .gfield_required { color: #991B1B !important; margin-left: 2px !important; }
#lhGfWrap input[type="text"],
#lhGfWrap input[type="email"],
#lhGfWrap input[type="tel"],
#lhGfWrap textarea {
  border: 2px solid #E2E8F0 !important; border-radius: 8px !important;
  padding: 10px 13px !important; font-size: 14px !important; width: 100% !important;
  color: #1A1A2E !important; background: #fff !important;
  transition: border-color .2s !important; outline: none !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  box-shadow: none !important; -webkit-appearance: none !important; appearance: none !important;
}
#bluent-lh-modal .nice-select,
#lhGfWrap select {
  border: 2px solid #E2E8F0 !important; border-radius: 8px !important;
  padding: 10px 40px 10px 13px !important; font-size: 14px !important; width: 100% !important;
  color: #1A1A2E !important; background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 16px !important;
  outline: none !important; font-family: 'Poppins', system-ui, sans-serif !important;
  -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
}
#lhGfWrap input:focus, 
#lhGfWrap select:focus,
#lhGfWrap textarea:focus { border-color: #0D7377 !important; box-shadow: 0 0 0 3px rgba(13,115,119,.1) !important; }
#lhGfWrap .gfield_error input, #lhGfWrap .gfield_error select, #lhGfWrap .gfield_error textarea { border-color: #991B1B !important; }
#lhGfWrap .gfield_error .gfield_label { color: #991B1B !important; }
#lhGfWrap .validation_message { color: #991B1B !important; font-size: 12px !important; margin-top: 4px !important; }
#lhGfWrap .gform_validation_errors,
#lhGfWrap .validation_error { background: #FFF5F5 !important; border: 1px solid #fca5a5 !important; border-radius: 8px !important; padding: 10px 14px !important; color: #991B1B !important; font-size: 13px !important; margin-bottom: 14px !important; }

#bluent-lh-modal .nice-select{height:auto;line-height:normal}
#bluent-lh-modal .nice-select .option{width:100%;padding:3px 10px;font-size:14px;background-image:none;line-height:normal;min-height:0}
#bluent-lh-modal .nice-select .list{width:100%;height:100px;overflow-y:scroll !important;}

/* ── BUTTONS ── */
#bluent-lh-modal .lh-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 11px 22px; border-radius: 9px;
  font-size: 14px; font-weight: 700; cursor: pointer; border: none;
  transition: all .2s; font-family: 'Poppins', system-ui, sans-serif;
}
#bluent-lh-modal .lh-btn-n  { background: #2400a1; color: #fff; }
#bluent-lh-modal .lh-btn-n:hover  { background: #243657; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(27,42,74,.3); }
#bluent-lh-modal .lh-btn-p  { background:#ffbf00; color: #fff; }
#bluent-lh-modal .lh-btn-p:hover  { background: #0a5f62; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(13,115,119,.3); }
#bluent-lh-modal .lh-btn-s  {background:#000;color:#fff;border:none; color: #fff;}
#bluent-lh-modal .lh-btn-s:hover  { background: #E2E8F0; }
#bluent-lh-modal .lh-btn-w  { background: #fff; color: #1B2A4A; }
#bluent-lh-modal .lh-btn-w:hover  { background: #f0f4ff; }
#bluent-lh-modal .lh-btn-ol { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.35); }
#bluent-lh-modal .lh-btn-ol:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.7); }
#bluent-lh-modal .lh-btn-lg { padding: 14px 30px; font-size: 15px; border-radius: 11px; }
#bluent-lh-modal .lh-btn:disabled { opacity: .4; cursor: not-allowed; transform: none !important; box-shadow: none !important; }

/* Begin button loader */
#lhBeginBtn { transition: opacity .2s; }
#lhBeginBtn.lh-loading { opacity: .75; pointer-events: none; cursor: not-allowed; }
.lh-spinner { width: 15px; height: 15px; flex-shrink: 0; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: lh-spin .7s linear infinite; }
@keyframes lh-spin { to { transform: rotate(360deg); } }

/* ── QUESTION CARD ── */
@keyframes lh-fu { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
#lhQ {background:#2400a1;  border-radius: 0 0 10px 10px;}
.lh-q-card { background: #fff; /*border-radius: 16px; */overflow: hidden; /*box-shadow: 0 2px 16px rgba(0,0,0,.07);*/ animation: lh-fu .3s ease; }
.lh-q-hdr  { background: #2400a1; padding: 24px 30px 20px; }
.lh-dim-badge { display: inline-flex; align-items: center; background: rgba(255,255,255,.12); color: rgba(255,255,255,.8); padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: .5px; margin-bottom: 10px; }
.lh-q-hdr h2  { color: #fff; font-size: 17px; font-weight: 700; line-height: 1.45; margin-bottom: 8px; }
.lh-pain { color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.5; border-left: 3px solid #0D7377; padding-left: 10px; }
.lh-q-body { padding: 20px 30px 28px; }

.lh-q-hdr h2:after{background:none}

/* DIM DOTS */
.lh-dots { display: flex; gap: 5px; justify-content: center; padding:20px 0 5px 0;background:#2400a1 }
.lh-dot  { height: 5px; border-radius: 3px; background: #E2E8F0; flex: 1; max-width: 80px; transition: background .3s; }

/* OPTIONS */
.lh-opts { display: flex; flex-direction: column; gap: 9px; }
.lh-opt  { display: flex; align-items: flex-start; gap: 12px; border: 2px solid #E2E8F0; border-radius: 11px; padding: 13px 15px; cursor: pointer; transition: all .2s; background: #fff; user-select: none; }
.lh-opt:hover   { border-color: #0D7377; background: #f7fffe; }
.lh-opt.lh-sel  { border-color: #0D7377; background: #eafafa; box-shadow: 0 0 0 3px rgba(13,115,119,.08); }
.lh-opt-ltr { width: 30px; height: 30px; border-radius: 7px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; color: #fff; }
.lh-oA .lh-opt-ltr { background: #991B1B; }
.lh-oB .lh-opt-ltr { background: #92400E; }
.lh-oC .lh-opt-ltr { background: #1E40AF; }
.lh-oD .lh-opt-ltr { background: #166534; }
.lh-opt-txt { font-size: 13px; line-height: 1.55; color: #1A1A2E; padding-top: 3px; }
.lh-opt.lh-sel .lh-opt-txt { color: #1B2A4A; font-weight: 500; }

/* NAV */
.lh-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; gap: 10px; }

/* ── RESULTS ── */
#lhRes { background: #fff;
  border-radius: 18px; }
.lh-res-hdr { background: #2400a1; border-radius: 16px 16px 0 0; padding: 36px; text-align: center; margin-bottom: 16px; }
.lh-res-hdr h2  { color: #fff; font-size: 20px; font-weight: 800; margin-bottom: 4px; }
.lh-res-hdr h2:after{background:none;}
.lh-res-sub { color: rgba(255,255,255,.6); font-size: 13px; margin-bottom: 22px; }
.lh-score-ring { width: 110px; height: 110px; border-radius: 50%; border: 5px solid rgba(255,255,255,.2); display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto 14px; background: rgba(255,255,255,.07); }
.lh-score-num { font-size: 30px; font-weight: 900; color: #fff; line-height: 1; }
.lh-score-max { font-size: 13px; color: rgba(255,255,255,.45); }
.lh-level-badge { display: inline-block; padding: 5px 18px; border-radius: 20px; font-size: 13px; font-weight: 800; letter-spacing: .3px; margin-bottom: 5px; }
.lh-level-lbl { color: rgba(255,255,255,.6); font-size: 12px; }
.lh-plat-tags { display: flex; gap: 8px; justify-content: center; margin-top: 12px; flex-wrap: wrap; }
.lh-ptag { padding: 4px 12px !important; border-radius: 20px; font-size: 11px; font-weight: 700; }
.lh-ptag-snow { background: #E8F7FD; color: #0d6eaa; }
.lh-ptag-dbx  { background: #FFF0EF; color: #c0200f; }
.lh-ptag-both { background: #e0f4f5; color: #0a5f62;}

/* DIM CARDS */
.lh-dim-cards { display: flex; flex-direction: column; gap: 10px; margin: 15px; }
.lh-dc { background: #fff; border-radius: 13px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,.06); border-left: 5px solid #E2E8F0; }
.lh-dc-hdr { display: flex; align-items: center; gap: 12px; padding: 14px 18px; cursor: pointer; }
.lh-dc-hdr:hover { background: #F5F7FA; }
.lh-dc-score { width: 44px; height: 44px; border-radius: 9px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 900; color: #fff; }
.lh-dc-info  { flex: 1; }
.lh-dc-name  { font-size: 13px; font-weight: 700; color: #1B2A4A; margin-bottom: 1px; }
.lh-dc-meta  { font-size: 11px; color: #64748B; }
.lh-dc-bar-w { width: 100px; }
.lh-dc-bar-bg   { height: 5px; background: #E2E8F0; border-radius: 3px; overflow: hidden; }
.lh-dc-bar-fill { height: 100%; border-radius: 3px; }
.lh-dc-bar-txt  { font-size: 10px; color: #64748B; text-align: right; margin-top: 2px; }
.lh-chev { font-size: 13px; color: #64748B; transition: transform .2s; flex-shrink: 0; }
.lh-dc.lh-open .lh-chev { transform: rotate(180deg); }
.lh-dc-body { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.lh-dc.lh-open .lh-dc-body { max-height: 700px; padding: 0 18px 18px; }
.lh-dc-narr   { font-size: 13px; line-height: 1.7; border-radius: 9px; padding: 14px 16px; border-left: 3px solid; }
.lh-dc-action { margin-top: 10px; font-size: 12px; color: #64748B; font-style: italic; background: #F5F7FA; border-radius: 7px; padding: 9px 13px; }

/* CTA */
.lh-cta-blk { background: #2400a1; border-radius: 0 0 16px 16px; padding: 32px 36px; text-align: center; margin-top: 20px; }
.lh-cta-blk h3 { color: #fff; font-size: 18px; font-weight: 800; margin-bottom: 8px; }
.lh-cta-blk p  { color:#fff !important; font-size: 13px; line-height: 1.65; margin-bottom: 22px !important; }
.lh-cta-btns   { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* Hide GF thank-you / confirmation — JS proceeds to questions immediately */
#lhGfWrap .gform_confirmation_wrapper,
#lhGfWrap .gform_confirmation_message { display: none !important; }

/* Ensure CTA link always gets clicks (never inherits pointer-events:none) */
#bluent-lh-modal .lh-cta-btns a { pointer-events: auto !important; text-decoration: none !important; }

/* RESPONSIVE */
@media (max-width: 560px) {
  .lh-stats    { grid-template-columns: 1fr 1fr; }
  .lh-plat-row { flex-direction: column; }
  .lh-hero-hdr, .lh-hero-body { padding-left: 22px; padding-right: 22px; }
  .lh-q-hdr, .lh-q-body  { padding-left: 20px; padding-right: 20px; }
  .lh-dc-bar-w { display: none; }
  .lh-res-hdr  { padding: 24px 20px; }
  .lh-cta-blk  { padding: 26px 20px; }
  #lhGfWrap .gform_fields { grid-template-columns: 1fr !important; }
}