/* ==========================================================================
   CHIRANI PROPOSAL — PDF EXPORT & PRINT STYLESHEET
   Engineered for 16:9 Executive Slide-by-Slide Print / PDF Export
   ========================================================================== */

@page {
  size: 16in 9in;
  margin: 0;
}

@media print {
  /* Enforce exact background colors and graphics */
  *, *::before, *::after {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
    animation: none !important;
    transition: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html, body {
    width: 16in !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #122223 !important;
    color: #F8F5F0 !important;
    font-size: 14pt !important;
    overflow: visible !important;
  }

  /* Hide interactive browser UI chrome */
  .executive-header,
  .presentation-progress-track,
  .deck-bottom-bar,
  .slide-drawer-backdrop,
  .slide-drawer,
  .btn-nav-control,
  .deck-nav-keys,
  .deck-arrows-group,
  .slide-dots,
  .mode-toggle-group {
    display: none !important;
  }

  .deck-viewport {
    position: static !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100% !important;
    height: auto !important;
  }

  .deck-container {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* Force every single slide to be an exact 16:9 page with crisp layout */
  .presentation-slide {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    inset: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: 16in !important;
    height: 9in !important;
    min-height: 9in !important;
    max-height: 9in !important;
    padding: 0.8in 1in 0.6in 1in !important;
    box-sizing: border-box !important;
    page-break-before: always !important;
    page-break-after: always !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    background-color: #122223 !important;
    overflow: hidden !important;
  }

  .presentation-slide:first-of-type {
    page-break-before: auto !important;
  }

  /* Preserve hero cover background image */
  .hero-cover-slide .hero-bg-media {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.85 !important;
    background-size: cover !important;
  }

  /* Ensure card backgrounds print properly */
  .quad-card,
  .pipe-step-card,
  .prod-tier-card,
  .social-pillar-card,
  .journey-node,
  .journey-detail-card,
  .crm-option-card,
  .bd-credibility-hero,
  .bd-channel-box,
  .mkt-card,
  .dashboard-mockup-wrap,
  .exp-concept-card,
  .roadmap-phase-card,
  .matrix-card,
  .portfolio-item-card,
  .closing-contact-card {
    background-color: #1D3334 !important;
    border: 1px solid rgba(249, 218, 186, 0.3) !important;
    break-inside: avoid !important;
  }

  .bd-credibility-hero {
    background-color: #0c201e !important;
  }

  .slide-main-title {
    color: #FFFFFF !important;
    font-size: 28pt !important;
  }

  .hero-executive-name {
    font-size: 42pt !important;
    color: #FFFFFF !important;
  }

  .bd-big-number {
    font-size: 64pt !important;
    color: #F9DABA !important;
  }

  .eyebrow-tag {
    color: #F9DABA !important;
  }

  .slide-footer-note {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: rgba(255, 255, 255, 0.6) !important;
  }
}