/* Javni profil prikazuje samo dogovoreni identitet i osnovne podatke organizacije. */
.public-profile-page{
	width: min(100%,1120px);
	min-height: calc(100vh - 240px);
	margin: 0 auto;
	padding: 36px 24px 80px;
}

.public-profile-hero{
	min-height: 290px;
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	border: 1px solid #3d4b79;
	border-radius: 20px;
	padding: 34px;
	background: radial-gradient(circle at 76% 7%,#784b9e 0,transparent 38%),linear-gradient(120deg,#14264b,#121536 72%,#241845);
	background-size: cover;
	background-position: center;
	box-shadow: 0 18px 42px #04081950;
}

.public-profile-follow button{
	min-height: 44px;
	padding: 10px 20px;
	border: 1px solid #ad96ff;
	border-radius: 10px;
	background: #5c3dd1;
	color: #fff;
	font: 800 14px Manrope,system-ui,sans-serif;
	cursor: pointer;
}

.public-profile-follow button:hover{
	background: #7356e3;
}

.public-profile-organization{
	background-color: #101e3b;
	background-image: radial-gradient(circle at 75% 0,#236d9c66,transparent 38%),linear-gradient(110deg,#14204a,#0d1737 72%,#142958);
}

.public-profile-identity{
	display: flex;
	align-items: center;
	gap: 23px;
	min-width: 0;
}

.public-profile-avatar{
	display: grid;
	place-items: center;
	flex: none;
	width: 128px;
	height: 128px;
	overflow: hidden;
	border: 2px solid #59bdfb;
	border-radius: 50%;
	background: #101733;
	box-shadow: 0 12px 30px #02071666;
}

.public-profile-avatar img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.public-profile-logo img{
	object-fit: contain;
	padding: 8px;
}

.public-profile-avatar span{
	font: 800 42px Manrope,system-ui,sans-serif;
	color: #d8d7ff;
}

.public-profile-copy{
	min-width: 0;
}

.public-profile-kicker{
	margin: 0 0 6px;
	color: #b6a1ff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.public-profile-copy h1{
	margin: 0 0 10px;
	color: #fff;
	font: 800 clamp(28px,4vw,43px)/1.15 Manrope,system-ui,sans-serif;
	overflow-wrap: anywhere;
}

.public-profile-verification{
	display: inline-flex;
	padding: 7px 12px;
	border: 1px solid #4b5475;
	border-radius: 999px;
	background: #24304f;
	color: #c3cee8;
	font-size: 12px;
	font-weight: 800;
}

.public-profile-verification.is-verified{
	border-color: #288d69;
	background: #124833;
	color: #70efbc;
}

.public-profile-details{
	margin-top: 18px;
	padding: 26px 29px;
	border: 1px solid #2a365a;
	border-radius: 18px;
	background: linear-gradient(145deg,#16203c,#10182e);
}

.public-profile-details h1,.public-profile-details h2{
	margin: 0 0 19px;
	color: #f7f6ff;
	font: 800 21px Manrope,system-ui,sans-serif;
}

.public-profile-details p{
	color: #a8b4d5;
}

.public-profile-details dl{
	display: grid;
	gap: 0;
	margin: 0;
}

.public-profile-details dl>div{
	display: grid;
	grid-template-columns: minmax(160px,35%) minmax(0,1fr);
	gap: 16px;
	padding: 15px 0;
	border-bottom: 1px solid #ffffff18;
}

.public-profile-details dl>div:last-child{
	border-bottom: 0;
}

.public-profile-details dt{
	color: #aab8dd;
}

.public-profile-details dd{
	margin: 0;
	color: #f0f2ff;
	font-weight: 700;
	overflow-wrap: anywhere;
}

.public-profile-details dd a{
	color: #bfa4ff;
}

@media(max-width:600px){
	.public-profile-page{
		padding: 20px 16px 50px;
	}
	.public-profile-hero{
		min-height: 240px;
		padding: 23px;
	}
	.public-profile-identity{
		align-items: start;
		gap: 16px;
	}
	.public-profile-avatar{
		width: 82px;
		height: 82px;
	}
	.public-profile-avatar span{
		font-size: 28px;
	}
	.public-profile-copy h1{
		font-size: 26px;
	}
	.public-profile-details{
		padding: 21px;
	}
	.public-profile-details dl>div{
		grid-template-columns: 1fr;
		gap: 5px;
	}
}