.elementor-102 .elementor-element.elementor-element-eae7ca5{--display:flex;}.elementor-102 .elementor-element.elementor-element-eae7ca5:not(.elementor-motion-effects-element-type-background), .elementor-102 .elementor-element.elementor-element-eae7ca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-102 .elementor-element.elementor-element-4b141a7{padding:5% 0% 5% 0%;}/* Start custom CSS for shortcode, class: .elementor-element-4b141a7 */<style>
/* ============================================
   FORCE INLINE RADIO + 2 CARDS PER ROW
   ============================================ */

.page-id-102 .elementor-element-eae7ca5 {
    background: #F8F9FA !important;
    min-height: 100vh !important;
    padding: 50px 20px !important;
}

.pms-form {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
}

.pms-form-fields-wrapper {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pms-field-subscriptions {
    order: -1 !important;
    margin: 0 0 40px 0 !important;
    padding: 0 !important;
    border: none !important;
}

.pms-field-subscriptions::before {
    content: "Choose Your Perfect Plan" !important;
    display: block !important;
    font-size: 35px !important;
    font-weight: 700 !important;
    color: #261C2C !important;
    margin-bottom: 30px !important;
    text-align: center !important;
}

/* FORCE 2x2 GRID */
.pms-subscription-plans-group {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 1000px !important;
}

.pms-subscription-plan {
    background: #FFFFFF !important;
    border: 2px solid #E8ECF1 !important;
    border-radius: 16px !important;
    padding: 20px 20px !important;
    margin: 0 0 20px 0 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
    min-height: 140px !important;
    list-style: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.pms-subscription-plan:hover {
    border-color: #6E85B2 !important;
    box-shadow: 0 8px 24px rgba(110, 133, 178, 0.18) !important;
    transform: translateY(-4px) !important;
}

.pms-subscription-plan:has(input[type="radio"]:checked) {
    background: linear-gradient(135deg, #F8FAFF 0%, #F0F4FF 100%) !important;
    border-color: #6E85B2 !important;
    box-shadow: 0 8px 28px rgba(110, 133, 178, 0.25) !important;
    margin-bottom: 20px !important;
}

.pms-subscription-plan label {
    display: block !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* CRITICAL FIX: Force the label's direct children to be inline */
.pms-subscription-plan label > * {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Force first child (usually contains radio) to be flex */
.pms-subscription-plan label > span:first-child,
.pms-subscription-plan label > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

/* SMALL RADIO BUTTON - 16px */
.pms-subscription-plan input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    border: 2px solid #D1D5DB !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    background: white !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: all 0.25s ease !important;
}

.pms-subscription-plan input[type="radio"]:hover {
    border-color: #6E85B2 !important;
    box-shadow: 0 0 0 4px rgba(110, 133, 178, 0.1) !important;
}

.pms-subscription-plan input[type="radio"]:checked {
    border-color: #6E85B2 !important;
    background: #6E85B2 !important;
}

.pms-subscription-plan input[type="radio"]:checked::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 6px !important;
    height: 6px !important;
    background: #FFFFFF !important;
    border-radius: 50% !important;
}

/* PLAN NAME INLINE - Same line as radio */
.pms-subscription-plan-name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #261C2C !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 10px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.pms-subscription-plan:has(input:checked) .pms-subscription-plan-name {
    color: #6E85B2 !important;
}

/* Force price to new line */
.pms-subscription-plan-price {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 10px 0 !important;
    clear: both !important;
}

.pms-subscription-plan-price-value {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: #6E85B2 !important;
    line-height: 1 !important;
}

.pms-subscription-plan-currency {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #6E85B2 !important;
    vertical-align: super !important;
}

/* Force description to new line */
.pms-subscription-plan-description {
    display: block !important;
    width: 100% !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #E8ECF1 !important;
    font-size: 14px !important;
    color: #6B7280 !important;
    clear: both !important;
}

.pms-account-section-wrapper {
    order: 0 !important;
    background: #FFFFFF !important;
    padding: 35px !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
    margin-bottom: 25px !important;
    border: 1px solid #E8ECF1 !important;
}

.pms-field {
    margin-bottom: 20px !important;
    list-style: none !important;
}

.pms-field label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #261C2C !important;
    margin-bottom: 8px !important;
}

.pms-field input[type="text"],
.pms-field input[type="email"],
.pms-field input[type="password"] {
    width: 100% !important;
    padding: 13px 16px !important;
    border: 2px solid #E8ECF1 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    color: #261C2C !important;
    background: #F9FAFB !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.pms-field input::placeholder {
    color: #9CA3AF !important;
}

.pms-field input:focus {
    border-color: #6E85B2 !important;
    background: #FFFFFF !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(110, 133, 178, 0.1) !important;
}

.pms-form-submit {
    width: 100% !important;
    padding: 20px 32px !important;
    background: linear-gradient(135deg, #6E85B2 0%, #5C527F 100%) !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 14px rgba(110, 133, 178, 0.3) !important; !important;
    margin: 0 auto !important;
    max-width : 50% !important;
    display: block !important;
}

.pms-form-submit:hover {
    background: linear-gradient(135deg, #5C527F 0%, #6E85B2 100%) !important;
    box-shadow: 0 6px 20px rgba(110, 133, 178, 0.4) !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 900px) {
    .pms-subscription-plans-group {
        gap: 20px !important;
    }
}

@media (max-width: 600px) {
    .pms-subscription-plans-group {
        grid-template-columns: 1fr !important;
    }
}
</style>

<script>
(function() {
    'use strict';
    
    // Lightweight CSS-only approach - just add classes, don't rebuild HTML
    function addInlineClasses() {
        const planCards = document.querySelectorAll('.pms-subscription-plan');
        
        if (planCards.length === 0) return false;
        
        console.log('✅ Adding inline classes to ' + planCards.length + ' cards');
        
        planCards.forEach(function(card) {
            const label = card.querySelector('label');
            if (!label) return;
            
            // Add a wrapper class to the first element in label (usually contains radio + name)
            const firstChild = label.children[0];
            if (firstChild) {
                firstChild.style.display = 'flex';
                firstChild.style.alignItems = 'center';
                firstChild.style.gap = '20px';
                firstChild.style.marginBottom = '12px';
                firstChild.style.width = '100%';
            }
            
            // Ensure radio is inline
            const radio = card.querySelector('input[type="radio"]');
            if (radio) {
                radio.style.display = 'inline-block';
                radio.style.verticalAlign = 'middle';
            }
            
            // Ensure plan name is inline
            const planName = card.querySelector('.pms-subscription-plan-name');
            if (planName) {
                planName.style.display = 'inline-block';
                planName.style.verticalAlign = 'middle';
                planName.style.margin = '0';
                planName.style.marginLeft = '20px';
                planName.style.paddingLeft = '20px';
            }
        });
        
        // Ensure grid layout
        const plansGroup = document.querySelector('.pms-subscription-plans-group');
        if (plansGroup) {
            plansGroup.style.display = 'grid';
            plansGroup.style.gridTemplateColumns = 'repeat(2, 1fr)';
            plansGroup.style.gap = '20px';
        }
        
        return true;
    }
    
    // Run once when DOM is ready
    function init() {
        setTimeout(addInlineClasses, 100);
        setTimeout(addInlineClasses, 500);
        setTimeout(addInlineClasses, 1000);
    }
    
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
    
    console.log('✅ PMS Inline CSS Helper Loaded');
})();
</script>/* End custom CSS */