/* Lucide Pricelist Export — My-Account "Cenník" tab.
   Dark theme, aligned 1:1 with lucide-account-redesign design tokens. */

.lucide-ple {
	--ple-gold: #c9a86a;
	--ple-gold-bright: #e8c989;
	--ple-gold-soft: rgba(201, 168, 106, 0.12);
	--ple-gold-line: rgba(201, 168, 106, 0.25);
	--ple-card: #141414;
	--ple-card-hover: #1a1a1a;
	--ple-text: #f5f5f5;
	--ple-muted: #999;
	--ple-border: rgba(255, 255, 255, 0.08);
	--ple-radius: 12px;
}

.lucide-ple__intro {
	color: var(--ple-muted);
	margin: 0 0 24px;
	font-size: .95rem;
}

.lucide-ple__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
}

.lucide-ple__card {
	background: var(--ple-card);
	border: 1px solid var(--ple-border);
	border-radius: var(--ple-radius);
	padding: 24px;
	display: flex;
	flex-direction: column;
	transition: border-color .2s ease, background .2s ease;
}

.lucide-ple__card:hover {
	background: var(--ple-card-hover);
	border-color: var(--ple-gold-line);
}

.lucide-ple__card--primary {
	background: linear-gradient(135deg, rgba(201, 168, 106, 0.10), rgba(201, 168, 106, 0.02));
	border-color: var(--ple-gold-line);
}

.lucide-ple__card h3 {
	margin: 0 0 8px;
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--ple-text);
}

.lucide-ple__card p {
	margin: 0 0 20px;
	color: var(--ple-muted);
	font-size: .9rem;
	line-height: 1.5;
	flex: 1 1 auto;
}

.lucide-ple__btn {
	display: inline-flex;
	align-items: center;
	gap: .55em;
	align-self: flex-start;
	padding: .65rem 1.15rem;
	border-radius: 8px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	background: var(--ple-gold-soft);
	/* !important: the account theme forces a gold link colour with !important. */
	color: var(--ple-gold-bright) !important;
	border: 1px solid var(--ple-gold-line);
	transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.lucide-ple__btn:hover {
	background: var(--ple-gold);
	color: #000 !important;
	border-color: var(--ple-gold);
}

.lucide-ple__btn--primary {
	background: var(--ple-gold);
	color: #000 !important;
	border-color: var(--ple-gold);
}

.lucide-ple__btn--primary:hover {
	background: var(--ple-gold-bright);
	border-color: var(--ple-gold-bright);
}

.lucide-ple__ico {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
}