/* Shared pricing plans partial (homepage + update-plan) */

.pricing-plans-block .pricing-billing-toggle-group {
    display: inline-flex;
    gap: 0;
    padding: 0.25rem;
    background: #fff;
    border: 1px solid rgba(0, 121, 107, 0.25);
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.pricing-plans-block .pricing-billing-btn {
    border: none;
    background: transparent;
    color: #00796b;
    font-weight: 600;
    padding: 0.5rem 1.25rem;
    border-radius: 999px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.pricing-plans-block .pricing-billing-btn:hover {
    background: #e0f2f1;
    color: #005a4f;
}

.pricing-plans-block .pricing-billing-btn.active {
    background: #00796b;
    color: #fff;
}

.pricing-plans-block .pricing-billing-btn.active .badge {
    background: #ffd54a !important;
    color: #1a1a1a !important;
}

.pricing-plans-block .pricing-card-free .plan-subline {
    color: rgba(255, 255, 255, 0.85);
}

.pricing-plans-block .pricing-card-free .plan-features i.bi-x {
    color: rgba(255, 255, 255, 0.55);
}

.pricing-plans-block .btn-free-cta {
    background: #fff;
    border: 2px solid #fff;
    color: #00796b;
    font-weight: 600;
}

.pricing-plans-block .btn-free-cta:hover,
.pricing-plans-block .btn-free-cta:focus {
    background: #e0f2f1;
    border-color: #e0f2f1;
    color: #005a4f;
}

.pricing-plans-block .btn-free-card {
    background: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.9);
    color: #fff;
    font-weight: 600;
}

.pricing-plans-block .btn-free-card:hover:not(:disabled),
.pricing-plans-block .btn-free-card:focus:not(:disabled) {
    background: #fff;
    border-color: #fff;
    color: #00796b;
}

.pricing-plans-block .btn-free-card:disabled {
    opacity: 1;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.75);
    background: rgba(255, 255, 255, 0.22);
}