/**
 * Main CSS Entry Point
 * Consolidated stylesheet for all activity-focused content
 * 
 * ARCHITECTURE:
 * Core → Components → Content Types → Marketing
 * 
 * This file replaces the previous multiple CSS imports with a single
 * organized import structure. All CSS files are loaded in dependency order.
 * 
 * Phase 3A Consolidation (October 2025)
 */

/* ========================================
   CORE FOUNDATION
   Base styles, reset, layout utilities
   ======================================== */

@import url('core/variables.css');
@import url('core/reset.css');
@import url('marketing-pages.css');
@import url('core/layout.css');

/* ========================================
   REUSABLE COMPONENTS
   Navigation, progress, figures, buttons, etc.
   ======================================== */

@import url('components/navigation.css');
@import url('components/progress.css');
@import url('components/figures.css');
@import url('components/buttons.css');
@import url('components/workspace-notice.css');
@import url('components/callout.css');
@import url('components/voices.css');
@import url('components/focus-mode.css');

/* ========================================
   CONTENT-TYPE SPECIFIC STYLES
   Problem sets, labs, flexbooks, research briefs
   ======================================== */

@import url('content-types/problem-set.css');
@import url('content-types/hexagon-lab.css');
@import url('content-types/flexbook.css');
@import url('content-types/research-brief.css');

/* ========================================
   LEGACY COMPATIBILITY (TO BE REMOVED IN PHASE 3B)
   These styles will be deprecated when assessment features removed
   ======================================== */

/* ========================================
   ACTIVITY HEADER (STATIC CONTENT MODE)
   ======================================== */

.activity-header {
  background: var(--color-background-alt);
  border-bottom: 2px solid var(--color-border);
  padding: var(--spacing-lg) 0;
  margin-bottom: var(--spacing-lg);
}

.activity-header-content {
  max-width: var(--max-width-content);
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.activity-title {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 600;
  font-family: var(--font-primary);
  color: var(--color-text);
  line-height: 1.3;
  flex: 1;
  min-width: 250px;
}

/* Badge styles */
.badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.badge-problem-set {
  background-color: var(--color-primary);
  color: white;
}

.badge-lab {
  background-color: var(--color-info);
  color: white;
}

.badge-research {
  background-color: var(--color-warning);
  color: var(--color-text);
}

/* ========================================
   DEPRECATED SUBMISSION BAR STYLES
   (Will be removed in Phase 4)
   ======================================== */

/* Submission bar styles (will be removed - no submissions in static site) */
.submission-bar {
  position: fixed;
  left: 0;
  right: 0;
  background: var(--color-background);
  border-top: 2px solid var(--color-text);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  padding: 0.75rem 1.5rem;
}

.submission-bar-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.submission-title-area {
  flex: 1;
  min-width: 250px;
  margin-right: auto;
}

.submission-title-area h1 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: var(--font-primary);
  color: var(--color-text);
  line-height: 1.2;
}

/* Top sticky bar variant */
.submission-bar.top-sticky {
  position: fixed;
  top: 0;
  bottom: auto !important;
  left: 0;
  right: 0;
  border-top: none;
  border-bottom: 2px solid var(--color-text);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1050;
  padding: 0.5rem 1.5rem;
  background: var(--color-background);
}

.submission-bar.top-sticky .submission-title-area h1 {
  font-size: 1.35rem;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}

/* Activity container spacing for fixed bars */
.activity-container {
  padding-top: 85px;
}

.flexbook-content,
.activity-content-wrapper {
  padding-bottom: 100px;
}

.activity-content-container {
  margin-top: 20px;
}

/* ========================================
   PRINT OPTIMIZATION
   ======================================== */

@media print {
  /* Hide interactive elements */
  .submission-bar,
  .activity-navigation,
  .unified-navigation-container {
    display: none !important;
  }

  /* Show all content for printing */
  .problem-container,
  .lab-section,
  .flexbook-item,
  .brief-task {
    display: block !important;
  }

  /* Optimize page breaks */
  .problem-container,
  .lab-section,
  .flexbook-item,
  .brief-task {
    page-break-inside: avoid;
  }

  /* Ensure readable text */
  body {
    font-size: 12pt;
    line-height: 1.5;
  }

  /* Remove shadows and transitions */
  * {
    box-shadow: none !important;
    transition: none !important;
  }
}