/* ===============================
   Student Gallery - responsive.css
   تنظیمات ریسپانسیو و دکمه نمایش بیشتر
   =============================== */

/* گرید ریسپانسیو */
#gallery-root {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media(min-width:640px){
  #gallery-root { grid-template-columns: repeat(2,1fr); }
}
@media(min-width:1024px){
  #gallery-root { grid-template-columns: repeat(3,1fr); }
}
@media(min-width:1400px){
  #gallery-root { grid-template-columns: repeat(4,1fr); }
}

/* دکمه نمایش بیشتر */
.btn-load-more {
  background:#ffffff;
  border:1px solid #d1d5db;
  color:#111827;
  border-radius:8px;
  padding:10px 18px;
  font-size:1rem;
  cursor:pointer;
  transition: all .2s ease;
}
.btn-load-more:hover {
  background:#f3f4f6;
  border-color:#9ca3af;
}
.btn-load-more:disabled {
  opacity:.5;
  cursor:default;
}