/* assets/css/search.css */

/* --- Layout Trang --- */
.search-page { padding-top: 20px; }
.search-form { margin-bottom: 10px; }

/* --- Input Tìm kiếm --- */
.search-input { 
    width: 100%; padding: 12px 20px;
    border: 1px solid var(--border-color); border-radius: 25px; 
    font-size: 1rem; outline: none;
    background-color: var(--bg-input, #f0f2f5); color: var(--text-main);
    transition: all 0.2s;
}
.search-input:focus {
    border-color: var(--primary-color);
    background-color: var(--bg-body);
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb), 0.1);
}

/* --- Tiêu đề Section (Mọi người / Bài viết) --- */
.result-section-title {
    font-size: 1.1rem; font-weight: 800;
    color: var(--text-main);
    margin: 15px 0 10px 0;
    padding-left: 5px;
}

/* --- Danh sách chung --- */
.search-results-list { list-style: none; padding: 0; margin: 0; }

/* --- ITEM USER (Kết quả người dùng) --- */
.user-result-item { 
    display: flex; align-items: center; 
    padding: 10px 15px; border-radius: 12px;
    text-decoration: none; color: var(--text-main);
    transition: background-color 0.2s;
}
.user-result-item:hover { background-color: var(--icon-hover-bg); }
.user-result-item .avatar-medium { flex-shrink: 0; }
.result-info { flex-grow: 1; margin-left: 15px; display: flex; flex-direction: column; }
.result-name { font-weight: 700; line-height: 1.2; }
.result-username { color: var(--text-muted); font-size: 0.9rem; }

/* --- ĐƯỜNG GẠCH PHÂN CÁCH --- */
.search-divider {
    border: 0;
    height: 1px;
    background-color: var(--border-color);
    margin: 20px 0;
}

/* --- ITEM POST (Kết quả bài viết - Style giống Posts.css) --- */
.search-post-container {
    border-bottom: 1px solid var(--border-color);
}
.search-post-container:last-child { border-bottom: none; }

.post-link-wrapper {
    display: block; text-decoration: none; color: inherit;
    transition: background-color 0.2s;
}
.post-link-wrapper:hover { background-color: var(--icon-hover-bg); }

/* Sử dụng class .post-item nhưng ghi đè padding cho gọn */
.search-post-item.post-item {
    padding: 15px 10px; /* Padding vừa phải */
    border-bottom: none; /* Border do container lo */
    cursor: pointer;
    gap: 12px;
}

/* Fix Avatar trong post search */
.search-post-item .post-left { padding: 0; flex-shrink: 0; }
.search-post-item .post-left .avatar-medium { margin-top: 4px; }

/* Fix Meta (Tên, username, time) */
.search-post-item .post-meta {
    margin-bottom: 4px;
    display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px;
}
.search-post-item .user-name { font-size: 1rem; font-weight: 700; color: var(--text-main); }
.search-post-item .text-muted { font-size: 0.9rem; color: var(--text-muted); font-weight: 400; }

/* Nội dung bài viết */
.search-post-item .post-content {
    font-size: 0.95rem; 
    line-height: 1.4; /* Đã sửa thành 1.4 để khớp với post.css */
    color: var(--text-main);
    margin-bottom: 0; 
    margin-top: 2px;
    
    /* 🎯 KHẮC PHỤC LỖI HIỂN THỊ GIỚI HẠN DÒNG (CSS MỚI) */
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Giới hạn 4 dòng */
    line-clamp: 4; /* Chuẩn hóa cho trình duyệt hỗ trợ */
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word; /* Đảm bảo từ dài xuống dòng */
    /* text-overflow: ellipsis; */ /* Loại bỏ dòng này vì -webkit-line-clamp tự xử lý */
}

/* --- Thông báo --- */
.no-results, .loading-spinner, .error-msg { 
    padding: 30px; text-align: center; color: var(--text-muted); 
    font-style: italic;
}