/* Main CSS file that imports all other CSS files */

/* Base styles and variables */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* Layout components */
@import 'layout/header.css';
@import 'layout/footer.css';
@import 'layout/grid.css';
@import 'layout/families.css';

/* UI Components */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/plan-modal.css';
@import 'components/faq.css';

/* Page-specific styles */
@import 'pages/home.css';
@import 'pages/contact.css';

/* Utilities */
@import 'utils/media-queries.css';

/* Mobile menu styles - use only one file */
@import 'components/mobile-menu.css';

/* Remove navigation.css import */

/* Ensure sidebar toggle is always visible - use Semantic UI classes instead */
.ui.icon.sidebar-toggle {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 100;
}

.ui.icon.sidebar-toggle i {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}