/**
 * Main frontend CSS file
 * Imports all component styles
 *
 * @package Affinite\KnowledgeBase
 * @since 1.0.0
 */

/* Material Symbols Outlined - Ensure proper rendering */
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

/* Base styles */
@import url('base/_variables.css');
@import url('base/_reset.css');
@import url('base/_typography.css');

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

/* Components */
@import url('components/_article.css');
@import url('components/_navigation.css');
@import url('components/_breadcrumbs.css');
@import url('components/_toc.css');
@import url('components/_search.css');
@import url('components/_rating.css');
@import url('components/_feedback.css');
@import url('components/_prev-next.css');
@import url('components/_attachments.css');
@import url('components/_category-grid.css');
@import url('components/_related.css');
@import url('components/_mobile-nav.css');
@import url('components/_article-list.css');