/* vitips VIP — front-end styles for pricing, comparison, and locked tips.
   Reuses theme custom properties where available, with safe fallbacks. */

.vitips-pricing__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.25rem;
	margin: 1.5rem 0;
}

.vitips-plan {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--vitips-line, #e2e2e2);
	border-radius: var(--vitips-radius, 12px);
	padding: 1.5rem;
	background: var(--vitips-surface, #fff);
}

.vitips-plan__head {
	border-bottom: 1px solid var(--vitips-line, #e2e2e2);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.vitips-plan__name {
	margin: .5rem 0 .25rem;
	font-size: 1.4rem;
}

.vitips-plan__price {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
}

.vitips-plan__features {
	list-style: none;
	margin: 0 0 1.25rem;
	padding: 0;
	flex: 1 1 auto;
}

.vitips-plan__features li {
	padding: .4rem 0 .4rem 1.6rem;
	position: relative;
}

.vitips-plan__features li::before {
	content: "✓";
	position: absolute;
	left: 0;
	color: var(--vitips-brass, #b08d57);
	font-weight: 700;
}

.vitips-plan__cta {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: .8rem 1.25rem;
	border-radius: var(--vitips-radius, 12px);
	background: var(--vitips-brass, #b08d57);
	color: #1a1a1a;
	font-weight: 700;
}

.vitips-plan__cta:hover { filter: brightness(1.05); }

.vitips-plan__cta--disabled {
	background: var(--vitips-line, #e2e2e2);
	color: #777;
	cursor: not-allowed;
}

/* Comparison table */
.vitips-cmp {
	width: 100%;
	border-collapse: collapse;
	margin: 1.5rem 0;
}

.vitips-cmp th,
.vitips-cmp td {
	border: 1px solid var(--vitips-line, #e2e2e2);
	padding: .75rem 1rem;
	text-align: left;
}

.vitips-cmp td { text-align: center; }
.vitips-cmp__vip { background: rgba(176, 141, 87, .08); }
.vitips-cmp__yes { color: #1c7c3a; font-weight: 700; }
.vitips-cmp__no { color: #999; }
.vitips-comparison__cta { text-align: center; margin-top: 1rem; }

/* Locked tip (single + cards) */
.vitips-locked {
	border: 1px dashed var(--vitips-brass, #b08d57);
	border-radius: var(--vitips-radius, 12px);
	padding: 1.5rem;
	text-align: center;
	background: rgba(176, 141, 87, .06);
}

.vitips-locked__inner { max-width: 38rem; margin: 0 auto; }
.vitips-locked h2 { margin: .5rem 0; }

.vitips-locked__cta {
	display: inline-block;
	margin-top: .75rem;
	padding: .7rem 1.2rem;
	border-radius: var(--vitips-radius, 12px);
	background: var(--vitips-brass, #b08d57);
	color: #1a1a1a;
	font-weight: 700;
	text-decoration: none;
}

/* Locked card variant: blur the sensitive bits */
.vitips-card--locked .vitips-card__pick {
	filter: blur(5px);
	user-select: none;
	pointer-events: none;
}

.vitips-card__lock {
	display: flex;
	align-items: center;
	gap: .4rem;
	margin: .5rem 0 0;
	font-weight: 600;
	color: var(--vitips-brass, #b08d57);
}

.vitips-card__lock a { color: inherit; }