/**
* 2007-2023 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2023 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.detailsCommandTableau,
.detailsCommandTableau tbody,
.detailsCommandTableau tr {
  width: 100%;
}

.detailsCommandTableau tr td {
  padding: 10px;
}

.detailsCommandTableau tr td:first-child {
  border-right: 1px solid rgb(175, 175, 175);
  width: 60%;
}

.detailsCommandTableau tr:nth-child(even) {
  background-color: rgb(175, 175, 175);
}

.card.cart-container .card-block {
  display: flex;
  gap: 50px;
}
.blockLivraison h1,
.blockLivraison p,
.card.cart-container .card-block h1.h1 {
  display: inline-block !important;
}

.blockLivraison h1 {
  margin-right: 10px;
}

.card {
  background-color: white !important;
}

/*  Panier version desktop */
/* Cart Pro Format*/
.tableau-pro-format {
  width: 100%;
  border: 1px solid black;
}

.tableau-pro-format thead {
  background-color: #820d9a;
  color: whitesmoke;
}

.product-line-pro-format-designation {
  display: flex;
  flex-wrap: wrap;
}

.product-line-pro-format-designation p {
  margin: 0;
  height: min-content;
  color: #0a0a0a;
}

.product-line-pro-format-designation p:first-child,
.cart-line-pro-mobile-designation {
  width: 100%;
  background-color: #0a0a0a;
  color: whitesmoke;
}

.product-line-pro-format-designation-tag {
  background-color: #00c062;
}

.product-line-pro-format-designation p:last-child {
  margin-left: 5px;
}

.product-line-pro-format-stock {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}



.product-line-pro-format-stock.appro {
  background-color: green;
}

.product-line-pro-format-stock.rupture {
  background-color: red;
}

/* Stock page detaillé produit  */

#product .product-line-pro-format-stock {
  display: inline-block;
}

.tableau-pro-format th:has(.product-line-pro-format-stock) {
  position: relative;
}

.tableau-pro-format .product-line-pro-format-stock {
  position: absolute;
  left: calc((100% - 20px) / 2);
  top: 5px;
}

.tableau-pro-format th .qty {
  width: 100%;
}

.product-line-grid-pro-format {
  --display: flex;
}

.product-line-pro-format-total {
  text-align: end;
}

/* Panier version mobile */
.list-cart-pro-mobile {
  display: none;
  position: relative;
}

.list-cart-pro-mobile li {
  margin: 15px 0;
}

.cart-line-pro-mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cart-line-pro-mobile p {
  margin: 0;
  padding: 3px;
  width: 100%;
}

.cart-line-pro-mobile-designation {
  display: flex;
  justify-content: space-between;
}

.product-line-pro-mobile-designation-tag {
  width: max-content;
  padding: 0 10px;
  background-color: #00c062;
  color: black;
}

.cart-line-pro-mobile .product-line-pro-format-stock {
  margin-left: 10px;
  vertical-align: middle;
  height: 15px;
  width: 15px;
}

.cart-line-pro-mobile-total {
  color: black;
  font-weight: bold;
}

.cart-line-pro-mobile-rigth .qty {
  width: fit-content;
  --display: inline-block !important;
}

#order-confirmation .card-block > div.row {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/* Fin Cart Pro Format*/
@media screen and (max-width: 600px) {
  .list-cart-pro-mobile {
    display: initial;
  }

  .tableau-pro-format:not(.tableau-pro-format.order-corfirmation) {
    display: none;
  }
}