/**
 * Color Variables
 * Easily customize primary, secondary, and other theme colors here
 */
:root {
	/* Primary Colors */
	--primary: #CC0000;
	--primary-dark: #0056b3;
	--primary-light: #66b3ff;
	
	/* Secondary Colors */
	--secondary: #333;
	--secondary-dark: #545b62;
	--secondary-light: #adb5bd;
	
	/* Success Colors */
	--success: #28a745;
	--success-dark: #1e7e34;
	--success-light: #71dd8a;
	
	/* Danger/Error Colors */
	--danger: #dc3545;
	--danger-dark: #bd2130;
	--danger-light: #f1b0b7;
	
	/* Warning Colors */
	--warning: #ffc107;
	--warning-dark: #d39e00;
	--warning-light: #ffd54f;
	
	/* Info Colors */
	--info: #17a2b8;
	--info-dark: #117a8b;
	--info-light: #5bc0de;
	
	/* Light Colors */
	--light: #f8f9fa;
	--light-dark: #dee2e6;
	
	/* Dark Colors */
	--dark: #343a40;
	--dark-light: #6c757d;
	
	/* Bootstrap 5 Compatible Variables */
	--bs-primary: var(--primary);
	--bs-secondary: var(--secondary);
	--bs-success: var(--success);
	--bs-danger: var(--danger);
	--bs-warning: var(--warning);
	--bs-info: var(--info);
	--bs-light: var(--light);
	--bs-dark: var(--dark);
}

#header {
	position: relative;
	z-index: 500;
}

section.section {
	/* background: var(--grey-100); */
    background: #fff;
	/* border-top: 5px solid var(--grey-100); */
	margin: 30px 0;
	padding: 50px 0;
}

/* Tabs - Use primary color for text color */
html body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link.active {
	color: var(--primary) !important;
}

/* Fix: Prevent navigation from being hidden on scroll - ALWAYS visible */
#header .header-nav-main nav.collapse {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
}

/* Ensure navigation stays visible during sticky header scroll and all states */
#header .header-nav-main nav.collapse.show,
#header .header-nav-main nav.collapse:not(.collapsing),
#header .header-nav-main nav.collapse.collapsing {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Prevent any hiding via display or visibility */
#header .header-nav-main nav[style*="display: none"],
#header .header-nav-main nav[style*="visibility: hidden"] {
	display: block !important;
	visibility: visible !important;
}

/* fix sidebar links arrows position */
ul.nav-list-arrows li a:before {
    bottom: 6px !important;
    top: auto !important;
}