@charset "UTF-8";
/*
*
*
* Fichier utilisé pour la page "panier" / "validation de commande"
*
*
*/
td.product-name .product-name-title {
  font-weight: 700;
  text-transform: uppercase;
}

td.product-name .product-name-title a {
  text-decoration: none;
}

td.product-name .variation {
  font-size: 16px;
}

.cart-custom-container {
  display: grid;
  grid-template-columns: 1fr 40%;
  gap: 24px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
  width: 100%;
}

body .qib-button-wrapper {
  float: none !important;
  width: fit-content;
}

.woocommerce a.remove {
  margin-top: 16px;
  height: auto;
  width: fit-content;
  font-size: 14px;
  font-weight: 400;
  color: grey;
  background: transparent !important;
}

.woocommerce a.remove:hover {
  color: #a00 !important;
}

.cart-rest {
  background-color: #FFF7ED;
  border: 2px solid #FF791F;
  border-radius: 16px;
  padding: 24px;
  grid-column: 1 / 3;
  text-align: center;
}

.cart-rest small {
  font-size: 14px;
}

.cart-rest a {
  display: inline-block;
  margin-top: 8px;
  margin-left: auto;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 16px !important;
  line-height: normal;
  background-color: transparent;
  color: white;
  background-color: black;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  animation: pulseSlider 1s infinite ease-in-out;
}

.cart-rest a:hover {
  background-color: #FF791F;
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 1;
}

.woocommerce table.shop_table {
  border-radius: 16px;
}

#shipping_method li label {
  font-size: 16px;
}

li input.shipping_method {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid black;
  border-radius: 50%;
  background: #fff;
  position: relative;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 8px;
}

li input.shipping_method:checked {
  background: #fff;
  box-shadow: 0 0 0 2px #fff inset;
}

li input.shipping_method:checked::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
}

.woocommerce-cart table.cart td.actions .coupon {
  float: none;
  margin-bottom: 16px;
  align-items: center;
  gap: 16px;
  text-align: left;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: auto;
  border-radius: 8px;
  padding: 8px;
  font-size: 16px;
}

.woocommerce-cart table.cart td.actions .coupon .button {
  margin-left: auto;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 16px;
  line-height: normal;
  background-color: black;
  color: white;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
}

.woocommerce-cart table.cart td.actions .coupon .button:hover {
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #FF791F;
}

.woocommerce-cart table.cart td.actions .coupon * {
  float: none !important;
}

.woocommerce table.shop_table td.product-name .woocommerce-Price-amount {
  font-style: italic;
  font-size: 16px;
}

.woocommerce table.shop_table td.product-name .woocommerce-Price-amount:before {
  content: "Prix unitaire : ";
}

.woocommerce table.shop_table td.product-subtotal {
  vertical-align: top;
  font-weight: 700;
}

.woocommerce table.shop_table td.product-thumbnail img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
}

.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
  text-align: left;
}

button.button[name="update_cart"] {
  margin-left: auto;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 16px !important;
  line-height: normal;
  background-color: transparent;
  color: black;
  border: 1px solid black;
  text-transform: none;
  text-decoration: none;
  text-align: center;
}

button.button[name="update_cart"]:not(:disabled) {
  background-color: #f03106 !important;
  border-color: #f03106 !important;
  color: white !important;
  animation: pulseSlider 1s infinite ease-in-out;
}

button.button[name="update_cart"]:not(:disabled):hover {
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.cart_totals a.button.checkout-button {
  background-color: black;
  color: white;
  border-radius: 8px;
  font-weight: 700;
  font-size: 18px;
  padding: 16px 16px;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
}

.cart_totals a.button.checkout-button:hover {
  background-color: #FF791F;
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
}

.woocommerce-checkout #payment div.payment_box {
  background: transparent;
  padding: 0;
}

.woocommerce-checkout #payment div.payment_box:before {
  content: none;
}

.woocommerce-checkout #payment {
  background-color: #FFF7ED;
  border-radius: 16px;
}

.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
  font-size: 18px;
}

.woocommerce button.button.alt {
  background-color: black;
  color: white;
  border-radius: 8px;
  font-weight: 700;
  font-size: 18px;
  padding: 16px 16px;
  line-height: normal;
  text-transform: none;
  text-decoration: none;
  text-align: center;
  opacity: 1;
}

.woocommerce button.button.alt:hover {
  background-color: #FF791F;
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 7px 10px 0 rgba(0, 0, 0, 0.2);
}

.woocommerce-privacy-policy-text {
  font-size: 16px;
}

.woocommerce-form__label {
  position: relative;
  /* permet de positionner la checkbox */
  padding-left: 30px;
  /* place pour la box */
  font-size: 18px;
  line-height: 1.7;
  cursor: pointer;
  /* Aspect de la case */
  /* Aspect de la coche */
  /* Aspect non cochée */
  /* Aspect cochée */
  /* Disabled checkbox */
  /* Disabled checked */
  /* Accessibility focus */
}

.woocommerce-form__label [type="checkbox"]:not(:checked),
.woocommerce-form__label [type="checkbox"]:checked {
  /* Cache la checkbox sans
                la rendre invisible aux
                lecteurs d'écran */
  position: absolute;
  left: -2px;
  top: 1px;
  height: 18px;
  width: 18px;
  opacity: 0.01;
  z-index: 10;
}

.woocommerce-form__label::before, .woocommerce-form__label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #979797;
  background: white;
  border-radius: .2em;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 rgba(151, 151, 151, 0.2);
  transition: all .275s;
}

.woocommerce-form__label::after, .woocommerce-form__label::after {
  content: '✓';
  speak: never;
  /* Pour être sûr que le lecteur d'écran ne lira pas "fois" */
  position: absolute;
  top: 11px;
  left: 2px;
  font-weight: 400 !important;
  font-size: 20px;
  color: #FF791F;
  line-height: 0;
  transition: all .2s;
  /* Petite transition */
  font-family: HelveticaNeue-Light,-apple-system,AppleColorEmoji,'Arial Rounded MT Bold',system-ui,Ubuntu,sans-serif,'Arial Unicode MS','Zapf Dingbats','Segoe UI Emoji','Segoe UI Symbol',Noto Color Emoji, NotoColorEmoji,EmojiSymbols,Symbola,Noto,'Android Emoji',AndroidEmoji,'lucida grande',tahoma,verdana,arial,AppleColorEmoji,'Apple Color Emoji' !important;
}

.woocommerce-form__label:has([type="checkbox"]:not(:checked))::after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

.woocommerce-form__label:has([type="checkbox"]:checked)::after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.woocommerce-form__label:has([type="checkbox"]:disabled:not(:checked))::before, .woocommerce-form__label:has([type="checkbox"]:disabled:checked)::before {
  box-shadow: none;
  border-color: black;
}

.woocommerce-form__label:has([type="checkbox"]:disabled:checked)::after {
  color: #777;
}

.woocommerce-form__label:has([type="checkbox"]:disabled)::after {
  color: #aaa;
}

.woocommerce-form__label:has([type="checkbox"]:checked:focus)::before, .woocommerce-form__label:has([type="checkbox"]:not(:checked):focus)::before {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 0 6px rgba(151, 151, 151, 0.2);
}

#lpc_pick_up_widget_show_map {
  margin-top: 8px;
  background-color: transparent;
  color: black;
  font-size: 16px;
  border-radius: 8px;
  padding: 8px 16px;
  border: 1px solid black;
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 700;
}

.woocommerce-shipping-fields {
  margin-top: 32px;
}

#customer_details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

#customer_details:before, #customer_details:after {
  content: none;
}

#customer_details > div {
  float: none;
  width: 100%;
}

#customer_details .col-2 {
  position: sticky;
}

@keyframes pulseSlider {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 121, 31, 0.4);
  }
  50% {
    box-shadow: 0 0 0 15px rgba(255, 121, 31, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 121, 31, 0);
  }
}

@media only screen and (max-width: 1024px) {
  .woocommerce-cart table.cart td.actions .coupon .button {
    margin-top: 8px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 781px) {
  #customer_details {
    grid-template-columns: 1fr;
  }
  .cart-custom-container {
    grid-template-columns: 1fr;
  }
  .woocommerce-cart table.cart td.actions .coupon .button {
    width: 100%;
  }
  .cart-rest {
    grid-column: 1 / 2;
    text-align: center;
  }
}
