/* Main CSS File - Imports all modular CSS components */

/* Core CSS Variables and Theme Configuration */
@import url('./variables.css');

/* Base Layout and Typography */
@import url('./base.css');

/* Form Components and Styling */
@import url('./forms.css');

/* Button Components */
@import url('./buttons.css');

/* Form Validation Styles */
@import url('./validation.css');

/* Toast Notifications */
@import url('./toast.css');

/* Results Display Components */
@import url('./results.css');

/* Combined Results & Insights Components */
@import url('./resultsInsights.css');

/* Payment Schedule Table */
@import url('./table.css');

/* Investment Comparison Section */
@import url('./investmentComparison.css');

/* Banks Styles - Modular Structure */
@import url('./banks/banks-core.css');
@import url('./banks/banks-cards.css');
@import url('./banks/banks-tables.css');
@import url('./banks/banks-components.css');
@import url('./banks/banks-pages.css');
@import url('./banks/banks-responsive-tablet.css');
@import url('./banks/banks-responsive-mobile.css');
@import url('./banks/banks-dark-mode.css');

/* Footer Styles */
@import url('./footer.css');

/* About Page Styles */
@import url('./about.css');

/* Utility Classes and Print Styles */
@import url('./utilities.css');

/* Additional custom styles that don't fit in other modules can go here */

/* Spacing is handled by main-container { gap: 30px } in base.css */
/* No additional margin-bottom needed - flexbox gap handles all spacing consistently */


/* Hide old results container in favor of new combined section */
.results-container {
    display: none !important;
}

/* Hide old insights container in favor of new combined section */
#insightsContainer {
    display: none !important;
}

/* Removed obsolete .github-link styles */