/**
 * oPanel 2026 Pricing-Specific Micro-Styling
 */

.price-val {
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.yearly-sub-val {
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Subtle background hover gradient for highlighted popular plans */
.pricing-card.premium-border::after {
    content: '';
    position: absolute;
    inset: -1px;
    background: linear-gradient(135deg, rgba(var(--c-light-turquoise), 0.05) 0%, rgba(var(--c-dark-blue), 0.03) 100%);
    border-radius: 1.5rem;
    pointer-events: none;
    z-index: -1;
}

/* Responsive adjustments for pricing grids */
@media (min-width: 1024px) {
    .pricing-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px -10px rgba(var(--c-dark-blue), 0.08);
    }
    
    .pricing-card.premium-border:hover {
        transform: translateY(-12px);
        box-shadow: 0 25px 50px -12px rgba(var(--c-dark-blue), 0.18);
    }
}