/* Responsive overrides for Material theme */
/* Core responsive styles are in style.css — this file adds BS5 grid fixes */

@media (max-width: 1199.98px) {
  .container { max-width: 100%; padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 991.98px) {
  .sidebar-submenu { position: static !important; margin-bottom: 1.5rem; }
  .breadcrumb-bar .breadcrumb { font-size: 0.75rem; }
}

@media (max-width: 767.98px) {
  .hero-content .hero-cta { flex-direction: column; align-items: center; }
  .hero-content .hero-cta .btn { width: 100%; max-width: 280px; }
  .page-header h1 { font-size: 1.4rem; }
  .member-card .member-photo { width: 100px; height: 100px; }
}

@media (max-width: 575.98px) {
  .main_page { padding: 1rem; border-radius: 8px; }
  .admin-menu ul { gap: 0.2rem; }
  .admin-menu li a { font-size: 0.75rem; padding: 0.35rem 0.6rem; }
  .site-footer { padding: 2rem 0 0; }
  .admin-page-header { flex-direction: column; gap: 0.75rem; align-items: flex-start; }
  .admin-page-header h1 { font-size: 1.25rem; }
  .card-cta { padding: 1.25rem; }
  .avviso-card { padding: 1rem; }
  .event-card { padding: 1rem; }
  .breadcrumb-bar .breadcrumb { font-size: 0.7rem; }
  .breadcrumb-item { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}