/* Unified Scholarship Interface - Website Styles */

/* Hide default Frappe header/navbar */
.navbar-default,
.navbar.navbar-default,
header.navbar,
.navbar-header:not(.navbar-expand-lg),
.page-header {
	display: none !important;
}

:root {
	--primary-color: #667eea;
	--secondary-color: #764ba2;
	--text-color: #333;
	--bg-light: #f8f9fa;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--text-color);
}

.hero-section {
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
	color: white;
	padding: 80px 20px;
	text-align: center;
}

.stat-card {
	background: white;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
}

.stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.feature-card {
	padding: 30px;
}

.feature-card h3 {
	color: var(--primary-color);
}

.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary:hover {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

/* Responsive */
@media (max-width: 768px) {
	.hero-section h1 {
		font-size: 2rem !important;
	}
	
	.hero-section p {
		font-size: 1.2rem !important;
	}
	
	.hero-buttons {
		flex-direction: column;
	}
	
	.hero-buttons .btn {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.navbar-brand {
		font-size: 1rem !important;
	}
}

@media (max-width: 576px) {
	.navbar-brand {
		font-size: 0.9rem !important;
	}
}