/**
 * ESIM Search Expander - Slide Animation Styles
 * Slide from right to left animation
 */

#esimsearch-content {
    /* Initial state: hidden off-screen (right) */
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    
    /* Smooth animation */
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease,
                visibility 0.3s ease;
    
    /* Prevent interaction while hidden */
    pointer-events: none;
}

/* Prevent horizontal scrollbar caused by off-screen transform */
html.esim-search-no-xscroll,
body.esim-search-no-xscroll {
    overflow-x: hidden;
}

/* Expanded state: visible, slide to left */
#esimsearch-content.esim-search--expanded {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}