/* Display */
body:not(.logged-in) #page.site > header .site-header-cart {
  display : none;
}
body:not(.logged-in) #page.site > header .site-header-cart + a {
  display : none;
}

/* design */
#page.site > header .site-header-cart {
  padding       : 0 20px 0 8px;
  min-width     : 250px;
  justify-self  : stretch;
  width         : initial !important;
  border-left   : 1px solid var(--c-border);
}
#page.site > header .site-header-cart + a {
  width                 : 52px;
  height                : 52px;
  grid-template-columns : 1fr;
  border-left           : 1px solid var(--c-border);
}
#page.site > header .site-header-cart + a::before {
  justify-self        : center;
  align-self          : center;
  background-image    : url(/wp-content/plugins/custom/assets/cart2-icon.svg);
}

/* Top */
#page.site > header .site-header-cart li:nth-child(1) > a {
  height: 53px;
}
#page.site > header .site-header-cart .cart-contents::after {
  content             : '';
  justify-self        : center;
  align-self          : center;
  background-image    : url(/wp-content/plugins/custom/assets/cart2-icon.svg);
  background-repeat   : no-repeat;
  background-position : center center;
  background-size     : 16px 16px;
  height              : 16px;
  width               : 16px;
  display             : block;
}

/* menu */
#page.site > header .site-header-cart .widget_shopping_cart {
  border-radius    : var(--c-radius);
  border           : 1px solid var(--c-border);
  background-color : var(--c-background);
  margin-top       : 4px;
}

/* Item */
#page.site > header .site-header-cart .mini_cart_item {
  margin                : 8px;
  border                : 1px solid var(--c-border);
  border-radius         : var(--c-radius);
  background-color      : white;
  display               : grid;
  padding               : 8px;
  column-gap            : 8px;
  grid-template-columns : 64px 1fr auto;
  grid-template-areas : 
    "img title delete"
    "img data  data"
    "price price price";
}
#page.site > header .site-header-cart .mini_cart_item .remove {
  grid-area : delete;
  padding   : 0;
  height    : 16px;
  display   : grid;
}
#page.site > header .site-header-cart .mini_cart_item .remove::before {
  content             : '';
  display             : block;
  height              : 16px;
  width               : 16px;
  place-self          : center center;
  background-repeat   : no-repeat;
  background-size     : 16px;
  background-position : center center;
  background-image    : url(/wp-content/plugins/custom/assets/trash-icon.svg);
}
#page.site > header .site-header-cart .mini_cart_item > .c-thumbnail {
  grid-area : img;
}
#page.site > header .site-header-cart .mini_cart_item > .c-thumbnail img {
  margin    : 0;
  width     : 64px;
  height    : 64px;
  max-width : 100%;
}
#page.site > header .site-header-cart .mini_cart_item > .c-title {
  grid-area: title;
}
#page.site > header .site-header-cart .mini_cart_item > .c-title a {
  font-size   : 12px;
  line-height : 18px;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-text-title);
}
#page.site > header .site-header-cart .mini_cart_item > dl {
  grid-area             : data;
  display               : grid;
  grid-template-columns : auto 1fr;
  column-gap            : 4px;
}
#page.site > header .site-header-cart .mini_cart_item > dl dt {
  grid-column : 1/2;
}
#page.site > header .site-header-cart .mini_cart_item > dl dd {
  grid-column : 2/3;
  margin      : 0;
}
#page.site > header .site-header-cart .mini_cart_item > dl dd p {
  margin : 0;
}
#page.site > header .site-header-cart .mini_cart_item .amount {
  grid-area    : price;
  font-size    : 12px;
  line-height  : 18px;
  font-weight  : 500;
  font-family  : var(--c-font-familiy-title);
  color        : var(--c-text-title);
  justify-self : right;
}
#page.site > header .site-header-cart .woocommerce-mini-cart__total {
  border-bottom         : none;
  border-top            : 1px solid var(--c-border);
  padding               : 9px;
  background-color      : white;
  display               : grid;
  grid-template-columns : 1fr 1fr;
}
#page.site > header .site-header-cart .woocommerce-mini-cart__total > strong {
  font-size    : 14px;
  line-height  : 20px;
  font-weight  : 500;
  font-family  : var(--c-font-familiy-title);
  color        : var(--c-text-title);
  grid-column  : 1/2 ;
  justify-self : left;
}
#page.site > header .site-header-cart .woocommerce-mini-cart__total > span {
  font-size    : 14px;
  line-height  : 20px;
  font-weight  : 500;
  font-family  : var(--c-font-familiy-title);
  color        : var(--c-text-title);
  grid-column  : 2/3;
  justify-self : right;
}
#page.site > header .site-header-cart .woocommerce-mini-cart__buttons {
  padding          : 9px;
  background-color : white;
  border-radius    : 0 0 var(--c-radius) var(--c-radius);
}
#page.site > header .site-header-cart .woocommerce-mini-cart__buttons a::after {
  display : none;
}