/**
 * @file
 * Gin Login Custom CSS Modifications
 * This stylesheet will be in use on every page.
 * Please add the style only if it's universal
 * Or please make sure selector is specific enough that it will not unintentionally apply on other DOM elements
 */

/* Distinct Field Spacing*/
.node__content > .field {
  padding: 2px 0;
}

/* Lookup description Lookup for Related Retail Entity Reference */
.retail-description-size {
  font-size: 12px !important;
  /*font-style: italic;*/
  color: gray;
}

#toolbar-item-user {
  min-width: 0px !important;
}

/* Show the User Account Dropdown (Due to Gin 5) */
.toolbar .toolbar-bar .user-menu {
  display: block !important;
}

/* Drupal Toolbar background color */
.toolbar .toolbar-bar {
  background-color: var(--stations-theme-color-dark);
}

.gin-breadcrumb-wrapper .gin-region-breadcrumb {
  display: none;
}

.gin-secondary-toolbar > button:first-child,
.gin-secondary-toolbar > button:first-child:not(:focus) {
  background: #000000;
  color: white;
  border: none !important;
}

/* Menu Icons */
.toolbar .toolbar-bar [href="/home"]::before {
  -webkit-mask-image: url('stations-menu-icons/home.svg');
  mask-image: url('stations-menu-icons/home.svg');
}
.toolbar .toolbar-bar [href="/retail"]::before {
  -webkit-mask-image: url('stations-menu-icons/retail.svg');
  mask-image: url('stations-menu-icons/retail.svg');
}
.toolbar .toolbar-bar [href="/feedback"]::before {
  -webkit-mask-image: url('stations-menu-icons/feedback.svg');
  mask-image: url('stations-menu-icons/feedback.svg');
}
.toolbar .toolbar-bar [href="/announcements"]::before {
  -webkit-mask-image: url('stations-menu-icons/announcement.svg');
  mask-image: url('stations-menu-icons/announcement.svg');
}
.toolbar .toolbar-bar [href="/visual-disruption"]::before {
  -webkit-mask-image: url('stations-menu-icons/vdm.svg');
  mask-image: url('stations-menu-icons/vdm.svg');
}
.toolbar .toolbar-bar [href="/generate"]::before {
  -webkit-mask-image: url('stations-menu-icons/generator.svg');
  mask-image: url('stations-menu-icons/generator.svg');
}
.toolbar-tray-vertical .menu-item__stations_retail-about .toolbar-icon.toolbar-handle {
  display: none;
}
.toolbar-tray-horizontal ul li.menu-item .menu-item
{
  font-size: smaller !important;
}

/* Debug wrong padding for action buttons on view table column */
.views-field-operations .dropbutton__toggle {
  padding-block: 0 !important;
  height: auto !important;
}
[headers="view-operations-table-column"] .dropbutton-action a {
  height: 100% !important;
  padding-block: .2rem !important;
}

/* Stations Gin Customisation Configuration form */
.favicon_wrapper,
.logo_wrapper {
  display: grid;
  row-gap: 2rem;
}

.favicon_wrapper .js-form-item,
.logo_wrapper .js-form-item {
  max-width: 30rem;
}

.toc_name_wrapper .js-form-item {
  max-width: 200px;
}

/* Stations Theme */
.stations_theme-views-view-responsive-grid__item {
  background-color: white;
}

header[role="banner"] {
  background: var(--stations-theme-color-primary) !important;
}