/**
 * Main Stylesheet - The Floor Edit
 * Imports all CSS files in correct order
 */

/* ===== FOUNDATION ===== */
@import 'reset.css';
@import 'tokens.css';
@import 'base.css';
@import 'layouts.css';

/* ===== COMPONENTS ===== */
@import 'components/buttons.css';
@import 'components/header.css';
@import 'components/hero.css';
@import 'components/introduction.css';
@import 'components/featured.css';
@import 'components/why-spc.css';
@import 'components/catalogue.css';
@import 'components/promise.css';
@import 'components/showroom.css';
@import 'components/contact.css';
@import 'components/footer.css';
@import 'components/modal.css';
@import 'components/flooring-dna.css';

/* ===== ANIMATION UTILITIES ===== */

/* Fade In Up - for scroll animations */
.animate-fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out);
}

.animate-fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger children animations */
.stagger-children > * {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}

.stagger-children.is-visible > *:nth-child(1) { transition-delay: 0ms; }
.stagger-children.is-visible > *:nth-child(2) { transition-delay: 100ms; }
.stagger-children.is-visible > *:nth-child(3) { transition-delay: 200ms; }
.stagger-children.is-visible > *:nth-child(4) { transition-delay: 300ms; }
.stagger-children.is-visible > *:nth-child(5) { transition-delay: 400ms; }
.stagger-children.is-visible > *:nth-child(6) { transition-delay: 500ms; }

.stagger-children.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}

/* ===== PRINT STYLES ===== */

@media print {
  .header,
  .footer__back-top,
  .modal-backdrop,
  .modal {
    display: none !important;
  }
  
  body {
    font-size: 12pt;
    line-height: 1.5;
    color: #000;
    background: #fff;
  }
  
  .section {
    padding: 1cm 0;
    page-break-inside: avoid;
  }
  
  a {
    color: #000;
    text-decoration: underline;
  }
  
  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 0.8em;
  }
}