.woocommerce {
    margin-bottom: 60px;
}

.woocommerce-cart .breadcrumb,
.woocommerce-checkout .breadcrumb {
  display: none;
}
.woocommerce-cart .headerPage .container,
.woocommerce-checkout .headerPage .container {
  align-items: flex-start !important;
}
@media (min-width: 992px) {
  .woocommerce-cart .bloc,
  .woocommerce-checkout .bloc {
    padding: 50px 0 0 ;
  }
}

/* PANIER */
.woocommerce table.shop_table {
    border: 1px solid var(--gray-200);
}

.woocommerce table.shop_table td {
    border-top: 0;
}

/* @changelog 2025-07-17 [FIX] (Nicolas) Masque car bug d'affichage dans Détails de la commande */
/* .woocommerce table.shop_table td.product-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
    .woocommerce table.shop_table td.product-name {
        flex-wrap: wrap;
    }

    .woocommerce table.shop_table td.product-name::before {
        order: 2;
    }
} */

.woocommerce table.shop_table.wishlist_table td.product-name {
  display: table-cell;
}
.woocommerce table.shop_table.wishlist_table td {
  text-align: left;
}

#wrapperInner ul li.share-button::before {
  content: unset;
}

.wishlist_table .product-add-to-cart a {
  background-color: var(--c-primary);
  padding: 8px 18px;
  color: var(--white);
  font-size: 1.2rem;
  font-weight: var(--bold);
  border-radius: 50px;
  text-transform: uppercase;
}
.wishlist_table .product-add-to-cart a:hover {
  background-color: var(--blue-dark);
}

.woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td {
  font-size: 1.6rem;
  border-bottom: 1px solid #F5F7F7;
}

    @media (max-width: 991px) {
        .woocommerce table.shop_table tr.woocommerce-cart-form__cart-item td {
            display: block;
            text-align: right;
        }
    }

.woocommerce a.remove {
  color: #223C52 !important;
  text-align: left;
}
    @media (max-width: 991px) {
        .woocommerce a.remove {
            flex: 0 0 100%;
            order: 1;
            text-align: left;
            margin-bottom: 10px;
        }

        .woocommerce a.remove + a {
            display: none;
        }
    }

    /* Hover */
    .woocommerce a.remove:hover {
        background-color: transparent;
        color: var(--c-primary) !important;
    }

.woocommerce-cart table.cart img {
  width: 84px;
}

@media (max-width: 797px) {
  .product__name-title {
    order: 3;
    margin-left: auto;
  }
}
@media (min-width: 798px) {
  .product__name-title {
    margin-left: 22px;
  }
}

/* Single produit */
.woocommerce .quantity .qty {
    -moz-appearance: textfield;
    color: var(--gray-700);
    border-radius: 0;
    width: 35px;
    height: 35px;
}

    /* Produit */
    .woocommerce form.woocommerce-cart-form table.shop_table td.product-name {
        display: flex;
        align-items: center;
    }

    /* Panier */
    .woocommerce form.woocommerce-cart-form table.shop_table td .qty {
        border: 1px solid var(--gray-500);
    }

.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce table.cart td.actions .coupon {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

    @media (max-width: 991px) {
        .woocommerce table.cart td.actions .coupon {
            float: none;
            margin-bottom: 15px;
            padding: 0;
        }
    }

/* Code promo */
.woocommerce-cart table.cart td.actions .coupon .input-text {
    border: 1px solid var(--gray-500);
    margin-right: 13px;
    padding: 9.5px 20px;
    width: 50%;
    min-width: 258px;
}

    @media (max-width: 991px) {
        .woocommerce-cart table.cart td.actions .coupon .input-text {
            margin-bottom: 15px;
        }
    }

    /* Placeholder */
    .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder {
        color: var(--gray-700);
    }

.woocommerce-cart table.cart td.actions .coupon button {
    cursor: pointer;
    border: none;
    font-size: 1.4rem;
    margin: 0;
    padding: 8px 12px;
}

.woocommerce-cart table.cart td.actions {
  padding: 25px 20px;
}
@media (max-width: 991px) {
  .woocommerce-cart table.cart td.actions {
    text-align: left !important;
  }
}
  .woocommerce-cart table.cart td.actions button {
    border: none;
    padding: 8px 12px;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions button:disabled {
    cursor: not-allowed;
  }

.woocommerce-cart .woocommerce table.shop_table.cart {
  margin-bottom: 80px;
}

/* Récap panier */
@media (max-width: 991px) {
    .woocommerce table.shop_table_responsive thead,
    .woocommerce-page table.shop_table_responsive thead {
        display: none;
    }
}

@media (max-width: 991px) {
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background-color: rgba(0,0,0,.025);
    }
}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
  background-color: var(--white);
  color: var(--gray-800);
  border: 1px solid #F5F7F7;
  font-size: 1.6rem;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td strong {
  font-weight: var(--regular);
}

.woocommerce td.product-name dl.variation {
  margin-top: 0;
}
@media (max-width: 991px) {
  .woocommerce td.product-name dl.variation {
    flex: 0 0 100%;
    order: 3;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .woocommerce td.product-name dl.variation {
    margin-left: 22px;
    flex: 1;
    margin-top: 0;
  }
}
/* @media (min-width: 992px) and (max-width: 991px){
  .woocommerce td.product-name dl.variation {
    flex: 0 0 100%;
  }
} */
  .woocommerce td.product-name dl.variation dt {
    font-size: 1.6rem;
  }

.ecopart {
  font-size: 1rem;
}

.woocommerce form.woocommerce-cart-form table.shop_table th {
  padding: 19px 22px;
}
.woocommerce form.woocommerce-cart-form table.shop_table td {
  padding: 7px 22px;
}

/* Total panier */
@media (max-width: 991px) {
    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce table.shop_table_responsive tbody th,
    .woocommerce-page table.shop_table_responsive tbody th {
        display: none;
    }

    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        text-align: right;
    }
}



/* -----------------------------
    Validation de la commande
----------------------------- */

/* Avez-vous un code promo ? */
.woocommerce-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--gray-100);
    border-top-color: var(--c-primary);
    padding: 15px 20px;
}

    /* Icon */
    .woocommerce-info::before {
        content: none;
    }

#ship-to-different-address {
  margin-bottom: 30px;
}

.woocommerce-additional-fields textarea {
  padding: 22px;
  font-size: 1.2rem;
  font-style: italic;
  min-height: 163px;
}

/* Adresse de facturation */
.customer_details-item {
    margin-bottom: 80px;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table th {
  font-size: 2rem;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th.product-total {
  width: 40%;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table td.product-name {
  font-size: 2rem;
  font-weight: var(--bold);
  color: var(--black);
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td.product-total {
  font-size: 1.6rem;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td {
  border: 1px solid #F5F7F7;
}

.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th {
  font-weight: var(--bold);
  color: var(--black);
  background-color: var(--white);
  border: 1px solid #F5F7F7;
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child th {
  color: var(--black);
}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td {
  color: var(--gray-600);
}
  .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child td strong {
    font-weight: var(--regular);
  }

.woocommerce-checkout #payment {
  background-color: var(--white);
  border: 1px solid #223C52;
  border-radius: 0;
  padding: 24px 35px;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #F7F8F9;
  font-size: 1.6rem;
  color: var(--gray-600);
}
.woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid #F7F8F9;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods li {
  padding: 0;
}
#wrapperInner .woocommerce-checkout #payment ul.payment_methods li::before {
  content: unset;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #F7F8F9;
}

.woocommerce-terms-and-conditions-wrapper {
  font-size: 1.6rem;
  margin-bottom: 13px;
}

.woocommerce-page #payment #place_order {
    cursor: pointer;
    float: left;
    border: none;
    width: auto;
    margin-bottom: 0;
}

.woocommerce ul#shipping_method li {
  padding-left: 0;
}
#wrapperInner .woocommerce ul#shipping_method li::before {
  content: unset;
}

/* COMMANDE CONFIRMEE */
.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background-color: var(--gray-100);
    border-top: 3px solid var(--c-primary);
    margin-bottom: 32px;
    padding: 15px 20px;
}

.woocommerce ul.order_details {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #F5F7F7;
}
  .woocommerce ul.order_details li {
    border: none;
    padding: 0;
    margin: 0;
  }
  @media (max-width: 991px) {
    .woocommerce ul.order_details li {
      flex: 0 0 100%;
      display: flex;
      flex-wrap: wrap;
    }
  }
  @media (min-width: 992px) {
    .woocommerce ul.order_details li {
      flex: 1;
    }
  }
  #wrapperInner .woocommerce ul.order_details li::before {
    content: unset;
  }
    .woocommerce ul.order_details li > span {
      font-size: 1.4rem;
      color: var(--c-primary);
      text-transform: initial;
      padding: 20px 22px;
      background-color: #F7F8F9;
      display: block;
    }
    @media (max-width: 991px) {
      .woocommerce ul.order_details li>span {
        min-height: 68px;
      }
    }
    @media (max-width: 991px) {
      .woocommerce ul.order_details li>span {
        flex: 0 0 50%;
      }
    }
    .woocommerce ul.order_details li strong {
      font-size: 1.6rem;
      font-weight: var(--regular);
      padding: 18px 22px;
    }
    @media (max-width: 991px) {
      .woocommerce ul.order_details li strong {
        flex: 1;
        text-align: right;
        word-break: break-all;
      }
    }

/* Détails de la commande */
.woocommerce-order-received .woocommerce table.shop_table.order_details thead th {
    background-color: var(--gray-100);
}

.woocommerce table.shop_table tfoot td {
    font-weight: 400;
}

.woocommerce-order-received .woocommerce table.shop_table.order_details td.product-name,
.woocommerce-order-received .woocommerce table.shop_table.order_details tfoot th {
    background-color: transparent;
    color: var(--black);
    font-size: 1.4rem;
    font-weight: 400;
}

    /* Total */
    .woocommerce-order-received .woocommerce table.shop_table.order_details tfoot .order__total th {
        font-weight: 700;
    }

.woocommerce-order-received .woocommerce table.shop_table.order_details td.product-name a {
    color: var(--black);
}

.woocommerce-order-received .woocommerce table.shop_table tfoot tr:last-child td {
    color: var(--black);
    font-weight: 700;
}

#wrapperInner .woocommerce td.product-name .wc-item-meta li::before {
  content: unset;
}

.wc-block-mini-cart__footer {
  font-size: 1.4rem;
}

.wc-block-mini-cart {
  visibility: initial !important;
}

/* Adresse de facturation */
.woocommerce .woocommerce-customer-details address {
    border: 0;
    padding: 0;
}

.woocommerce .woocommerce-customer-details address p {
    margin: 0;
}

/* Widget Panier */
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    color: var(--c-primary);
    font-weight: 700;
}