/* ===== HERO SEARCH FORM - DESKTOP ONLY ENHANCEMENTS ===== */
/* Apply enhancements ONLY to desktop screens (992px and above) */
/* Mobile screens will keep their original styles unchanged */

@media (min-width: 992px) {
    /* Enhanced container styles for desktop only */
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb {
        background: rgba(255, 255, 255, 0.95) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 12px !important;
        padding: 20px !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 10 !important;
        animation: searchFormSlideIn 0.6s ease-out !important;
    }
    
    /* Enhanced form controls for desktop only */
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control {
        height: 50px !important;
        border: 2px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 8px !important;
        padding: 12px 16px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        background: #ffffff !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
        margin: 0 !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control:focus {
        border-color: #667eea !important;
        box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
        outline: none !important;
        transform: translateY(-1px) !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control:hover {
        border-color: rgba(102, 126, 234, 0.3) !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control::placeholder {
        color: #888 !important;
        font-weight: 400 !important;
    }
    
    /* Enhanced search button for desktop only */
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .btn-primary {
        height: 50px !important;
        background: linear-gradient(135deg, #667eea, #764ba2) !important;
        border: none !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        padding: 12px 24px !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .btn-primary:hover {
        background: linear-gradient(135deg, #5a67d8, #6b46c1) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .btn-primary:active {
        transform: translateY(0) !important;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
    }
    
    /* Enhanced select dropdown styles for desktop only */
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb select.form-control {
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
        background-repeat: no-repeat !important;
        background-position: right 12px center !important;
        background-size: 16px !important;
        padding-right: 40px !important;
    }
    
    /* Enhanced column layout for desktop only */
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .col-xl-4 {
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
        padding: 0 8px !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .col-xl-2:nth-child(2),
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .col-xl-2:nth-child(3),
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .col-xl-2:nth-child(4),
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .col-xl-2:nth-child(5) {
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
        padding: 0 8px !important;
    }
    
    /* Enhanced row layout for desktop only */
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .row {
        margin: 0 !important;
        align-items: center !important;
        gap: 0 !important;
    }
}

/* Animation keyframes for desktop only */
@keyframes searchFormSlideIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Accessibility for desktop only */
@media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb {
        animation: none !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control,
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .btn-primary {
        transition: none !important;
    }
}

/* High contrast mode for desktop only */
@media (min-width: 992px) and (prefers-contrast: high) {
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb {
        background: #ffffff !important;
        border: 2px solid #000000 !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control {
        border: 2px solid #000000 !important;
        background: #ffffff !important;
        color: #000000 !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .btn-primary {
        background: #000000 !important;
        color: #ffffff !important;
        border: 2px solid #000000 !important;
    }
}

/* Print styles for desktop only */
@media (min-width: 992px) and print {
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb {
        background: #ffffff !important;
        box-shadow: none !important;
        border: 1px solid #000000 !important;
    }
    
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .form-control,
    .vfx_hero_form_area.vfx2.filter.listing-filter.bg-cb .btn-primary {
        background: #ffffff !important;
        color: #000000 !important;
        border: 1px solid #000000 !important;
    }
}