/* ═══════════════════════════════════════════════════════════════
   SEARCH PAGE V2 — Left panel layout
   Font: Manrope | System: Clean, high-contrast, professional
═══════════════════════════════════════════════════════════════ */

/* ── PAGE WRAPPER ── */
.search-page-v2{padding-top:0;background:#F1F5F9;min-height:100vh}

/* ── TOP STRIP ── */
.search-strip{
  background:#FFFFFF;
  border-bottom:2px solid #0F2A5C;
  padding:0.85rem clamp(1rem,3vw,2rem);
}
.search-strip-inner{
  max-width:1400px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.search-strip-title{
  font-family:'Manrope',sans-serif;
  font-size:1.1rem;font-weight:700;color:#0F2A5C;
  display:flex;align-items:center;gap:0.5rem;margin:0;
}
.search-strip-title i{color:#D97706;font-size:0.95rem}
.search-strip-count{
  font-family:'Manrope',sans-serif;
  font-size:0.8rem;font-weight:400;color:#64748B;
  display:block;margin-top:0.1rem;
}
.search-strip-count em{color:#0F2A5C;font-style:normal;font-weight:600}
.search-strip-right{display:flex;align-items:center;gap:0.75rem}

.sf-clear-btn{
  font-family:'Manrope',sans-serif;font-size:0.75rem;font-weight:600;
  color:#DC2626;text-decoration:none;
  background:#FEF2F2;border:1px solid #FECACA;
  border-radius:6px;padding:0.38rem 0.75rem;
  display:flex;align-items:center;gap:0.35rem;
  transition:all .18s ease;
}
.sf-clear-btn:hover{background:#FEE2E2;color:#B91C1C}

.sf-sort{
  font-family:'Manrope',sans-serif;font-size:0.78rem;font-weight:500;
  color:#374151;background:#FFFFFF;
  border:1.5px solid #E2E8F0;border-radius:8px;
  padding:0.42rem 0.85rem;cursor:pointer;
  transition:border-color .15s ease;
}
.sf-sort:focus{outline:none;border-color:#0F2A5C}

/* ── MAIN LAYOUT ── */
.search-layout-v2{
  max-width:1400px;margin:0 auto;
  display:grid;grid-template-columns:290px 1fr;gap:0;
  min-height:calc(100vh - 120px);
}

/* ── LEFT PANEL ── */
.search-panel{
  background:#FFFFFF;
  border-right:1px solid #E2E8F0;
  padding:1.5rem 1.25rem;
  position:sticky;top:64px;
  height:calc(100vh - 64px);
  overflow-y:auto;
  scroll-behavior:smooth;
}
.search-panel::-webkit-scrollbar{width:3px}
.search-panel::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}

.sp-section-head{
  font-family:'Manrope',sans-serif;
  font-size:0.7rem;font-weight:700;
  color:#0F2A5C;text-transform:uppercase;letter-spacing:0.1em;
  display:flex;align-items:center;gap:0.45rem;
  margin-bottom:1rem;padding-bottom:0.6rem;
  border-bottom:2px solid #EFF3FB;
}
.sp-section-head i{color:#D97706;font-size:0.75rem}

.sp-divider{height:1.5px;background:linear-gradient(90deg,#0F2A5C22,transparent);margin:1.25rem 0}

/* ── SEARCH FORM FIELDS ── */
.sf-group{margin-bottom:0.85rem}
.sf-label{
  font-family:'Manrope',sans-serif;
  font-size:0.65rem;font-weight:700;
  color:#374151;text-transform:uppercase;letter-spacing:0.08em;
  display:block;margin-bottom:0.32rem;
}
.sf-input{
  width:100%;font-family:'Manrope',sans-serif;font-size:0.82rem;
  font-weight:400;color:#1F2937;
  background:#F8FAFC;border:1.5px solid #E2E8F0;border-radius:8px;
  padding:0.58rem 0.78rem;transition:all .18s ease;
  -webkit-appearance:none;appearance:none;
}
.sf-input:focus{
  outline:none;border-color:#0F2A5C;background:#FFFFFF;
  box-shadow:0 0 0 3px rgba(15,42,92,0.08);
}
.sf-input::placeholder{color:#94A3B8;font-weight:300}

.sf-search-btn{
  width:100%;font-family:'Manrope',sans-serif;
  font-size:0.82rem;font-weight:700;
  color:#FFFFFF;background:linear-gradient(135deg,#0F2A5C,#1E3A5F);
  border:none;border-radius:10px;padding:0.72rem 1rem;
  cursor:pointer;transition:all .18s ease;
  display:flex;align-items:center;justify-content:center;gap:0.5rem;
  margin-top:0.5rem;letter-spacing:0.01em;
  box-shadow:0 2px 8px rgba(15,42,92,0.25);
}
.sf-search-btn:hover{
  background:linear-gradient(135deg,#162B4A,#0F2A5C);
  box-shadow:0 4px 16px rgba(15,42,92,0.35);
  transform:translateY(-1px);
}

/* ── FILTER GROUPS ── */
.sp-filter-group{margin-bottom:1.1rem}
.sp-filter-label{
  font-family:'Manrope',sans-serif;
  font-size:0.63rem;font-weight:700;
  color:#374151;text-transform:uppercase;letter-spacing:0.09em;font-weight:700;
  margin-bottom:0.5rem;
}
.sp-check{
  display:flex;align-items:center;gap:0.5rem;
  margin-bottom:0.3rem;cursor:pointer;
  font-family:'Manrope',sans-serif;font-size:0.8rem;
  font-weight:500;color:#1E293B;
  padding:0.25rem 0.35rem;border-radius:6px;
  transition:background .15s ease;
}
.sp-check:hover{background:#F1F5F9}
.sp-check input{accent-color:#0F2A5C;width:14px;height:14px;flex-shrink:0}
.sp-check span{line-height:1.4}

/* ── QUICK DESTINATION CHIPS ── */
.sp-chips{display:flex;flex-wrap:wrap;gap:0.35rem}
.sp-chip{
  font-family:'Manrope',sans-serif;font-size:0.7rem;font-weight:500;
  color:#374151;background:#F1F5F9;
  border:1px solid #E2E8F0;border-radius:50px;
  padding:0.2rem 0.6rem;text-decoration:none;
  transition:all .15s ease;display:inline-flex;align-items:center;gap:0.2rem;
}
.sp-chip:hover{background:#DBEAFE;border-color:#93C5FD;color:#1E40AF}
.sp-chip-active{background:#DBEAFE;border-color:#3B82F6;color:#1E40AF;font-weight:600}

/* ── RIGHT RESULTS PANEL ── */
.search-results-panel{
  padding:1.5rem clamp(1rem,2.5vw,1.75rem);
  background:#F1F5F9;min-height:100%;
}

/* ── RESULTS TOOLBAR ── */
.results-toolbar{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:1.25rem;flex-wrap:wrap;gap:0.75rem;
}
.results-count{
  font-family:'Manrope',sans-serif;font-size:0.85rem;
  font-weight:500;color:#1E293B;
}
.results-count strong{font-weight:700;color:#0F2A5C;font-size:0.95rem}

/* ── UNIVERSITY CARDS in search ── */
.universities-grid .uni-card-v2{
  background:#FFFFFF;border:1px solid #E2E8F0;border-radius:14px;
  overflow:hidden;margin-bottom:0.85rem;
  box-shadow:0 1px 3px rgba(0,0,0,0.04);
  transition:all .2s ease;
}
.universities-grid .uni-card-v2:hover{
  box-shadow:0 4px 20px rgba(15,42,92,0.10);
  border-color:#C7D7EC;transform:translateY(-1px);
}
/* Card header */
.universities-grid .uni-card-header{
  background:linear-gradient(135deg,#EEF2FF,#E8F0FE)!important;
  border-bottom:1px solid #D4DCEF!important;
  padding:1rem 1.1rem!important;
}
/* Card body layout */
.uc-body{padding:0.9rem 1.1rem}
.uc-desc{
  font-family:'Manrope',sans-serif;font-size:0.8rem;
  font-weight:400;color:#4B5563;line-height:1.65;
  margin-bottom:0.75rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* Stats row */
.uc-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:0.85rem}
.uc-stat{display:flex;flex-direction:column;gap:0.12rem}
.uc-stat-num{
  font-family:'Manrope',sans-serif;font-size:0.92rem;
  font-weight:700;color:#0F2A5C;line-height:1;
}
.uc-stat-num.gold{color:#D97706}
.uc-stat-lbl{
  font-family:'Manrope',sans-serif;font-size:0.57rem;
  font-weight:600;color:#9CA3AF;
  text-transform:uppercase;letter-spacing:0.08em;
}
/* Badges row */
.uc-badges{display:flex;gap:0.35rem;flex-wrap:wrap;margin-bottom:0.75rem}
.uc-badge{
  font-family:'Manrope',sans-serif;font-size:0.65rem;font-weight:600;
  padding:0.15rem 0.55rem;border-radius:50px;border:1px solid;
}
.uc-badge-type{background:#F1F5F9;color:#475569;border-color:#E2E8F0}
.uc-badge-schol{background:#DCFCE7;color:#166534;border-color:#86EFAC}
.uc-badge-found{background:#DBEAFE;color:#1E40AF;border-color:#93C5FD}
.uc-badge-work{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.uc-badge-feat{background:#FEF3C7;color:#92400E;border-color:#FCD34D}
.uc-badge-qs{background:#EDE9FE;color:#5B21B6;border-color:#C4B5FD}

/* Card footer */
.uc-footer{
  padding:0.65rem 1.1rem;background:#F8FAFC;
  border-top:1px solid #E8EDF5;
  display:flex;align-items:center;justify-content:space-between;gap:0.5rem;
}
.uc-accom{font-family:'Manrope',sans-serif;font-size:0.72rem;font-weight:400;color:#6B7280}
.uc-accom strong{font-weight:700;color:#0F2A5C;font-size:0.78rem}
.uc-actions{display:flex;gap:0.4rem;align-items:center}

/* Pagination */
.search-pagination{
  display:flex;align-items:center;justify-content:center;
  gap:0.4rem;margin-top:2rem;flex-wrap:wrap;
}
.page-btn{
  font-family:'Manrope',sans-serif;font-size:0.8rem;font-weight:600;
  padding:0.5rem 0.9rem;border-radius:8px;
  border:1.5px solid #E2E8F0;background:#FFFFFF;color:#374151;
  text-decoration:none;transition:all .15s ease;cursor:pointer;
}
.page-btn:hover{border-color:#0F2A5C;color:#0F2A5C;background:#F1F5F9}
.page-btn.active{background:#0F2A5C;border-color:#0F2A5C;color:#FFFFFF}
.page-btn.disabled{opacity:0.4;pointer-events:none}

@media(max-width:900px){
  .search-layout-v2{grid-template-columns:1fr}
  .search-panel{position:static;height:auto;border-right:none;border-bottom:2px solid #E2E8F0}
  .sp-chips{display:none}
}

/* ══════════════════════════════════════════════════════════════
   SEARCH PAGE BLUE ACCENT — v17
═══════════════════════════════════════════════════════════════ */

/* Left panel — deep indigo tint */
.search-panel {
  background: linear-gradient(180deg,#F0F4FF 0%,#EEF2FF 40%,#F5F8FF 100%) !important;
  border-right: 2px solid #C7D2FE !important;
}
.sp-section-head {
  color: #0F2A5C !important;
  border-bottom-color: #C7D2FE !important;
}
.sp-section-head i { color: #4F46E5 !important; }

/* Search input fields in panel */
.sf-input {
  background: #FFFFFF !important;
  border-color: #C7D2FE !important;
}
.sf-input:focus {
  border-color: #4F46E5 !important;
  box-shadow: 0 0 0 3px rgba(79,70,229,0.12) !important;
}

/* Search button */
.sf-search-btn {
  background: linear-gradient(135deg,#1E3A8A,#3B82F6) !important;
  box-shadow: 0 2px 10px rgba(59,130,246,0.35) !important;
}
.sf-search-btn:hover {
  background: linear-gradient(135deg,#1E40AF,#2563EB) !important;
  box-shadow: 0 4px 18px rgba(59,130,246,0.45) !important;
}

/* Filter group labels */
.sp-filter-label { color: #0F2A5C !important; }

/* Chips */
.sp-chip:hover { background:#EEF2FF !important; border-color:#818CF8 !important; color:#3730A3 !important; }
.sp-chip-active { background:#EEF2FF !important; border-color:#4F46E5 !important; color:#3730A3 !important; font-weight:700 !important; }

/* Result strip */
.search-strip { border-bottom: 2px solid #C7D2FE !important; }
.search-strip-title { color: #0F2A5C !important; }
.search-strip-title i { color: #4F46E5 !important; }
.results-count strong { color: #0F2A5C !important; }

/* Card header — blue-indigo tint */
.universities-grid .uni-card-header {
  background: linear-gradient(135deg,#EEF2FF,#E0E7FF) !important;
  border-bottom: 1px solid #C7D2FE !important;
}
.uni-card-header-info h3 { color: #0F2A5C !important; }

/* Toolbar sort select */
.sf-sort { border-color: #C7D2FE !important; }
.sf-sort:focus { border-color: #4F46E5 !important; }

/* Results background — subtle blue tint */
.search-results-panel { background: #F0F4FF !important; }
.uni-card-v2 { border-color: #E0E7FF !important; }
.uni-card-v2:hover { border-color: #818CF8 !important; box-shadow: 0 4px 20px rgba(99,102,241,0.12) !important; }

/* QS badge — indigo */
[style*="background:#EDE9FE"] {
  background: #EDE9FE !important;
  color: #4F46E5 !important;
  border-color: #C4B5FD !important;
}

/* Pagination active */
.page-btn.active {
  background: #1E3A8A !important;
  border-color: #0F2A5C !important;
}
.page-btn:hover { border-color: #4F46E5 !important; color: #0F2A5C !important; }

@media(max-width:900px) {
  .search-panel { background: #F0F4FF !important; }
}