/* Template: Institute (MIT-like)
   - Minimal, editorial, more square corners, subtle shadows
   - Uses --fisip-primary (admin configurable) for accents
*/

body.tpl-mit {
  background: #f8fafc;
  --fisip-container: 1240px;
}

html[data-theme="dark"] body.tpl-mit {
  background: #0b1220;
}

.tpl-mit .site-header {
  background: #f8fafc !important;
  backdrop-filter: none;
}

html[data-theme="dark"] .tpl-mit .site-header {
  background: rgba(15, 23, 42, 0.95) !important;
}

.tpl-mit .site-nav {
  background: #ffffff !important;
  border-top: 1px solid var(--fisip-border);
  border-bottom: 1px solid var(--fisip-border);
}

html[data-theme="dark"] .tpl-mit .site-nav {
  background: rgba(15, 23, 42, 0.8) !important;
}

/* Navbar: underline style */
.tpl-mit .site-nav .navbar-nav {
  gap: 0.9rem;
}

.tpl-mit .site-nav .nav-link {
  border-radius: 0;
  padding: 0.75rem 0.25rem;
  font-weight: 600;
  background: none !important;
  position: relative;
}

.tpl-mit .site-nav .nav-link:hover {
  color: var(--fisip-primary);
}

.tpl-mit .site-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.35rem;
  height: 2px;
  background: transparent;
  transition: background-color 0.16s ease;
}

.tpl-mit .site-nav .nav-link.active::after,
.tpl-mit .site-nav .nav-link:hover::after {
  background: var(--fisip-primary);
}

/* Reduce roundness */
.tpl-mit .fisip-surface,
.tpl-mit .quick-link,
.tpl-mit .card,
.tpl-mit .hero {
  border-radius: 10px !important;
}

/* Hero: more editorial */
.tpl-mit .carousel-caption {
  text-align: left;
  left: 6% !important;
  right: 6% !important;
  max-width: 720px;
  /* keep hero caption as overlay (no white card) */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0 !important;
}

.tpl-mit .carousel-caption h5 {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.2px;
}

/* Quick links: list-like */
.tpl-mit .quick-links {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 768px) {
  .tpl-mit .quick-links {
    grid-template-columns: repeat(4, 1fr);
  }
}

.tpl-mit .quick-link {
  box-shadow: none !important;
  border: 1px solid var(--fisip-border);
}

.tpl-mit .quick-link:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: rgba(0, 0, 0, 0.22);
}

html[data-theme="dark"] .tpl-mit .quick-link:hover {
  border-color: rgba(255, 255, 255, 0.26);
}