/**
 * Filter Font Size Adjustments
 * Reduces filter and search input font sizes for better visual balance
 */

/* Search input - reduced font size */
.search-input {
    font-size: 14px !important;
    padding: 10px 45px 10px 16px !important;
}

/* Filter select dropdowns - reduced font size */
.filter-select {
    font-size: 14px !important;
    padding: 10px 16px !important;
}

/* Search button icon - slightly smaller */
.search-btn {
    right: 12px !important;
}

.search-btn svg {
    width: 18px !important;
    height: 18px !important;
}

/* View toggle label - reduced font size */
.view-toggle-label {
    font-size: 13px !important;
}

/* View toggle buttons - slightly smaller */
.view-toggle-btn {
    padding: 6px 10px !important;
}

.view-toggle-btn svg {
    width: 14px !important;
    height: 14px !important;
}

/* Filters container - tighter spacing */
.filters-container {
    gap: 12px !important;
    margin-bottom: 20px !important;
}

/* Topic filter and duration filter - adjusted width */
.topic-filter,
.duration-filter,
.reading-time-filter {
    min-width: 160px !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .search-input {
        font-size: 14px !important;
        padding: 9px 40px 9px 14px !important;
    }
    
    .filter-select {
        font-size: 14px !important;
        padding: 9px 14px !important;
    }
    
    .filters-container {
        gap: 10px !important;
    }
}

@media (max-width: 480px) {
    .search-input {
        font-size: 13px !important;
    }
    
    .filter-select {
        font-size: 13px !important;
    }
    
    .view-toggle-label {
        font-size: 12px !important;
    }
}