/* ==========================================================================
   Raiganj University - Notices strip + campus facility cards
   File: assets/css/07-facilities.css
   ======================================================================= */

/* Notices/events strip */
.strip{
  background-color:var(--paper);
  background-image:repeating-linear-gradient(45deg, rgba(110,20,35,0.05) 0, rgba(110,20,35,0.05) 1px, transparent 1px, transparent 14px);
}
.events{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.event{ background:#fff; padding:24px; }
.event .date{ font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--maroon); letter-spacing:.06em; }
.event h4{ font-size:16px; margin-top:10px; }
.event p{ font-size:13px; color:var(--ink-soft); margin-top:8px; line-height:1.5; }

/* Campus Facilities cards */
.facilities-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
  align-items:stretch;
}
.facility-card{
  border-radius:16px;
  border:2px solid #d9d9d9;
  padding:20px 16px;
  text-align:center;
  background:#fff;
  transition:all .35s ease;
  height:220px;
  overflow:hidden;
}
.facility-card:before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg, var(--accent), var(--gold));
  transform:scaleX(0.35); transform-origin:left;
  transition:transform .45s ease;
}
.facility-card:hover{
  transform:translateY(-8px);
  box-shadow:0 15px 35px rgba(0,0,0,.15);
}
.facility-card:hover:before{ transform:scaleX(1); }
.facility-icon{
  width:64px; height:64px; border-radius:50%;
  background:var(--accent);
  display:flex; align-items:center; justify-content:center;
  margin-bottom:20px;
  flex-shrink:0;
  transition:transform .4s ease, box-shadow .4s ease;
  box-shadow:0 8px 18px rgba(0,0,0,0.12);
}
.facility-icon svg{ width:28px; height:28px; }
.facility-card:hover .facility-icon{
  transform:scale(1.1) rotate(-6deg);
  box-shadow:0 12px 24px rgba(0,0,0,0.2);
}
.facility-card h4{
  font-size:18px; color:var(--maroon-dark); margin-bottom:10px;
  transition:color .3s ease;
}
.facility-card:hover h4{ color:var(--accent); }
.facility-card p{
  font-size:13.5px; color:var(--ink-soft); line-height:1.65; margin-bottom:18px;
  flex-grow:1;
}
.facility-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13.5px; font-weight:600; color:var(--accent);
  border-bottom:1px solid transparent; padding-bottom:2px;
  margin-top:auto; width:fit-content;
  transition:border-color .3s ease, gap .3s ease;
}
.facility-link svg{ width:14px; height:14px; transition:transform .3s ease; }
.facility-card:hover .facility-link{ border-bottom-color:var(--accent); }
.facility-card:hover .facility-link svg{ transform:translateX(4px); }

.facilities-viewall{ text-align:center; margin-top:36px; }
.facilities-viewall .btn{ padding:13px 30px; }