/* ============================================================================
   CV CONTAINER & ZOOM WRAPPER
   ============================================================================ */

/* Zoom Wrapper - wraps cv-container for zoom functionality */
.zoom-wrapper {
  /* CSS zoom property changes actual layout space (not just visual) */
  /* This allows footer to naturally position right after zoomed content */
}

/* Main CV Container */
.cv-container {
  width: 100%;
  max-width: 100%; /* Full width to accommodate pages */
  margin: 0 auto;
  padding: 20px 0 0 0; /* Top padding to prevent sticky action bar overlap */
  display: block;

  /* Clean theme - no sidebars, centered content */
  &.theme-clean {
    padding: 20px 0 0 0;
    transition: all 0.3s ease-in-out;

    .cv-page {
      box-shadow: var(--shadow-lg);
      border: 1px solid var(--border-color);
      margin: 0 auto;
      max-width: 900px;
      transition: all 0.3s ease-in-out;
    }

    .cv-sidebar,
    .cv-title-badges-header,
    .cv-footer {
      display: none !important;
      animation: fadeOutShrink 0.3s ease-in-out;
    }

    .page-content {
      grid-template-columns: 1fr !important;
      transition: grid-template-columns 0.3s ease-in-out;
    }

    .cv-main {
      grid-column: 1 !important;
      padding: 2rem 3rem!important;
      transition: all 0.3s ease-in-out;
    }
  }
}

/* Animate sidebar, header, footer when hiding/showing */
.cv-sidebar,
.cv-title-badges-header,
.cv-footer {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}