/* ============================================
   JEJJOSA & COMPANY - MAIN STYLESHEET
   Premium Furniture Website
   ============================================ */

@import 'variables.css';
@import 'base.css';
@import 'layout.css';
@import 'components.css';
@import 'pages/home.css';
@import 'pages/about.css';
@import 'pages/products.css';
@import 'pages/gallery.css';
@import 'pages/contact.css';
@import 'pages/quote.css';

/* Global smooth scrolling indicator offset for fixed header */
html {
  scroll-padding-top: var(--header-height);
}

/* Page wrapper for smooth animations */
.page-wrapper {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.page-wrapper.loading {
  opacity: 0;
}

/* Main content offset for fixed header */
main {
  padding-top: var(--header-height);
}

/* Hero section should NOT have main's padding - it's full viewport */
main:has(.hero) {
  padding-top: 0;
}

/* Mobile: Remove main padding since hero handles everything */
@media (max-width: 576px) {
  main {
    padding-top: 0;
  }
}