:root { --bs-primary: #0066cc; }
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden; /* Sakriva scrollbar */
}
body { padding-top: 10px; }

.main-content {
	height: calc(100vh - 0px);
	overflow-y: scroll;      /* Dozvoljava scroll */
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; /* Omogućava glatki scroll na iOS */
	/* Sakriva scrollbar na svim pregledačima */
	-ms-overflow-style: none;      /* IE i Edge */
	scrollbar-width: none;         /* Firefox */
}
.main-content::-webkit-scrollbar {
	display: none;                 /* Chrome, Safari, Opera */
}

.card { border-radius: 16px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
.card:hover { transform: translateY(-12px); box-shadow: 0 24px 48px rgba(0,0,0,0.2) !important; }
.card-footer { background: linear-gradient(135deg, var(--bs-primary), #004c99); border: none; color: white; }

@media (max-width: 576px) { .modul-col { flex: 0 0 50%; max-width: 50%; }}
@media (min-width: 577px) and (max-width: 991px) { .modul-col { flex: 0 0 33.33%; max-width: 33.33%; }}
@media (min-width: 992px) { .modul-col { flex: 0 0 20%; max-width: 20%; }}

.online-only { display: none; }