/* Javni pregled anketa, kategorija i arhive u istom vizuelnom jeziku kao početna. */
.discovery-page{
	max-width: 1480px;
	min-height: 65vh;
	margin: 0 auto;
	padding: 16px 4% 85px;
}

.discovery-hero{
	padding: 48px clamp(24px,5vw,70px);
	border: 1px solid #ffffff25;
	border-radius: 28px;
	background: radial-gradient(circle at 95% 0,#464b79 0,transparent 450px),linear-gradient(130deg,#1f2341,#292e51);
	box-shadow: 0 18px 45px #1a17472b;
}

.discovery-eyebrow{
	display: inline-block;
	color: #c7c5ee;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.discovery-hero h1{
	max-width: 870px;
	margin: 12px 0;
	font: 800 clamp(33px,4vw,54px)/1.14 Manrope,system-ui,sans-serif;
	letter-spacing: -.045em;
	color: #fff;
}

.discovery-hero p{
	max-width: 710px;
	margin: 0;
	color: #d8dcee;
	font-size: 16px;
	line-height: 1.65;
}

.discovery-main-links{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 27px;
}

.discovery-main-links a{
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 9px 15px;
	border: 1px solid #ffffff54;
	border-radius: 11px;
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.discovery-main-links a:hover,.discovery-main-links a[aria-current]{
	background: #f0eafa;
	color: #282344;
}

.discovery-controls{
	margin: 28px 0 35px;
}

.discovery-search{
	padding: 23px;
	border: 1px solid #dedaf3;
	border-radius: 18px;
	background: #f8f7ff;
	color: var(--ink);
	box-shadow: 0 10px 30px #251a681c;
}

.discovery-search label{
	display: block;
	margin-bottom: 11px;
	font-size: 13px;
	font-weight: 800;
}

.discovery-search-row{
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(180px,240px) auto;
	gap: 10px;
}

.discovery-search-row input,.discovery-search-row select{
	min-width: 0;
	min-height: 48px;
	padding: 10px 13px;
	border: 1px solid #cfd2e6;
	border-radius: 10px;
	background: #fff;
	color: var(--ink);
	font: inherit;
	font-size: 14px;
}

.discovery-search-row button{
	min-height: 48px;
	padding: 10px 20px;
	border: 0;
	border-radius: 10px;
	background: #202340;
	color: #fff;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.discovery-search-row button:hover{
	background: #373b65;
}

.discovery-categories{
	display: flex;
	gap: 8px;
	overflow-x: auto;
	margin-top: 18px;
	padding: 2px 0 8px;
	scrollbar-width: thin;
}

.discovery-categories a{
	flex: none;
	padding: 9px 13px;
	border: 1px solid #dfe0f2;
	border-radius: 99px;
	background: #fff;
	color: #4c526f;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.discovery-categories a:hover,.discovery-categories a[aria-current]{
	background: #292c50;
	border-color: #292c50;
	color: #fff;
}

.discovery-result-heading{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 18px;
}

.discovery-result-heading h2{
	margin: 0;
	color: var(--canvas-ink);
	font: 800 22px Manrope,system-ui,sans-serif;
}

.discovery-result-heading a{
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	text-underline-offset: 3px;
}

.discovery-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr));
	gap: 16px;
}

.discovery-card{
	display: flex;
	flex-direction: column;
	min-height: 340px;
	padding: 22px;
	border: 1px solid #e0e2f0;
	border-top: 4px solid #7064b7;
	border-radius: 18px;
	background: #fff;
	color: var(--ink);
	box-shadow: 0 9px 28px #24214917;
	transition: transform .18s,box-shadow .18s;
}

.discovery-card:hover{
	transform: translateY(-3px);
	box-shadow: 0 17px 35px #2421492b;
}

.discovery-card-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 11px;
	font-weight: 800;
}

.discovery-card-category{
	color: #5f56a3;
	text-decoration: none;
}

.discovery-card-category:hover{
	text-decoration: underline;
}

.discovery-card-status{
	flex: none;
	padding: 5px 9px;
	border-radius: 99px;
	background: #e5f4eb;
	color: #20704e;
}

.discovery-card-status.is-finished{
	background: #fff0db;
	color: #845722;
}

.discovery-card h3{
	margin: 18px 0 10px;
	font: 800 19px/1.36 Manrope,system-ui,sans-serif;
	letter-spacing: -.02em;
	overflow-wrap: anywhere;
}

.discovery-card-description{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 0 15px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.5;
}

.discovery-card-answers{
	max-height: 138px;
	overflow: auto;
	margin: 3px 0 20px;
	scrollbar-width: thin;
}

.discovery-card-answers span{
	display: block;
	margin-bottom: 5px;
	padding: 7px 10px;
	border-radius: 8px;
	background: #f5f6fb;
	color: #4e576b;
	font-size: 12px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.discovery-card-actions{
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-top: auto;
	padding-top: 14px;
	border-top: 1px solid #e9eaf3;
}

.discovery-card-actions a{
	color: #5b52a0;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.discovery-card-actions a:hover{
	text-decoration: underline;
}

.discovery-empty{
	padding: 35px;
	border: 1px solid #e0e2f0;
	border-radius: 18px;
	background: #fff;
	color: var(--ink);
}

.discovery-empty h1{
	margin: 0 0 10px;
	color: var(--ink);
	font: 800 30px Manrope,system-ui,sans-serif;
}

.discovery-empty p{
	margin: 0;
	color: var(--muted);
	line-height: 1.6;
}

.discovery-empty a{
	display: inline-block;
	margin-top: 17px;
	color: #5b52a0;
	font-weight: 800;
}

.discovery-pages{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 32px;
	color: #f7f4ff;
	font-size: 13px;
	font-weight: 800;
}

.discovery-pages a{
	padding: 10px 15px;
	border: 1px solid #ffffff7a;
	border-radius: 9px;
	color: #fff;
	text-decoration: none;
}

.discovery-pages a:hover{
	background: #ffffff25;
}

.home-discovery{
	display: flex;
	align-items: end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	margin: 8px 0 34px;
}

.home-discovery-form{
	display: flex;
	flex: 1 1 340px;
	gap: 9px;
	max-width: 650px;
}

.home-discovery-form input{
	flex: 1;
	min-width: 0;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid #dedaf3;
	border-radius: 11px;
	background: #fff;
	color: var(--ink);
	font: inherit;
	font-size: 13px;
}

.home-discovery-form button,.home-discovery>a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 10px 16px;
	border: 1px solid #ffffff78;
	border-radius: 11px;
	background: #242744;
	color: #fff;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
}

.home-discovery-form button:hover,.home-discovery>a:hover{
	background: #383d68;
}

.category-heading-actions{
	display: flex;
	align-items: center;
	gap: 15px;
}

.category-heading-actions a{
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	text-underline-offset: 3px;
}

.discovery-card .poll-vote-count{
	margin: 4px 0 10px;
	color: #625982;
	font-size: 13px;
	font-weight: 700;
}

@media(max-width:700px){
	.discovery-page{
		padding: 8px 4% 60px;
	}
	.discovery-hero{
		padding: 35px 25px;
		border-radius: 23px;
	}
	.discovery-search-row{
		grid-template-columns: 1fr;
	}
	.discovery-result-heading{
		align-items: flex-start;
		flex-direction: column;
	}
	.discovery-card{
		min-height: 0;
	}
	.category-heading-actions{
		align-items: flex-end;
		flex-direction: column;
		gap: 5px;
	}
}

@media(max-width:480px){
	.home-discovery-form{
		flex-wrap: wrap;
	}
	.home-discovery-form input{
		flex-basis: 100%;
	}
	.home-discovery-form button{
		width: 100%;
	}
	.discovery-pages{
		gap: 9px;
		flex-wrap: wrap;
	}
	.discovery-pages a{
		padding: 9px 11px;
	}
}