/* Emergency CSS override for package button active state */
/* Higher specificity and cache-busting */

.pricing-contact-form .package-btn.active,
.pricing-form .package-btn.active,
#pricingForm .package-btn.active {
    background: #6667ed !important;
    color: white !important;
    border: 3px solid #6667ed !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 30px rgba(102, 103, 237, 0.5) !important;
    position: relative !important;
}

.pricing-contact-form .package-btn.active .package-name,
.pricing-form .package-btn.active .package-name,
#pricingForm .package-btn.active .package-name {
    color: white !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

.pricing-contact-form .package-btn.active .package-price,
.pricing-form .package-btn.active .package-price,
#pricingForm .package-btn.active .package-price {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 700 !important;
}

/* Visible indicator overlay */
.pricing-contact-form .package-btn.active::before,
.pricing-form .package-btn.active::before,
#pricingForm .package-btn.active::before {
    content: "AUSGEWÄHLT" !important;
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #10b981 !important;
    color: white !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    font-weight: bold !important;
    z-index: 1000 !important;
}

/* Large checkmark indicator */
.pricing-contact-form .package-btn.active::after,
.pricing-form .package-btn.active::after,
#pricingForm .package-btn.active::after {
    content: "✓" !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 35px !important;
    height: 35px !important;
    background: rgba(16, 185, 129, 0.9) !important;
    color: white !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 18px !important;
    font-weight: bold !important;
    border: 3px solid white !important;
    z-index: 1001 !important;
    animation: pulse-check 1s infinite !important;
}

@keyframes pulse-check {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}