/* ============================================================================
   MBANC mobile polish — additive overrides, loaded LAST on every page.
   2026-06-14 (Ishara). Reversible: remove the <link> to this file.
   Scope: bigger logo, hero-watermark overlap, oversized floating widgets,
   2-column calculator on phones. The page's OWN .mbanc-hamburger menu handles
   mobile navigation — this file does NOT add or style a hamburger.
   ============================================================================ */

@media (max-width: 1100px){
  /* The default header logo PNG is heavily padded so it reads tiny on mobile.
     JS swaps the src to the trimmed wordmark; we just size it here. */
  .site-header .logo{ height:auto !important; }
  .site-header .logo img{
    height:38px !important; width:auto !important; max-width:none !important;
  }

  /* desktop megamenu nav is replaced by the page's native hamburger on mobile */
  .site-header .primary-nav{ display:none !important; }
  .site-header .nav-cta .phone{ display:none !important; }

  /* The page's native .mbanc-hamburger draws its 3 lines in WHITE (built for a
     dark header) so it's invisible on this white header — that was the original
     "hamburger missing". Give the button an orange background; the existing
     white lines then read as a clean white-on-orange icon, and tapping it opens
     the page's own navy menu. We only style the button — never its menu. */
  .site-header .mbanc-hamburger{
    background:var(--orange,#FF3300) !important;
    border-radius:11px !important;
    width:42px !important; height:42px !important;
    align-items:center !important; justify-content:center !important;
    box-shadow:0 3px 10px rgba(255,51,0,.30) !important;
  }

  /* The 6 FAQ/Resources pages don't load the menu patch, so they show the
     Get Qualified CTA (other pages hide it) and have no hamburger. Shrink the
     CTA and leave room on the right for the fallback hamburger (mbfb-burger). */
  .site-header .nav-cta .btn{ padding:9px 13px !important; font-size:13px !important; }
  .site-header .nav-cta .phone{ display:none !important; }
  .site-header .nav-cta{ margin-right:52px !important; }
  .mbfb-burger{ display:inline-flex !important; position:absolute !important;
    right:14px !important; top:50% !important; transform:translateY(-50%) !important; }

  /* decorative hero stamps are absolutely-positioned and collide with the H1 */
  .hero .hero-ticker-mark, .hero .hero-doc-mark{ display:none !important; }

  /* calculator: force single column (beats a duplicate-block ordering bug
     where a later unconditional .calc-body{1fr 1fr} overrides the media rule) */
  .calc-body{ grid-template-columns:1fr !important; min-height:0 !important; }
  .calc-inputs{ border-right:0 !important; border-bottom:1px solid var(--rule,#E9EEEE) !important; }
}

/* ---- phones: shrink the two floating widgets to clean corner icons ---- */
@media (max-width: 720px){
  .fab-banker{
    left:14px !important; right:auto !important; bottom:14px !important;
    width:56px !important; height:56px !important; max-width:56px !important;
    min-width:0 !important; padding:0 !important; gap:0 !important;
    border-radius:50% !important; overflow:hidden !important;
    align-items:center !important; justify-content:center !important;
  }
  .fab-banker .fab-banker-body{ display:none !important; }
  /* clean single circle to match the Liora widget (drop the nested white
     avatar disc + offset pulse dot; center the M icon directly on navy) */
  .fab-banker .fab-banker-avatar{ margin:0 !important; width:auto !important; height:auto !important; background:transparent !important; }
  .fab-banker .fab-banker-avatar img{ width:32px !important; height:32px !important; }
  .fab-banker .fab-banker-avatar::after{ display:none !important; }

  .fab-chat{
    right:14px !important; left:auto !important; bottom:14px !important;
    width:56px !important; height:56px !important; min-width:0 !important;
    padding:0 !important; gap:0 !important; border-radius:50% !important;
    align-items:center !important; justify-content:center !important;
  }
  /* hide the "Chat with Liora" text label, keep the L badge + live dot */
  .fab-chat > span:not(.badge):not(.live-dot){ display:none !important; }
  .fab-chat .badge{ margin:0 !important; }

  /* corner placement — element+class selectors beat the page's own
     a.fab-banker{right:16px!important}; banker LEFT, Liora RIGHT */
  a.fab-banker{ left:14px !important; right:auto !important; bottom:14px !important; max-width:56px !important; }
  button.fab-chat{ right:14px !important; left:auto !important; bottom:14px !important; }

  /* calc tab strip: 2-up so labels don't crush */
  .calc-tabs{ grid-template-columns:1fr 1fr !important; }
}

/* ===== Fallback hamburger + drawer (only built on pages without the patch) ===== */
.mbfb-burger{
  display:none; flex-direction:column; align-items:center; justify-content:center;
  width:42px; height:42px; padding:0; border:0; cursor:pointer; flex-shrink:0;
  border-radius:11px; background:var(--orange,#FF3300); color:#fff;
  box-shadow:0 3px 10px rgba(255,51,0,.30);
}
.mbfb-burger span{ display:block; width:20px; height:2.5px; background:#fff; margin:2.5px 0; border-radius:2px; }
.mbfb-scrim{ position:fixed; inset:0; background:rgba(9,22,56,.55); z-index:2147482999;
  opacity:0; visibility:hidden; transition:opacity .28s,visibility .28s; }
.mbfb-scrim.open{ opacity:1; visibility:visible; }
.mbfb-drawer{ position:fixed; top:0; right:0; bottom:0; width:min(86vw,360px);
  background:#091638; color:#fff; z-index:2147483000; transform:translateX(100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1); box-shadow:-12px 0 40px rgba(0,0,0,.3);
  overflow-y:auto; -webkit-overflow-scrolling:touch; padding:18px 18px 44px; }
.mbfb-drawer.open{ transform:translateX(0); }
.mbfb-close{ background:none; border:0; color:#fff; font-size:32px; line-height:1; cursor:pointer; float:right; padding:0 4px; }
/* accordion — collapsible sections, matching the native mobile menu */
.mbfb-acc{ border-top:1px solid rgba(255,255,255,.12); clear:both; }
.mbfb-toggle{ display:flex; align-items:center; justify-content:space-between; width:100%;
  background:none; border:0; color:#fff; cursor:pointer; text-align:left;
  font-family:var(--sans,system-ui,sans-serif); font-weight:600; font-size:17px; padding:16px 6px; }
.mbfb-plus{ position:relative; width:14px; height:14px; flex-shrink:0; }
.mbfb-plus::before,.mbfb-plus::after{ content:''; position:absolute; background:rgba(255,255,255,.55); }
.mbfb-plus::before{ top:6px; left:0; width:14px; height:2px; }
.mbfb-plus::after{ left:6px; top:0; width:2px; height:14px; transition:opacity .2s; }
.mbfb-acc.open .mbfb-plus::after{ opacity:0; }
.mbfb-panel{ display:none; padding:0 0 10px 2px; }
.mbfb-acc.open .mbfb-panel{ display:block; }
.mbfb-drawer a.mbfb-link{ display:block; padding:9px 6px 9px 16px; color:rgba(255,255,255,.82);
  text-decoration:none; font-family:var(--sans,system-ui,sans-serif); font-weight:500; font-size:15px; }
.mbfb-drawer a.mbfb-link:active{ background:rgba(255,255,255,.08); border-radius:6px; }
.mbfb-drawer a.mbfb-direct{ display:block; border-top:1px solid rgba(255,255,255,.12); color:#fff;
  text-decoration:none; font-family:var(--sans,system-ui,sans-serif); font-weight:600; font-size:17px; padding:16px 6px; }
.mbfb-drawer a.mbfb-direct:active{ background:rgba(255,255,255,.08); }
.mbfb-cta{ display:block; margin-top:20px; padding:14px; border-radius:8px; text-align:center;
  background:var(--orange,#FF3300); color:#fff !important; font-weight:800; text-decoration:none; }
.mbfb-phone{ display:block; margin-top:10px; padding:12px; border-radius:8px; text-align:center;
  border:1.5px solid rgba(255,255,255,.3); color:#fff !important; font-weight:700; text-decoration:none; }