:root{
  --mamp-color-primary: #0d1c2d;
  --mamp-color-active: #06c;
  --mamp-icon-external: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6Zm11-3v8h-2V6.413l-7.793 7.794-1.414-1.414L17.585 5H13V3h8Z"/></svg>');

  --link-color-h: 212;
  --link-color-s: 55%;
  --link-color-l: 11%;
  --link-color-hsl: var(--link-color-h), var(--link-color-s), var(--link-color-l);

  --mamp-color: hsl(var(--link-color-hsl));
  --mamp-color-10: hsla(var(--link-color-hsl), .1);
  --mamp-color-20: hsla(var(--link-color-hsl), .2);
  --mamp-color-30: hsla(var(--link-color-hsl), .3);
  --mamp-color-40: hsla(var(--link-color-hsl), .4);
  --mamp-color-50: hsla(var(--link-color-hsl), .5);
  --mamp-color-60: hsla(var(--link-color-hsl), .6);
  --mamp-color-70: hsla(var(--link-color-hsl), .7);
  --mamp-color-80: hsla(var(--link-color-hsl), .8);
  --mamp-color-90: hsla(var(--link-color-hsl), .9);

  --mamp-color-lightest: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) / .5));
  --mamp-color-lighten: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) / .7));
  --mamp-color-light: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) / .9));
  --mamp-color-dark: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) * .9));
  --mamp-color-darken: hsl(var(--link-color-h), var(--link-color-s), calc(var(--link-color-l) * .7));
  
  --pf-v5-global--BackgroundColor--dark-100: var(--mamp-color-primary);
  --pf-v5-global--primary-color--100: var(--mamp-color-active);
  --pf-v5-global--active-color--400: var(--mamp-color-active);
  --pf-v5-global--BorderColor--200: var(--mamp-color-active);

  --pf-v5-global--BackgroundColor--dark-200: var(--mamp-color-lightest);
  --pf-v5-global--BackgroundColor--dark-300: var(--mamp-color-dark);
  --pf-v5-global--BackgroundColor--dark-400: var(--mamp-color-lighten);

}

label[for="attributes.locale"],
.pf-v5-c-form__group:has(>label[for="attributes.locale"]),
.pf-v5-c-form__group:has([id*="attributes.locale"]) {
  display: none !important;
}

.pf-v5-c-nav__item:has([href*="/applications"]){
  display: none !important
}


.pf-v5-c-nav__link.pf-m-current::after, .pf-v5-c-nav__link.pf-m-current:hover::after, .pf-v5-c-nav__item.pf-m-current:not(.pf-m-expanded) .pf-v5-c-nav__link::after {
  border-left: 10px solid var(--mamp-color-active);
  border-top-width: 28px;
  border-bottom-width: 28px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.pf-v5-c-nav__subnav .pf-v5-c-nav__link.pf-m-current::after{
  border-left: 12px solid var(--mamp-color-active);
  border-top-width: 19px;
  border-bottom-width: 19px;
}
/*
.pf-c-page__header{
  background-color: white;
}

//.pf-c-page__main-section .pf-c-page__main-body{
//  background-color: #0d1c2d;
//}

//#landingWelcomeMessage{
//  color: white;
//}
*/
/* OVERRIDE  */
section.pf-c-page__main-section.pf-m-overflow-scroll {
  overflow: unset;
}

.pf-c-page__header {
  background-color: white;
  min-height: 3rem;
  border-bottom: 3px solid var(--mamp-color-primary);
}

.pf-c-page__header .pf-c-button.pf-m-primary {
  background-color: var(--mamp-color-primary);
  color: var(--pf-c-button--m-primary--BackgroundColor);
}

.pf-c-page__header .pf-c-button.pf-m-primary:hover {
  background-color: var(--pf-c-button--m-primary--Color);
}

//.pf-c-dropdown__toggle {
//  background-color: var(--mamp-color-primary);
//}

.pf-c-page__header button svg {
  fill: var(--mamp-color-primary);
}

#landingLoggedInUser{
  color: var(--mamp-color-primary);
}

/* CUSTOM */

#mamp-footer-rgpd{
  background-color : white;
  font-size: 0.9rem;
}

#mamp-footer-rgpd p + p {
  margin-top: 20px;
}

#mamp-footer-liens {
  text-align: center;
  font-size: 0.9rem;
}

#mamp-footer-liens a {
  padding-left: 15px;
  padding-right: 10px;
  position: relative;
  white-space: pre;
}

#mamp-footer-liens a + a::before {
  content: "|";
  position: absolute;
  left: 0;
  top: -3px;
  color: black;
  pointer-events: none;
}

[target="_blank"]::after {
  --icon-size: 0.8rem;
  background-color: currentColor;
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: var(--icon-size);
  margin-left: .25rem;
  -webkit-mask-image: var(--mamp-icon-external);
  mask-image: var(--mamp-icon-external);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: calc((.75em - var(--icon-size))*.5);
  width: var(--icon-size);
 }