/* ============================================
   SELLER PHONE SHORTCODE STYLES
   ============================================ */
            /* ========== SELLER PHONE GLASSMORPHIC STYLES ========== */
            
            /* Container */
            .portalcloud9-seller-phone {
                display: inline-block;
                margin: 10px 0;
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            }
            
            /* ========== BUTTON STYLE ========== */
            .portalcloud9-phone-btn {
                display: inline-flex;
                align-items: center;
                gap: 12px;
                padding: 14px 24px;
                background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(50, 50, 50, 0.75) 100%);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                border-radius: 12px;
                color: #ffffff;
                text-decoration: none;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: 
                    0 4px 16px rgba(0, 0, 0, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
                position: relative;
                overflow: hidden;
            }
            
            .portalcloud9-phone-btn::before {
                content: '';
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
                transition: left 0.5s;
            }
            
            .portalcloud9-phone-btn:hover::before {
                left: 100%;
            }
            
            .portalcloud9-phone-btn:hover {
                transform: translateY(-2px);
                box-shadow: 
                    0 6px 24px rgba(0, 0, 0, 0.4),
                    inset 0 1px 0 rgba(255, 255, 255, 0.15);
                border-color: rgba(255, 255, 255, 0.25);
            }
            
            .portalcloud9-phone-btn:active {
                transform: translateY(0);
                box-shadow: 
                    0 2px 8px rgba(0, 0, 0, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
            }
            
            /* Disabled/Locked State */
            .portalcloud9-phone-disabled {
                cursor: not-allowed;
                opacity: 0.8;
            }
            
            .portalcloud9-phone-disabled:hover {
                transform: none;
                box-shadow: 
                    0 4px 16px rgba(0, 0, 0, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
                border-color: rgba(255, 255, 255, 0.15);
            }
            
            .portalcloud9-phone-disabled::before {
                display: none;
            }
            
            .portalcloud9-phone-disabled .portalcloud9-phone-icon {
                background: linear-gradient(135deg, #6B7280 0%, #4B5563 100%);
                box-shadow: 
                    0 0 20px rgba(107, 114, 128, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.15);
            }
            
            /* Icon styling with dodger blue gradient */
            .portalcloud9-phone-icon {
                font-size: 24px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                background: linear-gradient(135deg, #1E90FF 0%, #0066CC 100%);
                border-radius: 50%;
                box-shadow: 
                    0 0 20px rgba(30, 144, 255, 0.4),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
                transition: all 0.3s ease;
                position: relative;
                z-index: 1;
            }
            
            .portalcloud9-phone-btn:hover .portalcloud9-phone-icon {
                box-shadow: 
                    0 0 30px rgba(30, 144, 255, 0.6),
                    inset 0 1px 0 rgba(255, 255, 255, 0.3);
                transform: scale(1.05);
            }
            
            .portalcloud9-phone-disabled:hover .portalcloud9-phone-icon {
                transform: none;
            }
            
            /* Content area */
            .portalcloud9-phone-content {
                display: flex;
                flex-direction: column;
                gap: 2px;
                position: relative;
                z-index: 1;
            }
            
            .portalcloud9-phone-label {
                font-size: 14px;
                font-weight: 600;
                color: #ffffff;
                letter-spacing: 0.3px;
                text-transform: uppercase;
            }
            
            .portalcloud9-phone-number {
                font-size: 16px;
                font-weight: 500;
                color: rgba(255, 255, 255, 0.9);
                font-family: 'Courier New', monospace;
                letter-spacing: 1px;
            }
            
            /* Login Prompt */
            .portalcloud9-phone-login-prompt {
                margin-top: 10px;
                padding: 10px 16px;
                background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(50, 50, 50, 0.75) 100%);
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                border-radius: 8px;
                color: rgba(255, 255, 255, 0.9);
                font-size: 13px;
                display: flex;
                align-items: center;
                gap: 8px;
                box-shadow: 
                    0 2px 8px rgba(0, 0, 0, 0.2),
                    inset 0 1px 0 rgba(255, 255, 255, 0.05);
            }
            
            .portalcloud9-phone-login-prompt svg {
                flex-shrink: 0;
                color: #1E90FF;
                filter: drop-shadow(0 0 4px rgba(30, 144, 255, 0.5));
            }
            
            .portalcloud9-phone-login-prompt a {
                color: #1E90FF;
                font-weight: 600;
                text-decoration: none;
                transition: all 0.2s ease;
                text-shadow: 0 0 8px rgba(30, 144, 255, 0.3);
            }
            
            .portalcloud9-phone-login-prompt a:hover {
                color: #60A5FA;
                text-decoration: underline;
                text-shadow: 0 0 12px rgba(30, 144, 255, 0.6);
            }
            
            .portalcloud9-phone-login-compact {
                margin-top: 6px;
                padding: 6px 12px;
                font-size: 12px;
                text-align: center;
                justify-content: center;
            }
            
            /* ========== ICON ONLY STYLE ========== */
            .portalcloud9-phone-icon-only {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 56px;
                height: 56px;
                background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(50, 50, 50, 0.75) 100%);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                border-radius: 50%;
                color: #ffffff;
                text-decoration: none;
                transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                box-shadow: 
                    0 4px 16px rgba(0, 0, 0, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
                position: relative;
                overflow: hidden;
            }
            
            .portalcloud9-phone-icon-only:hover {
                transform: translateY(-3px) scale(1.05);
                box-shadow: 
                    0 6px 24px rgba(0, 0, 0, 0.4),
                    inset 0 1px 0 rgba(255, 255, 255, 0.15);
                border-color: rgba(255, 255, 255, 0.25);
            }
            
            .portalcloud9-phone-icon-only.portalcloud9-phone-disabled:hover {
                transform: none;
            }
            
            .portalcloud9-phone-icon-inner {
                font-size: 28px;
                display: flex;
                align-items: center;
                justify-content: center;
                filter: drop-shadow(0 0 8px rgba(30, 144, 255, 0.6));
            }
            
            .portalcloud9-phone-disabled .portalcloud9-phone-icon-inner {
                filter: drop-shadow(0 0 8px rgba(107, 114, 128, 0.4));
            }
            
            /* ========== INLINE/DEFAULT STYLE ========== */
            .portalcloud9-phone-inline {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 10px 18px;
                background: linear-gradient(135deg, rgba(0, 0, 0, 0.85) 0%, rgba(50, 50, 50, 0.75) 100%);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                border: 1px solid rgba(255, 255, 255, 0.15);
                border-radius: 50px;
                color: #ffffff;
                text-decoration: none;
                transition: all 0.3s ease;
                box-shadow: 
                    0 4px 12px rgba(0, 0, 0, 0.25),
                    inset 0 1px 0 rgba(255, 255, 255, 0.1);
            }
            
            .portalcloud9-phone-inline:hover {
                transform: translateY(-2px);
                box-shadow: 
                    0 6px 20px rgba(0, 0, 0, 0.35),
                    inset 0 1px 0 rgba(255, 255, 255, 0.15);
                border-color: rgba(255, 255, 255, 0.25);
            }
            
            .portalcloud9-phone-inline.portalcloud9-phone-disabled:hover {
                transform: none;
            }
            
            .portalcloud9-phone-inline .portalcloud9-phone-icon {
                width: 32px;
                height: 32px;
                font-size: 20px;
            }
            
            .portalcloud9-phone-inline .portalcloud9-phone-label {
                font-size: 14px;
                font-weight: 600;
                text-transform: none;
            }
            
            .portalcloud9-phone-inline .portalcloud9-phone-number {
                font-size: 14px;
                font-family: 'Courier New', monospace;
            }
            
            /* ========== WHATSAPP VARIANT ========== */
            .portalcloud9-whatsapp-style .portalcloud9-phone-btn {
                background: linear-gradient(135deg, rgba(37, 211, 102, 0.15) 0%, rgba(0, 0, 0, 0.85) 100%);
            }
            
            .portalcloud9-whatsapp-style .portalcloud9-phone-icon {
                background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
                box-shadow: 
                    0 0 20px rgba(37, 211, 102, 0.4),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2);
            }
            
            .portalcloud9-whatsapp-style .portalcloud9-phone-btn:hover .portalcloud9-phone-icon {
                box-shadow: 
                    0 0 30px rgba(37, 211, 102, 0.6),
                    inset 0 1px 0 rgba(255, 255, 255, 0.3);
            }
            
            /* ========== DARK MODE ADJUSTMENTS ========== */
            @media (prefers-color-scheme: dark) {
                .portalcloud9-phone-btn,
                .portalcloud9-phone-icon-only,
                .portalcloud9-phone-inline {
                    background: linear-gradient(135deg, rgba(30, 30, 30, 0.9) 0%, rgba(60, 60, 60, 0.8) 100%);
                    border-color: rgba(255, 255, 255, 0.2);
                }
                
                .portalcloud9-phone-login-prompt {
                    background: linear-gradient(135deg, rgba(20, 20, 20, 0.9) 0%, rgba(60, 60, 60, 0.85) 100%);
                    border-color: rgba(255, 255, 255, 0.2);
                }
            }
            
            /* ========== RESPONSIVE ========== */
            @media (max-width: 768px) {
                .portalcloud9-phone-btn {
                    padding: 12px 20px;
                    gap: 10px;
                }
                
                .portalcloud9-phone-icon {
                    width: 36px;
                    height: 36px;
                    font-size: 20px;
                }
                
                .portalcloud9-phone-label {
                    font-size: 13px;
                }
                
                .portalcloud9-phone-number {
                    font-size: 14px;
                }
                
                .portalcloud9-phone-icon-only {
                    width: 48px;
                    height: 48px;
                }
                
                .portalcloud9-phone-icon-inner {
                    font-size: 24px;
                }
                
                .portalcloud9-phone-login-prompt {
                    font-size: 12px;
                    padding: 8px 12px;
                }
            }
            
            /* ========== LIGHT MODE SHIMMER EFFECT ========== */
            @media (prefers-color-scheme: light) {
                @keyframes phoneShimmer {
                    0% {
                        background-position: -200% 0;
                        opacity: 0;
                    }
                    50% {
                        opacity: 1;
                    }
                    100% {
                        background-position: 200% 0;
                        opacity: 0;
                    }
                }
                
                .portalcloud9-phone-btn::after,
                .portalcloud9-phone-icon-only::after,
                .portalcloud9-phone-inline::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 200%;
                    height: 100%;
                    background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.15) 50%, transparent 60%);
                    animation: phoneShimmer 6s linear infinite;
                    pointer-events: none;
                    z-index: 0;
                }
                
                .portalcloud9-phone-btn:hover::after,
                .portalcloud9-phone-icon-only:hover::after,
                .portalcloud9-phone-inline:hover::after {
                    animation-duration: 2s;
                }
                
                /* Disable shimmer on locked state */
                .portalcloud9-phone-disabled::after {
                    display: none;
                }
            }