/**
 * Adminimal Custom CSS
 * Custom styling for main navigation menu
 */

/* ========================================================================
   SITE BRANDING - Centered and prominent
   ======================================================================== */

/* Site branding block - full width, centered */
#block-adminimal-theme-sitebranding {
  float: none !important;
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin: 0 0 15px 0 !important;
  padding: 15px 20px 0 20px !important;
  text-align: center !important;
}

/* Hide the logo */
#block-adminimal-theme-sitebranding .site-logo {
  display: none !important;
}

/* Site name - centered with site's blue color */
#block-adminimal-theme-sitebranding .site-name {
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

#block-adminimal-theme-sitebranding .site-name a {
  color: #5b9dd9 !important;  /* Site's link blue - matching the links in image */
  font-size: 32px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

#block-adminimal-theme-sitebranding .site-name a:hover {
  color: #7bb2e0 !important;  /* Lighter on hover */
  text-decoration: none !important;
}

/* ========================================================================
   HEADER LAYOUT - Float-based approach
   ======================================================================== */

/* Header container */
header.content-header .region.region-header {
  overflow: hidden; /* Clearfix */
  padding: 10px 20px;
}

/* Page title - KEEP ON LEFT */
#block-adminimal-theme-page-title {
  float: left !important;
  clear: none !important;
  margin: 0 !important;
}

#block-adminimal-theme-page-title h1.page-title {
  margin: 0 !important;
  padding: 8px 0 !important;
  line-height: 1.4 !important;
}

/* Navigation menu - MOVE TO RIGHT */
nav#block-adminimal-theme-mainnavigation {
  float: right !important;
  clear: none !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Hide the "Main navigation" heading */
nav#block-adminimal-theme-mainnavigation h2 {
  display: none !important;
}

/* ========================================================================
   MENU STYLING - Horizontal layout
   ======================================================================== */

/* Menu list - horizontal */
nav#block-adminimal-theme-mainnavigation ul.menu {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  white-space: nowrap !important;
}

/* Menu items - inline */
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item {
  display: inline-block !important;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  vertical-align: middle !important;
}

/* Remove ALL bullets/markers */
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item::before,
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item::after,
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item::marker {
  display: none !important;
  content: '' !important;
}

/* ========================================================================
   MENU LINKS
   ======================================================================== */

nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item > a {
  display: inline-block !important;
  padding: 10px 18px !important;
  color: #e8e8e8 !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: background-color 0.2s, color 0.2s !important;
  line-height: 1.4 !important;
}

/* Last menu item - no border */
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item:last-child > a {
  border-right: none !important;
}

/* Hover effect */
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item > a:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Active/current page */
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item > a.is-active,
nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item.menu-item--active-trail > a {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ========================================================================
   RESPONSIVE
   ======================================================================== */

@media (max-width: 960px) {
  /* Stack on mobile */
  #block-adminimal-theme-page-title,
  nav#block-adminimal-theme-mainnavigation {
    float: none !important;
    width: 100% !important;
    text-align: left !important;
  }
  
  #block-adminimal-theme-page-title {
    margin-bottom: 10px !important;
  }
  
  nav#block-adminimal-theme-mainnavigation ul.menu {
    white-space: normal !important;
  }
  
  nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item {
    display: block !important;
    width: 100% !important;
  }
  
  nav#block-adminimal-theme-mainnavigation ul.menu > li.menu-item > a {
    display: block !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
}

/* ========================================================================
   FIX: Prevent Drupal tabs from blocking main navigation
   ======================================================================== */

/* Ensure main navigation is above other elements */
nav#block-adminimal-theme-mainnavigation {
  position: relative !important;
  z-index: 100 !important;
}

/* Prevent the tabs nav from expanding beyond its content */
nav.position-container,
nav[data-drupal-nav-tabs] {
  position: relative !important;
  z-index: 50 !important;
  width: auto !important;
  overflow: visible !important;
}

/* Ensure tabs don't create invisible overlay */
nav.position-container::before,
nav.position-container::after,
nav[data-drupal-nav-tabs]::before,
nav[data-drupal-nav-tabs]::after {
  display: none !important;
}

/* Make sure header region allows clicks to pass through empty space */
header.content-header .region.region-header {
  pointer-events: none;
}

/* But enable pointer events on actual clickable elements */
header.content-header .region.region-header > * {
  pointer-events: auto;
}

nav#block-adminimal-theme-mainnavigation,
nav#block-adminimal-theme-mainnavigation * {
  pointer-events: auto !important;
}