/* ==========================================================================
   Corporate service pages: page-level pieces only
   Used by pages/services/corporate-video.html and corporate-event-video.html.
   The page composition itself lives in /assets/css/luxe/fam-services.css
   (service-pages family, pass 3). This file keeps the page shell and the
   mobile quick-contact bar that sits outside <main>.
   ========================================================================== */

.corp-page {
  --corp-hairline: var(--lx-line-2, rgba(243, 238, 228, 0.24));
  background-color: var(--lx-ink, #080807);
  color: var(--lx-ivory, #f3eee4);
}

/* ---------- Mobile action bar ---------- */
.corp-action-bar {
  display: none;
}

@media (max-width: 767px) {
  .corp-page {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  }

  .corp-action-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 900;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--corp-hairline);
    background: rgba(8, 8, 7, 0.94);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* corporate-pages.js reveals the bar only between the hero CTA and the closing CTA. */
  .corp-action-bar.is-managed {
    transform: translateY(110%);
    transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1);
  }

  .corp-action-bar.is-managed.is-on {
    transform: none;
  }

  .corp-page .corp-action-bar a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 48px;
    border-radius: 0;
    font-family: var(--lx-sans, "Inter Tight", sans-serif);
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-decoration: none;
  }

  .corp-page .corp-action-bar .corp-action-bar__call {
    border: 1px solid rgba(243, 238, 228, 0.3);
    color: var(--lx-ivory, #f3eee4);
  }

  .corp-page .corp-action-bar .corp-action-bar__quote {
    background: var(--lx-gold, #d4af37);
    color: var(--lx-ink, #080807);
  }
}