/* ============================================
   MAIN CSS - Atomic Design Pattern
   ============================================ */

/* ATOMS */
@import url('atoms/variables.css?v=20260624_2');
@import url('atoms/reset.css?v=20260624_2');
@import url('atoms/typography.css?v=20260624_2');
@import url('atoms/buttons.css?v=20260624_2');
@import url('atoms/icons.css?v=20260624_2');
@import url('atoms/media-loader.css?v=20260624_2');
@import url('atoms/mobile-ui-scale.css?v=20260624_2');

/* MOLECULES */
@import url('molecules/cards.css?v=20260624_2');
@import url('molecules/nav-items.css?v=20260624_2');

/* ORGANISMS */
@import url('organisms/header.css?v=20260624_2');
@import url('organisms/sections.css?v=20261003_1');
@import url('organisms/footer.css?v=20260624_2');
@import url('organisms/modals.css?v=20260624_2');
@import url('organisms/grids.css?v=20260624_2');
@import url('organisms/cookie-banner.css?v=20260716_2');
@import url('organisms/portfolio-specific.css?v=20260624_2');

/* Override grids.css contact-container - must be after grids.css */
.contact-container {
    max-width: 600px !important;
    margin: 0 auto !important;
    display: block !important;
    grid: none !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
}

@media (max-width: 768px) {
    footer .social-links {
        gap: var(--spacing-sm) !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}