/* load the default Redmine stylesheet */
@import url(../../../stylesheets/application.css);

/* ===== TRAINING palette (purple/pink) ===== */
:root{
  --training-main: #d4874c;
  --training-deep: #bd631e;
  --training-hover: #fde6cf;
  --training-link: #bd7035;
}

#top-menu {
  background: var(--training-deep);
}

#main-menu li a:hover { background-color: var(--training-hover); color: #ffffff; }
#main-menu li a.selected, #main-menu li a.selected:hover { background-color: var(--training-deep); color: #ffffff; }
#main-menu li a.new-object { background-color: var(--training-main); }
#main-menu .menu-children li a:hover { background: var(--training-hover); color:#fff; }
#main-menu .menu-children {
  border-right-color: var(--training-hover);
  border-bottom-color: var(--training-hover);
  border-left-color: var(--training-hover);
}

#header {
  background-color: var(--training-main);
}

/* links */
a, a:link, a:visited {
  color: var(--training-link);
}

.drdn-items>a:hover { text-decoration:none; background-color: var(--training-main); color:#fff !important; }

.pagination ul.pages li.current {
  background-color: var(--training-main);
  border-color: var(--training-main);
}

/* training badge (optional but recommended) */
#header h1 a::after{
  content: " TRAINING";
  margin-left: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #fff;
  background: rgba(0,0,0,.25);
  padding: 2px 8px;
  border-radius: 999px;
}

#content pre {
  max-height: 15rem;
  overflow: auto;
}