/**
 * CIT additions. Loads site-wide after style.css.
 */

/* ---------------------------------------------------------------------------
   CHAT PANEL FIX
   .cit-chat-panel{display:flex} beat the browser's [hidden]{display:none}, so
   the "closed" panel was still in the layout: an invisible ~20rem box above
   the bubble that swallowed clicks in the bottom-left corner and caught the
   logo cursor's shots. Closed now means gone.
   --------------------------------------------------------------------------- */
.cit-chat-panel[hidden]{display:none!important}
/* Only the bubble and an open panel catch the pointer, never the wrapper. */
.cit-chat{pointer-events:none}
.cit-chat-launch,
.cit-chat.is-open .cit-chat-panel{pointer-events:auto}

/* ---------------------------------------------------------------------------
   PROOF BAR
   Authority block on the left (window, numbers, clients, kicker); BICSI badge
   and BBB seal on the right, vertically centered. No fades, boxes, captions
   or hover effects on the marks.
   --------------------------------------------------------------------------- */
.proof-inner{display:flex;align-items:center;gap:clamp(2rem,5vw,5rem)}
.proof-auth{flex:1 1 auto;min-width:0}

/* "Last 12 months" sits on its own line above the numbers. */
.proof-row{row-gap:1.25rem}
.proof-window{order:-1;flex:0 0 100%;margin-left:0;margin-bottom:-.35rem;align-self:flex-start}

.proof-creds{flex:0 0 auto;display:flex;align-items:center;gap:clamp(1.25rem,2.5vw,2.5rem)}
.proof-creds > a{display:block;line-height:0}
.proof-creds > a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
/* Both marks share one height, capped at 134px: the BBB seal's native size.
   BBB offers no larger file, so anything bigger would blur it. */
.proof-creds img{display:block;height:min(var(--auth-h,134px),134px);width:auto}

@media (max-width:900px){
  .proof-inner{display:block}
  .proof-creds{margin-top:1.25rem}
  .proof-creds img{height:clamp(96px,28vw,134px)}
}