/* The "Start a conversation" modal, kept out of ef-components.css so it can
   load on every page rather than only the ones that opt into the homepage
   theme. /painting-business, /future-value and /accountant-referral are built
   on PageLayout's own tokens, so the theme's font variables are undefined
   there and each falls back to the layout's equivalent.

   Behaviour is in ef-conversation.js; the markup is in PageLayout.astro and
   homepage.html. */
.ef-conv-modal { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; padding: 24px; }
.ef-conv-modal[hidden] { display: none; }
.ef-conv-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .72); }
.ef-conv-panel {
  position: relative;
  width: 100%;
  max-width: 520px;
  background: #0f0e0e;
  border: 1px solid rgba(255, 255, 255, .2);
  padding: 30px 38px 28px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
}
.ef-conv-close {
  position: absolute; top: 12px; right: 16px;
  background: none; border: none; cursor: pointer;
  color: #9c9c9c; font-size: 30px; line-height: 1; padding: 4px 8px;
}
.ef-conv-close:hover { color: #fff; }
.ef-conv-kicker {
  display: block;
  font-family: var(--FontInterBold, var(--sans-bold, sans-serif));
  font-size: 13px; letter-spacing: .3px; color: #9c9c9c;
}
.ef-conv-title {
  font-family: var(--FontBebasNeue, var(--display, 'BebasNeue', sans-serif));
  font-size: 30px; line-height: 1; text-transform: uppercase;
  color: #fff; margin-top: 8px;
}
.ef-conv-body { color: #c2c2c2; letter-spacing: .35px; line-height: 1.375; margin-top: 12px; font-size: 15.5px; }
/* The Pipedrive embed mounts here on first open. min-height reserves room so
   the panel does not open collapsed and then jump when the iframe reports its
   height back through the loader. */
.ef-conv-embed { margin-top: 18px; min-height: 430px; }
.ef-conv-embed iframe { width: 100% !important; border: 0; display: block; }
@media (max-width: 600px) {
  .ef-conv-panel { padding: 26px 22px 22px; }
  .ef-conv-title { font-size: 26px; }
}


/* Phone line under the blurb. A founder who wants to talk rather than type
   should not have to hunt the footer for a number. */
.ef-conv-call { color: #9c9c9c; font-size: 14.5px; margin-top: 10px; }
.ef-conv-call a { color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .35); }
.ef-conv-call a:hover { border-bottom-color: #fff; }