/* ==========================================================================
   Reklamos kainos (Advertising prices) page — Udiena
   ========================================================================== */

.pricing-page {
	max-width: 820px;
	margin: 0 auto;
	padding: 8px 0 16px;
}

.pricing-lead {
	font-size: 1rem;
	line-height: 1.7;
	color: var(--udiena-color-text);
	background: var(--udiena-color-bg-alt);
	border-left: 4px solid var(--udiena-color-primary);
	border-radius: 0 var(--udiena-radius) var(--udiena-radius) 0;
	padding: 16px 18px;
	margin: 0 0 28px;
}

.pricing-title {
	font-size: 1.3rem;
	margin: 32px 0 4px;
	color: var(--udiena-color-primary);
}
.pricing-subtitle {
	margin: 0 0 16px;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--udiena-color-muted);
}

/* Tables */
.pricing-table-wrap { overflow-x: auto; }
.pricing-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
	background: #fff;
	border: 1px solid var(--udiena-color-border);
	border-radius: var(--udiena-radius-lg);
	overflow: hidden;
}
.pricing-table thead th {
	background: var(--udiena-color-primary);
	color: #fff;
	text-align: left;
	font-size: 0.82rem;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 11px 14px;
}
.pricing-table td {
	padding: 11px 14px;
	border-top: 1px solid var(--udiena-color-border);
	color: var(--udiena-color-text);
}
.pricing-table tbody tr:nth-child(even) { background: var(--udiena-color-bg-alt); }
.pricing-table tbody tr:hover { background: #eef2f9; }

/* Notes / conditions */
.pricing-notes {
	margin: 18px 0 24px;
	padding-left: 20px;
	line-height: 1.7;
	color: var(--udiena-color-text);
}
.pricing-notes li { margin-bottom: 8px; }

.pricing-contact {
	margin: 0 0 24px;
	padding: 12px 16px;
	background: var(--udiena-color-bg-alt);
	border-radius: var(--udiena-radius);
	font-size: 0.95rem;
}

.pricing-figure { margin: 0 0 28px; text-align: center; }
.pricing-figure img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border: 1px solid var(--udiena-color-border);
	border-radius: var(--udiena-radius-lg);
}

/* Mobile: turn rows into stacked cards using the data-label attributes. */
@media (max-width: 600px) {
	.pricing-table { border: none; }
	.pricing-table thead { display: none; }
	.pricing-table,
	.pricing-table tbody,
	.pricing-table tr,
	.pricing-table td { display: block; width: 100%; }
	.pricing-table tr {
		border: 1px solid var(--udiena-color-border);
		border-radius: var(--udiena-radius-lg);
		margin-bottom: 10px;
		background: #fff;
		overflow: hidden;
	}
	.pricing-table tbody tr:nth-child(even) { background: #fff; }
	.pricing-table td {
		display: flex;
		justify-content: space-between;
		gap: 16px;
		text-align: right;
		border-top: none;
		border-bottom: 1px solid var(--udiena-color-border);
		padding: 9px 14px;
	}
	.pricing-table td:last-child { border-bottom: none; }
	.pricing-table td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--udiena-color-muted);
		text-align: left;
	}
}