/* ============================================
   YOUNA - Controls Panel Styles
   ============================================ */
/* Panel styles moved to panel.css */

#searchToggle {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    min-width: 40px;
    min-height: 40px;
    will-change: transform;
    backface-visibility: hidden;
}

#searchToggle:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translate3d(0, 0, 0) scale(1.05);
    border-color: rgba(255, 255, 255, 0.2);
}

#searchContainer.mobile-visible {
    display: block !important;
    width: 100%;
    margin-bottom: 0.5rem;
    animation: slideDown 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Pagination and select styles moved to panel.css */

/* ============================================
   Responsive Design
   ============================================ */

/* Extra small mobile: < 480px */
@media (max-width: 479px) {
    #searchToggle,
    #clearFilters,
    #clearFiltersMobile {
        min-height: 40px;
        min-width: 40px;
    }

    .card-action-btn,
    .category-filter-btn,
    .pagination-btn,
    .ahz-mobile-nav-item {
        min-height: 44px;
        min-width: 44px;
    }
}

/* Panel responsive styles moved to panel.css */