.wcr-head {
  position: relative;
}

.wcr-head-actions {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(128px, max-content));
  grid-template-rows: repeat(2, 38px);
  gap: 5px 14px;
  align-self: flex-start;
  align-items: stretch;
  justify-content: start;
  width: 100%;
}

.wcr-head-actions > a,
.wcr-head-actions > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  margin: 0;
  padding: 6px 12px;
  box-sizing: border-box;
  text-align: center;
  white-space: normal;
}

.wcr-head-actions > .wcr-nmt-button {
  grid-column: 1;
  grid-row: 1;
}

.wcr-head-actions > .wcr-training-manager-button {
  grid-column: 1;
  grid-row: 2;
}

.wcr-head-actions > .wcr-interviews-button {
  grid-column: 2;
  grid-row: 1;
}

.wcr-head-actions > .wcr-creative-briefs-button {
  grid-column: 2;
  grid-row: 2;
}

.wcr-head-actions > a[href*="/music/"] {
  grid-column: 3;
  grid-row: 1;
}

.wcr-head-actions > a[href*="/live-reads/"] {
  grid-column: 3;
  grid-row: 2;
}

.wcr-head-actions > .wcr-schedule-button {
  grid-column: 4;
  grid-row: 1;
}

.wcr-head-actions > .wcr-public-schedule-button {
  grid-column: 4;
  grid-row: 2;
}

.wcr-head-actions > .wcr-events-button {
  grid-column: 5;
  grid-row: 1;
}

.wcr-head-actions > a[href="/wrexham-city-radio/events/"] {
  grid-column: 5;
  grid-row: 2;
}

.wcr-head-actions > a[href*="/funding/"] {
  grid-column: 6;
  grid-row: 1;
}

.wcr-head-actions > #wcr-export {
  grid-column: 6;
  grid-row: 2;
}

.wcr-head-actions > .wcr-nmt-button,
.wcr-head-actions > .wcr-training-manager-button {
  border-color: #8fd6df;
  background: #e8f8fa;
  color: #174a55;
}

.wcr-head-actions > .wcr-interviews-button,
.wcr-head-actions > .wcr-creative-briefs-button {
  border-color: #c8b6e8;
  background: #f3effb;
  color: #473665;
}

.wcr-head-actions > a[href*="/music/"],
.wcr-head-actions > a[href*="/live-reads/"] {
  border-color: #e4c97a;
  background: #fff7df;
  color: #604c14;
}

.wcr-head-actions > .wcr-schedule-button,
.wcr-head-actions > .wcr-public-schedule-button {
  border-color: #a9c5e8;
  background: #edf5ff;
  color: #244a72;
}

.wcr-head-actions > .wcr-events-button,
.wcr-head-actions > a[href="/wrexham-city-radio/events/"] {
  border-color: #9ed5b1;
  background: #edf9f1;
  color: #24583a;
}

.wcr-head-actions > a[href*="/funding/"],
.wcr-head-actions > #wcr-export {
  border-color: #e3bd9f;
  background: #fff2e8;
  color: #6a4024;
}

.wcr-head-actions > #wcr-logout {
  position: absolute;
  top: 18px;
  right: 0;
  width: 88px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  border-color: #dfb1b5;
  background: #fff1f2;
  color: #7a2930;
}

.wcr-head-actions > a:hover,
.wcr-head-actions > button:hover {
  filter: brightness(0.96);
}

@media (max-width: 760px) {
  .wcr-head-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(7, 38px);
    gap: 5px 10px;
  }

  .wcr-head-actions > #wcr-logout {
    position: static;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    width: 88px;
  }

  .wcr-head-actions > .wcr-nmt-button { grid-column: 1; grid-row: 2; }
  .wcr-head-actions > .wcr-training-manager-button { grid-column: 1; grid-row: 3; }
  .wcr-head-actions > .wcr-interviews-button { grid-column: 2; grid-row: 2; }
  .wcr-head-actions > .wcr-creative-briefs-button { grid-column: 2; grid-row: 3; }
  .wcr-head-actions > a[href*="/music/"] { grid-column: 1; grid-row: 4; }
  .wcr-head-actions > a[href*="/live-reads/"] { grid-column: 1; grid-row: 5; }
  .wcr-head-actions > .wcr-schedule-button { grid-column: 2; grid-row: 4; }
  .wcr-head-actions > .wcr-public-schedule-button { grid-column: 2; grid-row: 5; }
  .wcr-head-actions > .wcr-events-button { grid-column: 1; grid-row: 6; }
  .wcr-head-actions > a[href="/wrexham-city-radio/events/"] { grid-column: 1; grid-row: 7; }
  .wcr-head-actions > a[href*="/funding/"] { grid-column: 2; grid-row: 6; }
  .wcr-head-actions > #wcr-export { grid-column: 2; grid-row: 7; }
}

@media (max-width: 420px) {
  .wcr-head-actions {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: repeat(13, 38px);
  }

  .wcr-head-actions > #wcr-logout { grid-column: 1; grid-row: 1; }
  .wcr-head-actions > .wcr-nmt-button { grid-column: 1; grid-row: 2; }
  .wcr-head-actions > .wcr-training-manager-button { grid-column: 1; grid-row: 3; }
  .wcr-head-actions > .wcr-interviews-button { grid-column: 1; grid-row: 4; }
  .wcr-head-actions > .wcr-creative-briefs-button { grid-column: 1; grid-row: 5; }
  .wcr-head-actions > a[href*="/music/"] { grid-column: 1; grid-row: 6; }
  .wcr-head-actions > a[href*="/live-reads/"] { grid-column: 1; grid-row: 7; }
  .wcr-head-actions > .wcr-schedule-button { grid-column: 1; grid-row: 8; }
  .wcr-head-actions > .wcr-public-schedule-button { grid-column: 1; grid-row: 9; }
  .wcr-head-actions > .wcr-events-button { grid-column: 1; grid-row: 10; }
  .wcr-head-actions > a[href="/wrexham-city-radio/events/"] { grid-column: 1; grid-row: 11; }
  .wcr-head-actions > a[href*="/funding/"] { grid-column: 1; grid-row: 12; }
  .wcr-head-actions > #wcr-export { grid-column: 1; grid-row: 13; }
}