/* top */
header
{
  background-color: var(--color-neutral-dark-20);
}

#top 
{
  border-bottom: 1px solid var(--color-neutral-dark-00);
  background-color: var(--color-neutral-dark-00);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin: 0;
  position: relative;
  clear: both;
}

#top .dropdown-toggle,
#top .list-inline-item > a,
#top .list-inline-item .dropdown > a,
#top .nav > .list-inline > .list-inline-item, 
#top .nav > .list-inline .list-inline-item > a, 
#top .nav > .list-inline .list-inline-item .dropdown > a 
{
  font-size: var(--font-size-aux);
  line-height: var(--font-size-h3);
  color: var(--color-accent-pale-light);
}

#top .btn-link {
  color: var(--color-neutral-light-65);
  text-decoration: none;
}

#top .btn-link:hover {
  color: var(--color-accent-light);
}

#top a
{
    font-size: var(--font-size-aux);
    text-decoration: none;
    color: var(--color-link-dark);
}

#top a:hover
{
    color: var(--color-accent-light);
}

.top-right li.list-inline-item
{
  margin: 0;	
  margin-left: 35px;
}

.top-bar
{
  clear: both;
}

/* cart */
#header-cart > .btn 
{
  font-size: var(--font-size-h5);
  line-height: 1.125rem;
  color: var(--color-neutral-light-100);
}

#header-cart .btn-lg
{
  padding: 0.65rem 1rem;
}

#header-cart.open > .btn
{
  background-image: none;
  background-color: var(--color-neutral-light-100);
  border: 1px solid var(--color-neutral-light-90);
  color: var(--color-neutral-dark-40);
  box-shadow: none;
  text-shadow: none;
}

#header-cart.open > .btn:hover
{
  color: var(--color-neutral-dark-25);
}

#header-cart .btn-link.remove-item
{
  color: var(--color-alert);
}

#header-cart .dropdown-menu table
{
  margin-bottom: 10px;
}

#header-cart .dropdown-menu li
{
  min-width: 300px;
  padding: 0 10px;
  font-size: var(--font-size-h5);
}

#header-cart .dropdown-menu li p
{
  margin: 20px 0;
}

@media (max-width: 478px)
{
  #header-cart .dropdown-menu
  {
    width: 100%;
  }
  #header-cart .dropdown-menu li > div
  {
    min-width: 100%;
  }
}

#header-cart .table-striped > tbody > tr:nth-of-type(odd)
{
  background-color: var(--color-neutral-light-100);
}

#header-cart .table > :not(caption) > * > *
{
    box-shadow: none;
    background-color: var(--color-neutral-light-100);
    border: 1px solid transparent;
    border-bottom: 1px solid #eee;
}

#header-cart .pro-name
{
  font-size: var(--font-size-body);
  color: var(--color-accent-light);
}