/* 8. Child  */

@keyframes info-slide-up {
  0% {
    max-height: 1000px;
  }
  50% {
    opacity: 1;
  }
  100% {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
  }
}

.frm-nav .compact-link {
  float: right;
}

.logo {
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  //border-bottom: 1px solid var(--color-black);
}

.header-infos .info {

}
.header-infos .info-success {
  background-color: var(--color-success);
}
.header-infos .info-error {
  background-color: var(--color-error);
}
.header-infos .info-inner {
  max-width: var(--layout-max-width);
  margin: auto;
}
.header-infos .info-block {
  padding: calc(var(--layout-padding-value)/4) var(--layout-padding-value);
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
}
.header-infos .info, .header-infos .info-inner, .header-infos .info-block {
  animation: info-slide-up 5s;
  animation-fill-mode: forwards;
}

.header-cart {
  background-color: var(--color);
}
.header-cart .cart-inner {
  max-width: var(--layout-max-width);
  margin: auto;
}
.header-cart .cart-block {
  padding: calc(var(--layout-padding-value)/4) var(--layout-padding-value);
}
.header-cart .cart-block p, .header-cart .cart-block table, .header-cart .cart-block a {
  color: var(--color-white);
  margin-bottom: 0;
}
.header-cart .cart-block td {
  padding: .5em 1em .5em 0;
}
.header-cart .cart-block a:hover {
  color: var(--color-grey-light);
}