/* ==========================================================================
   List cards (Bricks global classes card-block*, top-block, no-background-button,
   wave/blob button): purchases + vacancies lists.
   ========================================================================== */
.card-block {
	position: relative;
	display: flex;
	flex-direction: column;
	row-gap: 2.4rem;
	padding: 4.8rem;
	background: var(--white);
	border-radius: var(--radius-s);
	box-shadow: 0 2.41px 6.42px 0 rgba(33, 56, 110, 0.17);
}
.card-block__head { width: 70%; }
.ju-block .card-block__title {
	font-size: 2.3rem;
	font-weight: 600;
	letter-spacing: -1.1px;
	color: var(--base);
}
.card-block__body {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.card-block__meta {
	display: flex;
	justify-content: space-between;
	width: 70%;
	margin: 0;
}
.card-block__meta-item { margin: 0; }
.card-block__label {
	font-size: 1.4rem;
	font-weight: 700;
	color: rgba(12, 18, 33, 0.59);
}
.card-block__value {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 600;
	color: var(--secondary);
}
.card-block__actions {
	display: flex;
	align-self: flex-end;
	justify-content: flex-end;
	width: 30%;
}

/* Plain "Skatīt vairāk" link: visible on mobile; on desktop only for keyboard/screen readers. */
.no-background-button {
	display: flex;
	padding: 1.4rem 2.4rem;
	font-size: 1.4rem;
	font-weight: 600;
	color: var(--primary);
	border: 1px solid var(--primary);
	border-radius: 16px;
}
.no-background-button:hover { color: var(--white); background-color: var(--primary); }
@media (min-width: 768px) {
	.card-block__link {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}
}

/* Wave/blob button (ju_wave_button(), styles in home.css): desktop, shown on card hover
   or keyboard focus inside the card; centred in a 20rem box at the card's right edge. */
.card-block__wave {
	position: absolute;
	top: 50%;
	right: 0;
	min-width: 20rem;
	visibility: hidden; /* not display:none: the shared #goo filter may live inside */
	transform: translateY(-50%);
}
.card-block__wave .blob-btn { font-size: 1.4rem; line-height: normal; }
@media (max-width: 767px) {
	.card-block__wave { display: none; }
}
@media (min-width: 768px) {
	.card-block:hover .card-block__wave,
	.card-block:focus-within .card-block__wave { visibility: visible; }
}

@media (max-width: 991px) {
	.card-block__meta {
		flex-wrap: wrap;
		justify-content: flex-start;
		row-gap: 2rem;
	}
	.card-block__meta-item { padding-right: 3rem; }
}
@media (max-width: 767px) {
	.card-block__head { width: 100%; }
	.ju-block .card-block__title { font-size: 1.8rem; text-align: center; }
	.card-block__body {
		flex-direction: column;
		align-items: center;
		row-gap: 2rem;
	}
	.card-block__meta {
		width: 100%;
		column-gap: 4rem;
	}
	.card-block__actions {
		align-self: stretch;
		justify-content: flex-start;
		width: 100%;
	}
	/* Bricks rendered this link squeezed to its min-content width next to the (invisible) goo SVG. */
	.card-block__link { width: min-content; }
}

/* ==========================================================================
   Purchases page (Bricks template 1508): filters box + list.
   ========================================================================== */
.page-content > .ju-block.purchases { margin-top: calc(9.8rem - var(--section-space-s)); }
.page-content > .ju-block.purchases:last-child { margin-bottom: calc(10.4rem - var(--section-space-m)); }
.purchases {
	display: flex;
	flex-direction: column;
	row-gap: 4rem;
}
.purchases__filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	column-gap: 2.4rem;
	padding: 3.2rem 3.2rem 0;
	background-color: rgba(155, 203, 235, 0.1);
	border: 1px solid #e1f1fd;
	border-radius: var(--radius-s);
}
.filter-title {
	padding-bottom: .5rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--base);
}
.purchases__list {
	display: flex;
	flex-direction: column;
	row-gap: 1.6rem;
	padding-top: .6rem; /* Bricks loop offset above the first card */
}
.purchases__list.wpgb-template { opacity: 1; }
.purchases__empty { font-size: 1.6rem; color: var(--base); }
@media (max-width: 991px) {
	.purchases__filters { justify-content: flex-start; }
}
@media (max-width: 478px) {
	.purchases__filters { justify-content: center; }
}
@media (max-width: 767px) {
	.purchase-card .card-block__meta-item:first-child .card-block__value { font-size: 1.4rem; }
}

/* WP Grid Builder facet skin (Global CSS .wpgb-*). Fields use the site font like on the Bricks site. */
.purchases__filters input,
.purchases__filters select,
.purchases__filters button { font-family: inherit; }
.purchases__filters .wpgb-select input { color: inherit; }
.purchases .wpgb-facet fieldset { margin: 0; padding: 0; border: 0; }
.purchases .wpgb-facet fieldset:last-child { margin-bottom: 40px; }
.wpgb-select {
	background-color: #fff !important;
	border: 1px solid #e1f1fd !important;
	border-radius: 10px !important;
	outline: unset !important;
}
.wpgb-select-separator { display: none; }
.wpgb-select button { color: var(--primary) !important; }
.wpgb-select-controls svg { width: 18px !important; height: 18px !important; color: var(--primary) !important; }
.wpgb-facet-1 .wpgb-select { width: 19rem !important; }
.wpgb-date-facet label input {
	background-color: #fff !important;
	border: 1px solid #e1f1fd !important;
	outline: unset !important;
	text-indent: 4px !important;
}
.wpgb-date-facet label svg {
	right: 0 !important;
	left: unset !important;
	stroke: #9bcbeb !important;
}

/* Single purchase / vacancy meta row (Bricks 553 "Ipeirkumi/Vacancies Container"),
   printed on the ju_single_after_hero action. */
.single-meta {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 4rem;
	/* Bricks: first row of the content section (padding-top 4.2rem), 70% of the 1440 container. */
	padding: 4.2rem var(--gutter) 0;
}
.single-meta + .page-content--generic > .page-main:first-child { padding-top: 0; }
.single-meta__list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(min(100%, var(--site-width)) * .7);
	margin: 0;
}
.single-meta__item { margin: 0; }
.single-meta__item--icon {
	display: flex;
	align-items: center;
	column-gap: 1.2rem;
	padding-right: 5.6rem;
}
.single-meta__item--icon:last-child { padding-right: 0; }
.single-meta__list:has(.single-meta__item--icon) { justify-content: center; }
@media (max-width: 991px) {
	.single-meta__list {
		flex-wrap: wrap;
		justify-content: flex-start;
		row-gap: 2rem;
	}
	.single-meta__item { padding-right: 3rem; }
}
@media (max-width: 767px) {
	.single-meta { margin-bottom: 2rem; padding-top: 0; }
	.single-meta__list { width: 100%; column-gap: 4rem; }
	.single-meta__item { align-self: flex-start; padding-right: 0; }
	.single-meta__item:first-child .card-block__value { font-size: 1.4rem; }
}
@media (max-width: 478px) {
	.single-meta__list { flex-direction: column; align-items: flex-start; }
}