/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
#sfw-floating-basket {
  /*
main style
 */
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99999;
  width: 360px;
  max-width: 100%;
  min-height: 3rem;
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: 1rem;
  line-height: 1em;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease 0s, opacity 200ms ease;
  /*
the rendered basket
 */
  /*
the basket opener and summary
 */
}

body.sfw-basket-not-empty #sfw-floating-basket {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s ease 200ms, opacity 200ms ease;
}

#sfw-floating-basket .--basket-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100vh;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s ease 300ms, opacity 300ms ease, transform 300ms ease;
  transform: translateY(6rem);
  background: #eee;
}

#sfw-floating-basket.--open .--basket-wrapper {
  transition: visibility 0ms ease 0s, opacity 300ms ease, transform 300ms ease;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

#sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
  max-height: 100vh;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
    max-height: 1024px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
    max-height: 768px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: portrait) {
  #sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
    max-height: 480px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 480px) and (orientation: landscape) {
  #sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
    max-height: 320px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
  #sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
    max-height: 568px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (device-width: 320px) and (device-height: 568px) and (orientation: landscape) {
  #sfw-floating-basket [data-basket], #sfw-floating-basket .--basket-wrapper {
    max-height: 320px;
  }
}

#sfw-floating-basket [data-basket] {
  overflow-y: auto;
  max-height: 100vh;
  padding-bottom: 3rem;
  position: static;
}

#sfw-floating-basket .--closer {
  display: none;
}

#sfw-floating-basket.--open .--closer {
  display: block;
  position: absolute;
  top: 1rem;
  left: -1.25rem;
  border-radius: 50%;
  background: #333;
  color: white;
  font-size: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: .75rem;
  text-align: center;
  cursor: pointer;
}

@media screen and (max-width: 39.99875em) {
  #sfw-floating-basket.--open .--closer {
    display: none;
  }
}

#sfw-floating-basket .sfw-button, #sfw-floating-basket [data-basket-item-quantity] {
  margin-right: .25em;
  font-size: 12px;
  padding: .5em .5em;
}

#sfw-floating-basket .--quick-summary {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3rem;
  width: 100%;
  background-color: #111;
  color: white;
  user-select: none;
}

#sfw-floating-basket .--quick-summary .--label {
  display: block;
  width: 100%;
  padding: 1rem;
  cursor: pointer;
  transform: scale(1);
  text-overflow: ellipsis;
}

#sfw-floating-basket .--quick-summary .--label .ac {
  margin-right: .5em;
  display: inline-block;
  transform: scale(1.35);
}

#sfw-floating-basket .--quick-summary .--label .--item-count {
  opacity: .5;
  margin-left: .5em;
}

#sfw-floating-basket .--quick-summary [data-checkout] {
  padding: 1rem;
  cursor: pointer;
  background-color: #19DD89;
}

.sfw-promotions-header .sfw-promotion {
  margin-bottom: 1em;
  padding: .5em;
  border: thin solid #eee;
  background: #f6f6f6;
  color: #19DD89;
}

.sfw-promotions-header .sfw-promotion code {
  display: inline-block;
  background: #19DD89;
  color: white;
  border-radius: 3px;
  padding: .05em .5em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}