/* ============================================
   SIDEBAR & LOGO STYLING - BIGGER LOGO
   ============================================ */

/* 1) Increase sidebar width for more space */
:root {
  --pst-sidebar-width: 500px;
}

/* 2) Give the logo area more vertical breathing room */
.bd-sidebar .navbar-brand,
.sidebar-logo {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible !important;
}

/* 3) Logo sizing - BIGGER LOGO */
.bd-sidebar .navbar-brand img,
.sidebar-logo img,
.navbar-brand img,
img[src*="../images/OPENSOURDA_color-center.png"] {
  height: auto !important;
  width: auto !important;
  max-height: 500px !important;     /* INCREASED: From 400px to 500px */
  max-width: 90% !important;        /* INCREASED: From 80% to 90% */
  min-height: 250px !important;     /* INCREASED: From 200px to 250px */
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

/* 4) Transform scale for even bigger appearance */
.bd-sidebar .navbar-brand img,
.sidebar-logo img,
img[src*="../images/OPENSOURDA_color-center.png"] {
  transform: scale(1.7) !important; /* INCREASED: From 1.5 to 1.7 */
}

/* 5) Ensure sidebar accommodates content properly */
.bd-sidebar {
  min-height: 100vh;
  overflow-y: auto;
}

/* ============================================
   FOOTER STYLING - REDUCED SPACING
   ============================================ */

/* Main footer container - reduced padding */
/* Constrain overall width */
.custom-footer {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
}
.custom-footer .footer-grid {
  max-width: 1000px;            /* key: narrows the footer */
  margin-inline: auto;          /* center it */
  padding-inline: 16px;
  display: grid;
  grid-template-columns: 140px repeat(3, minmax(0, 1fr)); /* logo + 3 equal cols */
  column-gap: 0.75rem;          /* tighter column spacing */
  row-gap: 0.5rem;
  align-items: start;
}
.custom-footer .footer-grid > * { min-width: 0; }

.custom-footer .footer-col h4 {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.custom-footer .footer-col p,
.custom-footer .footer-col li {
  margin: 0.15rem 0;
  line-height: 1.4;
}

/* Bottom row */
.custom-footer .footer-bottom-row {
  border-top: 1px solid #e1e5e9;
  padding-top: 0.75rem;
  text-align: center;
  font-size: 0.9rem;
  color: #6c757d;
  max-width: 1000px;            /* match main width */
  margin: 0.5rem auto 0;
  padding-inline: 16px;
}

/* Responsive */
@media (max-width: 1100px) {
  .custom-footer .footer-grid { grid-template-columns: 120px 1fr 1fr; }
}
@media (max-width: 700px) {
  .custom-footer .footer-grid { grid-template-columns: 1fr; text-align: center; }
}

/* Extra small screens */
@media (max-width: 480px) {
  :root {
    --pst-sidebar-width: 350px; /* INCREASED: From 320px */
  }

  .bd-sidebar .navbar-brand,
  .sidebar-logo {
    min-height: 250px !important; /* INCREASED: From 200px */
  }

  .bd-sidebar .navbar-brand img,
  .sidebar-logo img,
  .navbar-brand img,
  img[src*="../images/OPENSOURDA_color-center.png"] {
    max-height: 280px !important; /* INCREASED: From 200px to 280px */
    min-height: 150px !important; /* INCREASED: From 120px to 150px */
    transform: scale(1.3) !important; /* INCREASED: From 1.1 to 1.3 */
  }
}