/**
 * @file
 * Developer portal site-specific styles.
 *
 * Overrides and additions for developer.ucsb.edu.
 * Base styles are inherited from ucsbwebsub and ucsbweb.
 *
 * All rules scoped to .navbar-is-fixed-top (body class set by Bootstrap base
 * theme on frontend pages) so they never leak into admin themes (Seven/Claro).
 *
 * No message overrides — frontend uses Bootstrap defaults from parent theme,
 * admin uses its own theme styles (Claro/Seven).
 */

/* Button overrides */
.navbar-is-fixed-top .table--app-list .btn {
  -webkit-border-radius: 0;
  border-radius: 4px;
  border: 0;
  font-size: 12px;
  padding: 8px 14px;
}

.navbar-is-fixed-top .list-inline .btn {
  border-radius: 4px;
  border: 0;
  font-size: 12px;
  padding: 8px 14px;
}

/* User menu positioning - prevent overlay on main nav */
.navbar-is-fixed-top #block-usermenu,
.navbar-is-fixed-top [id^="block-usermenu"] {
  position: initial;
}

/* Breadcrumb reset */
.navbar-is-fixed-top .breadcrumb {
  margin: 0;
}

/* Hide help icon */
.navbar-is-fixed-top .region-help > .glyphicon {
  display: none;
}

/* Swagger UI */
.navbar-is-fixed-top .swagger-ui .wrapper {
  width: 100%;
  max-width: 1187px;
  margin: 10px auto;
  box-sizing: border-box;
}

.navbar-is-fixed-top .swagger-ui .info .title small pre {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  color: #fff;
  background: #7d8492;
  border: none;
}

.navbar-is-fixed-top .swagger-ui .info {
  margin: 0;
}

/* Page title in content region */
.navbar-is-fixed-top .main-content .region-content > h1.page-header,
.navbar-is-fixed-top .main-content .block-page-title-block {
  width: 100%;
  max-width: 1187px;
  margin: 0 auto 20px;
  padding: 0 15px;
  box-sizing: border-box;
}

.navbar-is-fixed-top .main-content .block-page-title-block .page-header {
  margin: 0;
  padding: 0;
  border: 0;
}

/* User menu: suppress server-side .active styling on non-dropdown items.
   Drupal marks /user as in_active_trail for all /user/* paths which
   incorrectly highlights My Account when on /user/1/apps. */
.navbar-is-fixed-top #block-usermenu-ucsbdevsub li.active > a,
.navbar-is-fixed-top [id^="block-usermenu"] li.active > a {
  color: inherit;
  background-color: transparent;
}

.navbar-is-fixed-top #block-usermenu-ucsbdevsub li.active.js-active-verified > a,
.navbar-is-fixed-top [id^="block-usermenu"] li.active.js-active-verified > a {
  border-bottom: 2px solid;
}

/* Fix empty table message inheriting status message styles */
.navbar-is-fixed-top table td.empty.message {
  background-image: none;
  box-shadow: none;
  text-align: center;
  padding: 20px;
}

/* Hide page title on homepage */
.navbar-is-fixed-top.path-frontpage .main-content .block-page-title-block {
  display: none;
}

/* Main content layout */
.navbar-is-fixed-top .main-content {
  margin-top: 30px;
  margin-bottom: 50px;
}

.navbar-is-fixed-top .content {
  width: 100%;
  max-width: 1187px;
  margin: 10px auto;
  box-sizing: border-box;
  padding: 0 15px;
}

.navbar-is-fixed-top .main-content .author {
  width: 100%;
  max-width: 1187px;
  margin: 10px auto;
  box-sizing: border-box;
  padding: 0 15px;
}

/* API documentation views */
.navbar-is-fixed-top .view-api-documentation h3 {
  margin-top: 2em;
  font-size: 16px;
  font-weight: normal;
}

.navbar-is-fixed-top .item-list ul li {
  line-height: 13px;
  font-weight: 500;
}

.navbar-is-fixed-top .item-list ul li a {
  border-bottom: none !important;
}

/* API card columns */
.navbar-is-fixed-top .api-col-class {
  padding: 10px;
}

.navbar-is-fixed-top .api-col-class h3 {
  color: #07528c;
}

.navbar-is-fixed-top .api-col-class p {
  font-size: 18px;
}

/* UCSB branded buttons - scoped to content area */
.navbar-is-fixed-top .main-content .btn-primary,
.navbar-is-fixed-top .main-content .btn {
  background-color: #07528c;
  color: #fff;
  border-radius: 10px;
  padding: 9px 15px;
  font-size: 16px;
}

.navbar-is-fixed-top .main-content .btn:hover,
.navbar-is-fixed-top .main-content .btn-primary:hover {
  background-color: #003660;
  color: #fff;
}

/* Homepage hero */
.navbar-is-fixed-top.path-frontpage .main-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  background-image: url(/sites/default/files/2021-06/1969-Storke-UC-Santa-Barbara.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  background-position: center top;
  padding: 40px 0 80px;
}

/* Homepage API section grid */
.navbar-is-fixed-top .home-api-sec span {
  float: left;
  list-style: none;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 30%;
  line-height: 1.2;
  padding: 12px 5px;
  border-radius: 4px;
  background-color: #f5f5f5;
}

.navbar-is-fixed-top .home-api-sec span a {
  color: #07528c;
  font-weight: 800;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 18px;
  border-bottom: 0 solid transparent !important;
}

.navbar-is-fixed-top .home-api-sec span:hover a {
  text-decoration: none;
  color: #f5f5f5 !important;
}

.navbar-is-fixed-top .home-api-sec span:hover {
  background-color: #07528c;
}

/* Left button list */
.navbar-is-fixed-top .btn-left li {
  list-style: none;
  text-align: center;
  width: auto;
  line-height: 1.2;
  border-radius: 4px;
  background-color: #f5f5f5;
}

.navbar-is-fixed-top .btn-left li a {
  color: #07528c;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 20px;
  border-bottom: 0 solid transparent !important;
  padding: 12px 6px;
}

.navbar-is-fixed-top .btn-left li:hover a {
  text-decoration: none;
  color: #f5f5f5 !important;
}

.navbar-is-fixed-top .btn-left li:hover {
  background-color: #07528c;
}

.navbar-is-fixed-top .nav.nav-pills.btn-left li a {
  margin-bottom: initial;
}

.navbar-is-fixed-top .nav.nav-pills.btn-left > li {
  padding-right: initial;
  padding-left: initial;
}