/*
 * Cornershop child theme - small adjustments on top of the theme1328 CSS
 * for markup that PrestaShop 8 modules generate differently.
 */

/* blockwishlist 3.x heart in the product list, drawn like theme1328's icon */
ul.product_list .functional-buttons > div.wishlist {
  display: inline-block;
}
ul.product_list .functional-buttons > div.wishlist .wishlist-button-add {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  font-size: 24px;
  line-height: 24px;
  color: #d2dae3;
  transition: 0.3s;
}
ul.product_list .functional-buttons > div.wishlist .wishlist-button-add:hover {
  opacity: 1;
  color: #262626;
}
ul.product_list .functional-buttons > div.wishlist .wishlist-button-add i {
  display: none;
}
ul.product_list .functional-buttons > div.wishlist .wishlist-button-add:before {
  font-family: "material-design";
  content: "\e080";
  display: inline-block;
  font-weight: normal;
}

/* blockwishlist 3.x modals: theme1328 ships no bootstrap modal styles */
.wishlist-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.wishlist-modal.show {
  z-index: 100051 !important;
}
.wishlist-modal .modal-dialog {
  position: relative;
  width: auto;
  max-width: 550px;
  margin: 120px auto 30px;
  padding: 0 16px;
}
.wishlist-modal .modal-content {
  position: relative;
  background: #fff;
  border: none;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}
.wishlist-modal .modal-header,
.wishlist-modal .modal-body,
.wishlist-modal .modal-footer {
  padding: 20px 30px;
}
.wishlist-modal .modal-header {
  padding-bottom: 0;
}
.wishlist-modal .modal-header h5,
.wishlist-modal .modal-title {
  margin: 0;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
}
.wishlist-modal .close {
  background: none;
  border: none;
  line-height: 1;
  cursor: pointer;
}
.wishlist-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 0;
}
.wishlist-modal .modal-footer .btn {
  margin-bottom: 0;
}
.wishlist-modal + .modal-backdrop,
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.15s linear;
}
.wishlist-modal.show + .modal-backdrop,
.modal-backdrop.in,
.modal-backdrop.show {
  opacity: 0.5;
  z-index: 100050 !important;
}

/* blockwishlist 3.x button on the product page, drawn like theme1328's
   "Add to my wishlist" link (#wishlist_button_nopop) */
#product .box-cart-bottom {
  padding-top: 10px;
}
#product .box-cart-bottom .wishlist-button-add {
  display: inline-block;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  color: #6f6f6f;
  cursor: pointer;
}
#product .box-cart-bottom .wishlist-button-add:hover {
  opacity: 1;
  color: #262626;
}
#product .box-cart-bottom .wishlist-button-add i {
  display: none;
}
#product .box-cart-bottom .wishlist-button-add:before {
  content: "\f004";
  font-family: "FontAwesome";
  display: inline-block;
  margin: 0 5px 0 0;
}
#product .box-cart-bottom .wishlist-button-add:after {
  content: "Add to my wishlist";
}
#product.lang_cs .box-cart-bottom .wishlist-button-add:after {
  content: "P\0159idat na seznam p\0159\00E1n\00ED";
}

/* Google+ no longer exists */
.socialsharing_product .btn-google-plus {
  display: none;
}

/* theme1328's Bootstrap 3 sets html to 10px but never uses rem; PrestaShop 8
   templates and modules size text in rem (Bootstrap 4), so restore the
   browser default to keep them readable */
html {
  font-size: 16px;
}

/* ---------- checkout (PrestaShop 8 steps in theme1328 look) ---------- */
.cs-checkout .cart-summary-line .label,
.cs-checkout .cart-summary-line .value,
.cs-checkout .cart-summary-totals .label,
.cs-checkout .cart-summary-totals .value {
  display: inline;
  padding: 0;
  background: none;
  border-radius: 0;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.cs-checkout .cart-summary-totals .label,
.cs-checkout .cart-summary-totals .value {
  font-weight: 500;
  font-size: 16px;
}