/* ============================================
   PROXY COMPLEX - CORE FEATURES CSS
   Styles for plugin functionality
   ============================================ */

/* ============================================
   PROXY SEARCH FIXES
   ============================================ */

/* Fix search button positioning on desktop - force it to the right of search bar */
@media (min-width: 769px) {
    .proxy-search-form {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .proxy-search-form input[type="text"],
    .proxy-search-form .ui-autocomplete-input {
        flex: 1 !important;
        min-width: 0 !important;
    }
    
    .proxy-search-form button[type="submit"],
    .proxy-search-form input[type="submit"] {
        flex-shrink: 0 !important;
        margin: 0 !important;
    }
}

/* ============================================
   MOBILE SEARCH OVERLAY POSITIONING
   ============================================ */

/* Position search at top of screen for maximum space */
.proxy-search-overlay.active .proxy-search-overlay-content {
    position: absolute;
    top: 60px !important;
    left: 50%;
    transform: translateX(-50%) !important;
    width: 90%;
    max-width: 600px;
    padding: 20px;
}

/* Let dropdown flow naturally below search bar */
.proxy-search-overlay .ui-autocomplete {
    position: static !important;
    margin: 8px 0 0 0 !important;
    width: 100% !important;
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
}