/* ===================================================================
     Healthy Responsive v3 — Main stylesheet

     Purpose: Central entry point importing modular CSS layers in correct order.
     Order matters: design tokens → fonts → reset → typography → components → utilities → responsive.

     Conventions:
     - Edit module files (prefixed with "_") directly, not this file
     - Add components to dedicated module files, media queries to _responsive.css
     - Update _variables.css and verify accessibility when changing color tokens

     =================================================================== */

/* Import all CSS modules in the correct order (do not reorder without review) */
@import url('_variables.css');  /* Design tokens first */
@import url('_fonts.css');      /* Local fonts */
@import url('_reset.css');      /* Reset & base rules */
@import url('_typography-unified.css'); /* Unified typography system (replaces _typography.css + _compat-typography.css) */
@import url('_breadcrumbs.css'); /* Breadcrumb navigation component */
@import url('_buttons.css');    /* Buttons and interactive elements */
@import url('_layout.css');     /* Grid & layout system */
@import url('_components.css'); /* Reusable UI components */
@import url('_forms.css');      /* Form controls and auth pages (spacing & accessibility) */
@import url('_header.css');     /* Header / navigation component (kept from v2 where applicable) */
@import url('_wat-is.css');     /* "Wat is Gezondheidsmeter" content section styles */
@import url('_modules.css');    /* Popular modules section */
@import url('_modules-header.css'); /* Modules page header section */
@import url('_features.css');   /* Features / highlights section */
@import url('_testimonials.css'); /* Testimonials / carousel section */
@import url('_certifications.css'); /* Certifications / trust badges */
@import url('_footer.css');     /* Footer area */
@import url('_accessibility.css'); /* Accessibility enhancements and high-contrast helpers */
@import url('_utilities.css');  /* Utility classes (spacing, helpers, SR-only, etc.) */
@import url('_responsive.css'); /* Responsive rules and media queries (import last) */

/* ========================================
   THEME-SPECIFIC OVERRIDES
   ======================================== */

/* Custom XOOPS integration styles can go here */
.xoops-block {
    margin-bottom: var(--spacing-md);
}

.xoops-block:last-child {
    margin-bottom: 0;
}

/* Override link underlines for specific container */
.curavista-container a {
    text-decoration: none;
}

.curavista-container a:hover,
.curavista-container a:focus {
    text-decoration: none;
}

/* Nuclear specificity override - prevents conflicts with dynamically injected CSS */
html body div.curavista-container.white-class.voor-mij-pagina button.accordion a {
    text-decoration: none !important;
}

html body div.curavista-container.white-class.voor-mij-pagina button.accordion a:hover,
html body div.curavista-container.white-class.voor-mij-pagina button.accordion a:focus {
    text-decoration: none !important;
}
