/* ===============================
   Student Gallery - gallery.css (Light)
   گرید + نوار بالا + دکمه اصلی
   =============================== */

/* نوار بالا */
.topbar{
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  border-radius:12px;
  padding:16px 20px;
  margin-bottom:16px;
}
.topbar .title{
  margin:0;
  font-weight:700;
  font-size:1.125rem;
  color:#111827;
}
.topbar .subtitle{
  margin:6px 0 0 0;
  color:#6b7280;
  font-size:.95rem;
}

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

/* پیام‌های وضعیت */
.gallery-message {
  text-align:center;
  color:#6b7280;
  font-size:0.95rem;
  margin:1.2rem 0;
}

/* دکمه اصلی (نمایش بیشتر) */
.btn-primary{
  appearance:none;
  background:#ffffff;
  color:#111827;
  border:1px solid #d1d5db;
  border-radius:10px;
  padding:10px 18px;
  font-size:.95rem;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.btn-primary:hover{
  background:#f3f4f6;
  border-color:#9ca3af;
  box-shadow:0 2px 8px rgba(0,0,0,.03);
}
.btn-primary:disabled{
  opacity:.55;
  cursor:default;
  box-shadow:none;
}

/* رپر دکمه برای مرکزچین */
.actions{
  display:flex;
  justify-content:center;
  margin:12px 0 4px;
}