/**
 * eDoklady card — shared (account, home grid, prava pages)
 */

/* ============================================================
   BASE CARD
   ============================================================ */
.edoklady-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 20px 20px 22px;
	border-radius: 14px;
	overflow: hidden;
	text-decoration: none;
	background: #2362a2;
	box-sizing: border-box;
	box-shadow: 0 2px 16px rgba(35, 98, 162, 0.28);
	transition: box-shadow 0.22s ease, transform 0.22s ease;
	min-height: 170px;
}

.edoklady-card:hover {
	box-shadow: 0 8px 30px rgba(35, 98, 162, 0.4);
}

.edoklady-card:focus-visible {
	outline: 2px solid #79abfe;
	outline-offset: 3px;
}

/* Remove external-link icon injected by gov3/styles.min.css on a[target="_blank"] */
.edoklady-card::after,
.edoklady-card::before,
a.edoklady-card[target="_blank"]::after,
a.edoklady-card[target="_blank"]::before {
	display: none !important;
	content: "" !important;
	background: none !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ---- Lion watermark (top-right, large & faint) ---- */
.edoklady-card__lion {
	position: absolute;
	top: 12px;
	right: 14px;
	width: 80px;
	height: 80px;
	object-fit: contain;
	opacity: 0.18;
	pointer-events: none;
	filter: brightness(0) invert(1);
}

/* ---- Content block (bottom) ---- */
.edoklady-card__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.edoklady-card__brand {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.3px;
	line-height: 1;
	margin-bottom: 6px;
	display: block;
}

.edoklady-card__line {
	margin: 0;
	padding: 0;
	line-height: 1.35;
}

.edoklady-card__line--primary {
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.95);
}

.edoklady-card__line--secondary {
	font-size: 12px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
}

/* ---- Arrow — hidden everywhere ---- */
.edoklady-card__arrow {
	display: none !important;
}

/* ============================================================
   ACCOUNT: card same height as doc, side by side
   ============================================================ */
.acc-doc-banner-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 16px;
	width: 100%;
}

/* Doc fixed 540px — card fills the rest */
.acc-doc-banner-row__doc {
	flex: 0 0 540px;
	min-width: 0;
}

.acc-doc-banner-row .edoklady-card--account {
	flex: 1 1 0;
	min-width: 160px;
	min-height: 0;
}

@media (max-width: 760px) {
	.acc-doc-banner-row {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.acc-doc-banner-row__doc,
	.acc-doc-banner-row .edoklady-card--account {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
	}
	.acc-doc-banner-row .edoklady-card--account {
		min-height: 140px;
	}
}

/* ============================================================
   HOME: 4th tile "Kam dal / Where to next"
   ============================================================ */
.gov3-grid-tile--edoklady {
	display: flex;
	align-items: stretch;
}

.gov3-grid-tile--edoklady .edoklady-card--home {
	width: 100%;
	min-height: 220px;
}

.gov3-grid-tile--edoklady .edoklady-card--home .edoklady-card__lion {
	width: 100px;
	height: 100px;
	opacity: 0.15;
}

@media (max-width: 599px) {
	.gov3-grid-tile--edoklady .edoklady-card--home {
		min-height: 160px;
	}
}

/* ============================================================
   PRAVA: aside column
   ============================================================ */
.prava-edoklady-aside {
	flex: 0 0 min(33vw, 270px);
	max-width: 270px;
	min-width: 200px;
	align-self: flex-start;
}

.prava-edoklady-aside .edoklady-card--prava {
	width: 100%;
	min-height: 200px;
}

/* Beat angular inline flex-direction:row */
.wrapper-big-window--with-edoklady,
.wrapper-big-window[_ngcontent-kpo-c50].wrapper-big-window--with-edoklady {
	align-items: flex-start;
	gap: 24px;
}

.wrapper-big-window--with-edoklady > .upki-search-form.form-group,
.wrapper-big-window[_ngcontent-kpo-c50].wrapper-big-window--with-edoklady > .upki-search-form.form-group {
	flex: 1 1 auto;
	min-width: 0;
}

@media (max-width: 960px) {
	.prava-edoklady-aside {
		flex: 1 1 100%;
		max-width: 100%;
		min-width: 0;
		width: 100%;
		order: -1;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.prava-edoklady-aside .edoklady-card--prava {
		min-height: 130px;
	}
	.wrapper-big-window--with-edoklady,
	.wrapper-big-window[_ngcontent-kpo-c50].wrapper-big-window--with-edoklady {
		flex-direction: column;
	}
}