/* ----------------------------------------------- */
/* JY-MINIBAR */
/* ----------------------------------------------- */
/* VARIABLES */

:root {
  --jy-minibar-justify: flex-end;
  --jy-minibar-gap: 6px;
  --jy-minibar-color: trasnparent;
  --jy-minibar-transition: .6s;
}

/* ----------------------------------------------- */
/* FONTS */

.jy-minibar ul li a {
  color: white;
  font: normal 500 1.15rem/0.9rem "Ubuntu", sans-serif;
  letter-spacing: 0.01rem; text-transform: uppercase;
  text-decoration: none;
}

/* ----------------------------------------------- */
/* LAYOUT & DESIGN */

.jy-minibar { /*--h:0; background: hsl(var(--h),100%,90%); border: 5px solid hsl(var(--h),100%,50%);
  /* LAYOUT */
  width: 100%; height: 100%; margin: ; padding: ;
  display: flex; flex-direction: row; justify-content: var(--jy-minibar-justify); align-items: flex-start;
  /* DESIGN */
  background-color: var(--jy-minibar-color);
} .jy-minibar ul { /*--h:120; background: hsl(var(--h),100%,90%); border: 5px solid hsl(var(--h),100%,50%);
    /* LAYOUT */
    width: ; height: ; margin: ; padding: ;
    display: flex; flex-direction: row; justify-content: var(--jy-minibar-justify); align-items: center;
    /* DESIGN */
    gap: var(--jy-minibar-gap);
    list-style: none;
    /* HACK > OXYGEN : Hack to counter Oxygen that will automatically add margin and padding on UL tag. */
    margin: 0; padding: 0;
  } .jy-minibar ul li { /*--h:240; background: hsl(var(--h),100%,90%); border: 5px solid hsl(var(--h),100%,50%);
      /* LAYOUT */
      width: ; height: ; margin: ; padding: ;
    } .jy-minibar ul li a { /*--h:0; background: hsl(var(--h),100%,90%); border: 5px solid hsl(var(--h),100%,50%);
        /* LAYOUT */
        width: ; height: ; margin: ; padding: 10px 12px;
        display: block;
        /* DESIGN */
        border-radius: 10px;
      }

/* ----------------------------------------------- */
/* HOVER & FOCUS */
.jy-minibar *:focus { outline: none; }

.jy-minibar li a {
  background-color: hsla(0,0%,100%,0);
  transition: background-color var(--jy-minibar-transition) ease;
} .jy-minibar li a:hover,
  .jy-minibar li a:focus {
    background-color: hsla(0,0%,100%,0.3);
  }

/* ----------------------------------------------- */
/* RESET*/
/* Border & Background */ /* * { border: none !important; background: hsla(0,100%,50%,0.08) !important; }
/* Focus */ /* .jy-menubar *:focus { outline: 5px solid rgba(255,255,0,1); outline-offset: -5px; }
/* ----------------------------------------------- */