/* Hide the Fabrik Group By dropdown button */
a.dropdown-toggle.groupBy {
  display: none !important;
}
/* Hide table header row (Title / Edit Article) */
.com-content-category-list table.category thead {
  display: none;
}

/* Category List table: titles-only + multi-columns (no dependency on body classes) */

table.com-content-category__table {
  display: block !important;
  width: 100% !important;
}

table.com-content-category__table thead {
  display: none !important;
}

table.com-content-category__table tbody {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* force 3 cols */
  gap: 0.6rem 2rem !important;
}

table.com-content-category__table tbody tr {
  display: block !important;
}

table.com-content-category__table tbody th,
table.com-content-category__table tbody td {
  display: none !important;
  padding: 0 !important;
  border: 0 !important;
}

table.com-content-category__table tbody th.list-title {
  display: block !important;
}

/* kill the edit column explicitly */
table.com-content-category__table tbody td.list-edit {
  display: none !important;
}
/* Single column on small screens */
@media (max-width: 768px) {
  table.com-content-category__table tbody {
    grid-template-columns: 1fr !important;
  }
}

/* Remove Cassiopeia module card around sidebar-left menu */
.container-sidebar-left .moduletable {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}


/* ===== Sidebar-left menu (Cassiopeia) ===== */
.container-sidebar-left .mod-menu,
.container-sidebar-left ul.mod-menu {
  background: linear-gradient(180deg, #233a6a 0%, #1b2f57 100%);
  border: 0px solid rgba(255,255,255,.12);
  border-radius: 8px;
  padding: 7px;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}

/* Remove default list look */
.container-sidebar-left .mod-menu {
  list-style: none;
  margin: 0;
}

/* Links become “nav items” */
.container-sidebar-left .mod-menu > li > a {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 6px;
  margin: 6px 0;
  border-radius: 8px;
  text-decoration: none;
  color: rgba(255,255,255,.92);
  font-weight: 500;
  transition: background .15s ease, transform .15s ease, color .15s ease;
}

/* Hover: subtle lift + brighter */
.container-sidebar-left .mod-menu > li > a:hover {
  background: rgba(255,255,255,.10);
  transform: translateX(3px);
  color: #fff;
}

/* Active/current page: stronger highlight */
.container-sidebar-left .mod-menu > li.active > a,
.container-sidebar-left .mod-menu > li.current > a {
  background: rgba(255,255,255,.16);
  font-weight: 650;
}

/* Optional: a small “bullet” indicator to make it less listy */
/*.container-sidebar-left .mod-menu > li > a::before { */
/*  content: ""; */
/*  width: 8px; */
/*  height: 8px; */
/*  border-radius: 99px; */
/*  background: rgba(255,255,255,.55); */
/*  flex: 0 0 8px; */
/*}

.container-sidebar-left .mod-menu > li.active > a::before,
.container-sidebar-left .mod-menu > li.current > a::before {
  background: #ffffff;
}

/* ===== Top navbar links: pill-style, less “texty” ===== */
.container-header .navbar-nav .nav-link {
  padding: .55rem .95rem;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: .2px;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}

/* Hover: soft pill highlight */
.container-header .navbar-nav .nav-link:hover {
  background: rgba(255,255,255,.12);
  transform: translateY(-1px);
}

/* Active item: clearer “you are here” */
.container-header .navbar-nav .nav-item.active > .nav-link,
.container-header .navbar-nav .nav-link.active,
.container-header .navbar-nav .nav-link[aria-current="page"] {
  background: rgba(255,255,255,.20);
}

/* Slightly increase spacing so it feels intentional */
.container-header .navbar-nav {
  gap: .35rem;
}

/* Kill any Cassiopeia “card” border/background wrapping sidebar-left modules */
.container-sidebar-left .card,
.container-sidebar-left .module,
.container-sidebar-left .moduletable,
.container-sidebar-left .moduletable > .card,
.container-sidebar-left .moduletable > .module {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Also remove spacing that can make it look like a border frame */
.container-sidebar-left .moduletable {
  padding: 0 !important;
  margin: 0 0 1rem 0; /* keep a little separation between modules */
}