/* CCSPP Sponsorship Table
   Leans on UIkit / YOOtheme table classes; only borders, the tier header
   and the check marks need custom rules. */

.ccspp-sp-table {
	width: 100%;
	margin-bottom: 0;
}

/* Comfortable, even cell padding */
.ccspp-sp-table th,
.ccspp-sp-table td {
	padding: 12px 16px;
	vertical-align: middle;
}

/* Full grid borders (toggle: "Show cell borders") */
.ccspp-sp-bordered {
	border-collapse: collapse;
}
.ccspp-sp-bordered th,
.ccspp-sp-bordered td {
	border: 1px solid rgba(0, 0, 0, 0.12);
}

/* First column: benefit descriptions, left aligned */
.ccspp-sp-firstcol {
	text-align: left;
}

/* Tier header cell */
.ccspp-sp-head {
	white-space: nowrap;
}
.ccspp-sp-name {
	display: block;
	font-weight: 700;
	line-height: 1.2;
}
.ccspp-sp-price {
	display: block;
	margin-top: 0.15em;
	font-size: 0.9em;
	opacity: 0.8;
}
/* On a highlighted (primary) header the price stays legible */
.ccspp-sp-featured .ccspp-sp-price {
	opacity: 0.9;
}

/* Striped rows — explicit so the alternating shade is always visible
   (the theme's default uk-table-striped tint can be nearly invisible,
   especially with cell borders on). Higher specificity via `> td`. */
.ccspp-sp-table.uk-table-striped tbody tr:nth-of-type(even) > td:not(.ccspp-sp-featured-col) {
	background-color: rgba(0, 0, 0, 0.045);
}

/* Subtle emphasis down a highlighted column's body cells */
.ccspp-sp-featured-col {
	background: rgba(0, 0, 0, 0.03);
}

/* Check marks */
.ccspp-sp-check {
	display: inline-block;
}
.ccspp-sp-check svg {
	width: 20px;
	height: 20px;
}

/* Dash for empty cells */
.ccspp-sp-empty {
	opacity: 0.35;
}