/**
 * Subpage Header Fix
 * Ensures first section content appears below fixed header on all subpages
 */

/* Remove default body padding on subpages */
body:not(.page-wrapper) {
  padding-top: 0 !important;
}

/* Main content containers - add proper top padding */
.courses-content,
.portfolio-content,
.blog-container,
.software-content,
.troubleshooting-content,
.library-content,
.tv-content,
main.content {
  padding-top: 100px !important;
  min-height: 100vh;
}

/* Shop content padding is defined in shop/index.html inline CSS */

.courses-content {
  padding-top: 130px !important;
}

.portfolio-content {
  padding-top: 120px !important;
}

.blog-container {
  padding-top: 180px !important;
}

.software-content {
  padding-top: 100px !important;
}

.troubleshooting-content {
  padding-top: 130px !important;
}

.library-content,
.tv-content {
  padding-top: 100px !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  /* Shop content mobile padding is defined in shop/index.html inline CSS */
  
  .software-content,
  .library-content,
  .tv-content,
  main.content {
    padding-top: 280px !important;
  }
  
  .troubleshooting-content {
    padding-top: 200px !important;
  }
  
  .courses-content {
    padding-top: 320px !important;
  }
  
  .portfolio-content {
    padding-top: 280px !important;
  }
  
  .blog-container {
    padding-top: 200px !important;
  }
}

/* Ensure no content is hidden behind fixed headers */
.shop-header,
.courses-header,
.portfolio-header,
.blog-header,
.software-header,
.ts-header,
.tv-header,
.library-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: var(--color-surface);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Dark mode support */
[data-theme="dark"] .shop-header,
[data-theme="dark"] .courses-header,
[data-theme="dark"] .portfolio-header,
[data-theme="dark"] .blog-header,
[data-theme="dark"] .software-header,
[data-theme="dark"] .ts-header,
[data-theme="dark"] .tv-header,
[data-theme="dark"] .library-header {
  background: rgba(26, 31, 38, 0.95);
  border-bottom-color: rgba(130, 207, 226, 0.2);
}