/**
 * gin_vov.css
 * Custom overrides for the VOV Gin sub-theme.
 *
 * Fixes:
 *  1. Action buttons (local-actions) always appear at the top-right.
 *  2. Sidebar menu parent items are navigable and have an "Overview" link.
 *  3. Sidebar submenus collapse by default; expand only the active trail and
 *     on hover/click.
 */

/* -----------------------------------------------------------------------
 * 1. Action buttons – ensure they are pushed to the right in the sticky
 *    header and are always visible when the page has local actions.
 * --------------------------------------------------------------------- */

.region-sticky__items__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gin-spacing-m, 16px);
}

/* The local-actions block wrapper inside the sticky header. */
.region-sticky__items__inner .block-local-actions-block {
  margin-inline-start: auto;
  flex-shrink: 0;
}

/* -----------------------------------------------------------------------
 * 2. Sidebar menu – "Overview" link styling.
 *    Gin already styles .toolbar-icon links; we just make sure the overview
 *    item looks consistent and stands out slightly.
 * --------------------------------------------------------------------- */

.toolbar-menu-administration .gin-vov-overview>a {
  font-style: italic;
  opacity: 0.85;
}

.toolbar-menu-administration .gin-vov-overview>a:hover {
  opacity: 1;
}

/* -----------------------------------------------------------------------
 * 3. Sidebar submenus – collapse/expand accordion behaviour.
 *
 * When Gin runs with toolbar_variant = 'new' but the Navigation module is
 * disabled, no JS registers the accordion. We add CSS defaults here and let
 * gin_vov.js wire up the click handlers.
 *
 * Default: submenus are collapsed.
 * Active trail + JS-toggled (.gin-vov-open): submenu is expanded.
 * --------------------------------------------------------------------- */

/* Hide level-1+ menus by default (overrides any "display: block" from
   Drupal core toolbar when the tray is opened in full). */
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item>.toolbar-menu,
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item>ul.toolbar-menu {
  display: none !important;
}

/* Show the submenu for items that are in the active trail or toggled open. */
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.menu-item--active-trail>.toolbar-menu,
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.menu-item--active-trail>ul.toolbar-menu,
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.gin-vov-open>.toolbar-menu,
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.gin-vov-open>ul.toolbar-menu {
  display: block !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  box-shadow: none !important;
  border-inline-start: 2px solid var(--gin-color-primary-light, #e8f0fe) !important;
  margin-inline-start: var(--gin-spacing-xl, 24px) !important;
  overflow: visible !important;
}

/* Toggle indicator arrow on parent items. */
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.menu-item--expanded>a::after {
  content: ' ▾';
  font-size: 0.7em;
  opacity: 0.6;
  margin-inline-start: 4px;
}

.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.menu-item--active-trail>a::after,
.gin--new-toolbar .toolbar-menu-administration>.toolbar-menu>.menu-item.gin-vov-open>a::after {
  content: ' ▴';
  opacity: 0.8;
}

/**
 * Disable GIN's sticky local-actions bar (the frosted-glass bar holding
 * per-page action buttons like "Discover jobs", "Add content", etc).
 * position: sticky pins it in place as the page scrolls, and rows/content
 * that scroll underneath end up visually covered/cut off by it instead of
 * cleanly disappearing above the fold. GIN's own rule has no !important
 * and boosts its specificity via `:is(#extra-specificity-hack, ...)`, so
 * this needs !important to win regardless of load order.
 */
.region-sticky {
  position: static !important;
}

@media screen and (max-width: 960px) {
  table.gin--sticky-table-header {
    display: none !important;
  }
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
  max-width: 100% !important;
}