/* Basic filter bar */
.lpaf-filters { display:flex; gap:12px; margin-bottom:18px; align-items:center; flex-wrap:wrap; }
.lpaf-filters select, .lpaf-filters button { padding:10px 12px; border-radius:6px; background:#0f0f0f; color:#ddd; border:1px solid #222; }

/* view toggle */
.lpaf-view-toggle { margin-left:6px; display:flex; gap:6px; }
.lpaf-view-btn { padding:8px 10px; border-radius:6px; cursor:pointer; background:#0f0f0f; border:1px solid #222; color:#9e9e9e; }
.lpaf-view-btn.active { border-color:#19b65a; color:#19b65a; }

/* grid layout */
.lpaf-grid { display:flex; flex-wrap:wrap; gap:18px; }
.lp-course-card { width:240px; background:#111; color:#fff; padding:12px; border-radius:10px; box-sizing:border-box; }
.lp-course-card .thumb img { width:100%; height:auto; border-radius:6px; display:block; }

/* list layout */
.lpaf-list { display:block; gap:18px; }
.lp-course-list { display:flex; gap:18px; align-items:flex-start; width:100%; padding:18px; border-radius:12px; margin-bottom:18px; background:#111; box-sizing:border-box; }
.lp-course-list .thumb img { width:260px; height:auto; border-radius:8px; display:block; }

/* internal content for list */
.lp-course-list .content { flex:1; }
.lp-course-list .title { font-size:22px; margin:0 0 8px; }
.lp-course-list .meta-top { color:#cfcfcf; margin-bottom:8px; }

/* loading */
#lpaf-course-container.loading { opacity:0.6; position:relative; }
.lpaf-no-results { padding:20px; }

/* pagination */
.lpaf-pagination { margin-top:18px; }
.lpaf-pagination .lpaf-page { padding:6px 8px; margin-right:6px; background:#0f0f0f; color:#ddd; border-radius:6px; text-decoration:none; display:inline-block; }
.lpaf-pagination .lpaf-page.active { background:#19b65a; color:#fff; }

/* responsive */
@media (max-width:800px){
  .lp-course-card { width:48%; }
  .lp-course-list .thumb img { width:160px; }
}
@media (max-width:480px){
  .lp-course-card { width:100%; }
  .lp-course-list { flex-direction:column; }
  .lp-course-list .thumb img { width:100%; }
}

.lpaf-suggestion-panel a { display:block; padding:6px 8px; border-radius:4px; }
.lpaf-suggestion-panel a:hover { background:#f5f5f5; color:#000; }
.lpaf-suggest-heading { font-size:14px; color:#222; }
.lpaf-suggest-courses-list a { color:#111; }