/* ==========================================================================
   Raiganj University - Quick-access / stats band
   File: assets/css/04-quick-links.css
   ======================================================================= */

/* ===== Stats / quick-access links ===== */
/* Quick Links section shell - full-bleed textured band, visually segregated
   from the sections above and below */
.quick-links-section{
  background:var(--paper);
  background-image:
    radial-gradient(rgba(122,44,34,0.07) 1px, transparent 1px),
    radial-gradient(rgba(122,44,34,0.05) 1px, transparent 1px);
  background-size:22px 22px, 22px 22px;
  background-position:0 0, 11px 11px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:54px 0 52px;
}
.quick-links-inner{ max-width:1280px; margin:0 auto; padding:0 24px; }

.stats{
  max-width:1280px; margin:0 auto; padding:0 24px;
  margin-top:26px; position:relative; z-index:5;
}
.quick-links-section .stats{ max-width:none; padding:0; margin-top:0; }

/* Quick-access single-line stats row */
.stats-quicklinks{
  display:grid; grid-template-columns:repeat(8,1fr); gap:14px;
}
.sq-item{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  gap:10px; padding:22px 10px 18px;
  background:#fff; border:1px solid var(--line); border-top:3px solid var(--sq-accent, var(--maroon));
  border-radius:10px;
  box-shadow:0 10px 24px rgba(20,10,8,0.07);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.sq-item:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 34px rgba(20,10,8,0.16);
  background:var(--sq-accent, var(--maroon));
}
.sq-item:hover .sq-label{ color:#fff; }
.sq-item:hover .sq-icon{ background:rgba(255,255,255,0.22); color:#fff; }
.sq-icon{
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, var(--sq-accent, var(--maroon)) 12%, #fff);
  color:var(--sq-accent, var(--maroon));
  transition:background .25s ease, color .25s ease;
}
.sq-icon svg{ width:22px; height:22px; }
.sq-label{
  font-size:13px; font-weight:700; color:var(--maroon-dark);
  letter-spacing:.01em; transition:color .25s ease;
}
@media (max-width:900px){
  .stats-quicklinks{ grid-template-columns:repeat(4,1fr); }
}
@media (max-width:520px){
  .stats-quicklinks{ grid-template-columns:repeat(2,1fr); }
}