/* AI Chat Button Mobile Position Fix - Above Add to Cart */

/* Move AI Chat button higher on mobile to avoid Add to Cart overlap */
@media (max-width: 768px) {
    #ai-chat-toggle, .ai-chat-toggle {
        bottom: 130px !important; /* Move 50px higher from previous 80px */
        right: 20px !important;
        z-index: 9999 !important; /* Ensure it stays on top */
        position: fixed !important;
    }
    
    /* Also adjust the chat container to align */
    #ai-chat-container, .ai-chat-widget {
        bottom: 180px !important; /* Adjust container position too */
        right: 15px !important;
    }
}

/* For smaller screens, move even higher */
@media (max-width: 480px) {
    #ai-chat-toggle, .ai-chat-toggle {
        bottom: 140px !important; /* Even higher on small screens */
        right: 15px !important;
    }
    
    #ai-chat-container, .ai-chat-widget {
        bottom: 190px !important;
        right: 15px !important;
    }
}

/* Landscape mode - more conservative positioning */
@media (max-width: 768px) and (orientation: landscape) {
    #ai-chat-toggle, .ai-chat-toggle {
        bottom: 90px !important; /* Less aggressive in landscape */
        right: 15px !important;
    }
    
    #ai-chat-container, .ai-chat-widget {
        bottom: 140px !important;
        right: 15px !important;
    }
}

/* Ensure Add to Cart button area is clear */
@media (max-width: 768px) {
    /* Add some breathing room around the sticky add to cart area */
    .sticky-add-to-cart, .add-to-cart-sticky, .sticky-cart {
        z-index: 999 !important; /* Lower than chat button but still high */
    }
}