/**
 * Safari Pricing Page Styles
 *
 * @package Safari_Ranthambore
 */

/* Pricing Tables */
.pricing-table { width: 100%; border-collapse: collapse; }
.pricing-table th, .pricing-table td { padding: var(--space-4) var(--space-5); text-align: left; border-bottom: 1px solid var(--color-border); }
.pricing-table th { background: var(--color-gold); color: #fff; font-weight: 700; font-size: var(--text-sm); text-transform: uppercase; letter-spacing: 0.05em; }
.pricing-table tbody tr:hover { background: var(--color-surface-2); }
.pricing-table .price { font-weight: 700; color: var(--color-primary); font-size: var(--text-lg); }

/* Pricing Cards */
.pricing-card { border: 2px solid var(--color-border); border-radius: var(--radius-xl); overflow: hidden; transition: all 0.3s ease; }
.pricing-card:hover { border-color: var(--color-gold); box-shadow: var(--shadow-xl); }
.pricing-card-header { padding: var(--space-8) var(--space-6); text-align: center; background: linear-gradient(135deg, var(--color-primary), var(--color-gold)); color: #fff; }
.pricing-card-header h3 { margin-bottom: var(--space-2); }
.pricing-card-body { padding: var(--space-6); }
.pricing-card-price { font-size: var(--text-4xl); font-weight: 800; }
.pricing-card-price small { font-size: var(--text-base); font-weight: 400; opacity: 0.8; }
.pricing-card.popular { border-color: var(--color-gold); }
.pricing-card.popular .pricing-card-header { background: linear-gradient(135deg, var(--color-gold), #B8860B); }

@media (max-width: 768px) {
	.pricing-table { font-size: var(--text-sm); }
	.pricing-table th, .pricing-table td { padding: var(--space-3); }
	.pricing-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}