/* Spyral theme — privileges page additions */
#privileges-spyral {
	font-family: 'MuseoSans', Calibri, 'Segoe UI', sans-serif;
	box-sizing: border-box;
}
#privileges-spyral,
#privileges-spyral *::before,
#privileges-spyral *::after {
	box-sizing: border-box;
}

.spyral-premium-compare {
	margin: 0 0 28px 0;
	border: 1px solid rgba(208, 165, 61, 0.22);
	border-radius: 6px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.28);
}

.spyral-premium-details {
	margin: 0 0 18px 0;
}

.spyral-premium-summary {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border: 1px solid rgba(208, 165, 61, 0.24);
	border-radius: 6px;
	background: linear-gradient(90deg, rgba(208, 165, 61, 0.12) 0%, rgba(208, 165, 61, 0.02) 100%);
	color: #d0a53d;
	font-weight: 700;
	cursor: pointer;
	user-select: none;
	list-style: none;
}

.spyral-premium-summary::-webkit-details-marker {
	display: none;
}

.spyral-premium-summary::before {
	content: "▸";
	font-size: 12px;
	opacity: 0.9;
	transition: transform 0.2s ease;
}

.spyral-premium-details[open] .spyral-premium-summary::before {
	transform: rotate(90deg);
}

.spyral-premium-details[open] .spyral-premium-summary {
	margin-bottom: 8px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.spyral-premium-compare-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	color: #d0a53d;
	background: linear-gradient(90deg, rgba(208, 165, 61, 0.14) 0%, rgba(208, 165, 61, 0.03) 100%);
	border-bottom: 1px solid rgba(208, 165, 61, 0.22);
	text-shadow: 0 0 8px rgba(208, 165, 61, 0.25);
}

.spyral-premium-compare-header i {
	opacity: 0.85;
}

.spyral-premium-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: rgba(0, 0, 0, 0.25);
}

.spyral-premium-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	margin: 0;
	font-size: 12px;
}

.spyral-premium-table th,
.spyral-premium-table td {
	padding: 9px 10px;
	text-align: center;
	border: 1px solid rgba(42, 47, 53, 0.9);
	vertical-align: middle;
}

.spyral-premium-table th:first-child,
.spyral-premium-table td:first-child {
	text-align: left;
	min-width: 200px;
}

.spyral-premium-table thead th {
	background: rgba(208, 165, 61, 0.12);
	color: #d0a53d;
	font-weight: bold;
	white-space: nowrap;
}

.spyral-premium-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.03);
}

.spyral-premium-table tbody td {
	color: #c8cdd2;
}

.spyral-premium-table tbody td:first-child {
	color: #b8b0a0;
	font-weight: 600;
}

.spyral-premium-table .spyral-rate {
	font-variant-numeric: tabular-nums;
	color: #e8dfd0;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.spyral-premium-table {
		font-size: 11px;
	}
	.spyral-premium-table th,
	.spyral-premium-table td {
		padding: 7px 6px;
	}
}

/* Override Spyral page.tpl .page_content rules so wide table can scroll */
article.page_article .page_content #privileges-spyral .spyral-premium-table-wrap {
	overflow-x: auto !important;
	overflow-y: visible !important;
}

article.page_article .page_content #privileges-spyral .spyral-premium-table {
	overflow: visible !important;
}