/**
 * @file
 * Button styles — matching campus10 custom-button pattern.
 */

.button,
button,
input[type="submit"] {
  display: inline-block;
  padding: 10px 25px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #1a73e8;
  color: #fff;
}

.button:hover,
button:hover,
input[type="submit"]:hover {
  background: #0d47a1;
  color: #fff;
  text-decoration: none;
}

.button:focus,
button:focus,
input[type="submit"]:focus {
  outline: 2px solid #1a73e8;
  outline-offset: 2px;
}

/* Secondary / outline button */
.button--secondary,
.button-outline {
  background: transparent;
  color: #1a73e8;
  border-color: #1a73e8;
}

.button--secondary:hover,
.button-outline:hover {
  background: #1a73e8;
  color: #fff;
}

/* Danger button */
.button--danger {
  background: #dc3545;
  border-color: #dc3545;
}

.button--danger:hover {
  background: #b02a37;
}

/* Small button */
.button--small {
  padding: 6px 16px;
  font-size: 12px;
}

/* Drupal admin local actions — button list, no list bullets. */
ul.action-links,
.action-links,
.block-local-actions-block ul,
.block-local-actions__content ul,
nav[aria-labelledby="block-local-actions-block-menu"] ul,
[data-drupal-link-system-path^="admin/"] ~ ul.action-links {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 20px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

ul.action-links > li,
.action-links > li,
.block-local-actions-block ul > li,
.block-local-actions__content ul > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

/**
 * Drupal admin local action links render as
 *   <ul><li><a class="button button-action">...</a></li></ul>
 * without any distinguishing class on the <ul> or <li>. Target by the anchor
 * class so bullets disappear regardless of wrapper structure.
 */
ul:has(> li > a.button-action),
ul:has(> li > a.button) {
  list-style: none !important;
  list-style-image: none !important;
  padding-left: 0 !important;
  margin: 0 0 20px !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

ul:has(> li > a.button-action) > li,
ul:has(> li > a.button) > li,
li:has(> a.button-action),
li:has(> a.button) {
  list-style: none !important;
  list-style-image: none !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Any Drupal local-actions block — regardless of wrapper class — drop bullets. */
[class*="local-actions"] ul,
[class*="local-actions"] ul > li {
  list-style: none !important;
  list-style-image: none !important;
  background-image: none !important;
  padding-left: 0 !important;
}

/**
 * Drupal dropbutton (Operations column) popup must appear above the site
 * header / admin toolbar. Core's default z-index is low; on this site the
 * sticky header / overlays block it.
 */
.dropbutton-wrapper {
  position: relative;
  z-index: 1100;
}

.dropbutton-wrapper .dropbutton-widget,
.dropbutton-multiple .dropbutton .secondary-action,
.js-dropbutton .dropbutton {
  z-index: 1101;
}

.dropbutton-multiple.open .dropbutton-widget {
  z-index: 1102;
}