/* Main CSS File - Import all modules */

/* 1. Variables (must be first) */
@import url('variables.css');

/* 2. Reset */
@import url('reset.css');

/* 3. Layout */
@import url('layout.css');

/* 4. Components */
@import url('components/header.css');
@import url('components/hero.css');
@import url('components/buttons.css');
@import url('components/services.css');
@import url('components/about.css');
@import url('components/contact.css');
@import url('components/footer.css');
@import url('components/blog.css');
@import url('components/admin.css');

/* Additional Global Styles */
html {
    scroll-padding-top: 80px; /* Offset for fixed header */
}

/* Responsive Scroll Padding */
@media (max-width: 768px) {
    html {
        scroll-padding-top: 70px;
    }
}

@media (max-width: 480px) {
    html {
        scroll-padding-top: 60px;
    }
}

/* Print Styles */
@media print {
    .header,
    .footer,
    .hero-buttons,
    .contact-form {
        display: none;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.5;
    }
    
    h1, h2, h3 {
        page-break-after: avoid;
    }
}