@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap');

body {

}

.roboto {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.navbar-nav > .nav-item > .nav-link {
	/*font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;*/
}

/* ============================================
   Company Pages Styles
   ============================================ */

/* Company Header */
.company-header {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.company-header-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.7;
}

.company-header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.3));
}

/* Company Profile Section */
.company-profile-section {
	position: relative;
}

/* Company Avatar */
.company-avatar {
	border-radius: 20px;
	border: 5px solid white;
	object-fit: cover;
	background: white;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Company Avatar Sizes */
.company-avatar-lg {
	width: 120px;
	height: 120px;
	border-width: 5px;
}

.company-avatar-md {
	width: 100px;
	height: 100px;
	border-width: 4px;
}

/* Company Header Sizes */
.company-header-lg {
	height: 250px;
}

.company-header-md {
	height: 200px;
}

/* Company Profile Section Offsets */
.company-profile-section-lg {
	margin-top: -80px;
}

.company-profile-section-md {
	margin-top: -60px;
}

/* Badges */
.points-badge {
	background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
	box-shadow: 0 2px 8px rgba(255, 215, 0, 0.3);
}

.admin-badge {
	background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
	box-shadow: 0 2px 8px rgba(220, 53, 69, 0.3);
}

.notification-badge {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 12px;
	height: 12px;
	background: #ff4444;
	border-radius: 50%;
	border: 2px solid white;
}

/* Sections */
.refer-section {
	background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
}

/* Utilities */
.text-purple {
	color: #9b59b6;
}

.hover-lift {
	transition: transform 0.2s, box-shadow 0.2s;
}

.hover-lift:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Responsive */
@media (max-width: 768px) {
	.company-header-lg {
		height: 200px;
	}
	
	.company-header-md {
		height: 180px;
	}
	
	.company-avatar-lg {
		width: 100px;
		height: 100px;
	}
	
	.company-avatar-md {
		width: 80px;
		height: 80px;
	}
}