.elementor-16 .elementor-element.elementor-element-c0b9634{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:170px;--padding-bottom:170px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-c0b9634:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-c0b9634 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lescafesciloo.fr/wp-content/uploads/2026/10/IMG_1819-scaled.jpg");background-position:center center;}.elementor-16 .elementor-element.elementor-element-3b39c3e .heading .heading-title{font-family:"Rubik", Sans-serif;font-size:4.625rem;font-weight:500;text-transform:none;line-height:1.2em;letter-spacing:-0.05em;color:var( --e-global-color-a24b554 );}.elementor-16 .elementor-element.elementor-element-c7eed09{--display:flex;}.elementor-16 .elementor-element.elementor-element-0f6b262{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-c0b9634{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-16 .elementor-element.elementor-element-3b39c3e .heading .heading-title{font-size:3.75rem;}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-c0b9634{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-efb3b83 *//* =========================================================
   PANIER CILOO
   Ajouter la classe : panier-ciloo sur la section du panier
   ========================================================= */

.panier-ciloo {
  background: #E7D8C5;
  padding: 50px 20px;
}

/* Variables couleurs */
.panier-ciloo,
.panier-ciloo .woocommerce,
.panier-ciloo .elementor-widget-woocommerce-cart {
  --ciloo-bg: #E7D8C5;
  --ciloo-card: #F8F4EE;
  --ciloo-white: #FCFAF7;
  --ciloo-green: #0B4C3B;
  --ciloo-green-soft: #8A957F;
  --ciloo-orange: #B25A33;
  --ciloo-border: #E4D6C8;
  --ciloo-text: #5E625D;
}

/* Texte global */
.panier-ciloo .woocommerce,
.panier-ciloo .woocommerce-page,
.panier-ciloo .elementor-widget-woocommerce-cart {
  color: var(--ciloo-text);
  font-family: inherit;
}

/* =========================================================
   STRUCTURE 2 BLOCS
   ========================================================= */

.panier-ciloo .woocommerce-cart-form,
.panier-ciloo .cart-collaterals .cart_totals,
.panier-ciloo .e-cart__container .e-cart-section {
  background: var(--ciloo-card) !important;
  border: 1px solid rgba(0,0,0,0.03) !important;
  border-radius: 32px !important;
  padding: 30px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.03) !important;
}

/* Petit espace entre les blocs */
.panier-ciloo .cart-collaterals {
  margin-top: 0;
}

/* =========================================================
   TITRES
   ========================================================= */

.panier-ciloo h2,
.panier-ciloo .cart_totals h2,
.panier-ciloo th,
.panier-ciloo .product-name a,
.panier-ciloo .woocommerce-cart-form__contents thead th {
  color: var(--ciloo-green) !important;
}

.panier-ciloo .cart_totals h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
  margin-bottom: 20px !important;
}

/* =========================================================
   TABLEAU PANIER
   ========================================================= */

.panier-ciloo table.shop_table {
  border: none !important;
  background: transparent !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.panier-ciloo table.shop_table thead th {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  padding: 0 12px 18px !important;
  border: none !important;
}

.panier-ciloo table.shop_table td {
  border-top: 1px solid var(--ciloo-border) !important;
  padding: 20px 12px !important;
  vertical-align: middle !important;
  color: var(--ciloo-text) !important;
  background: transparent !important;
}

/* Liens produit */
.panier-ciloo td.product-name a,
.panier-ciloo .product-name a {
  color: var(--ciloo-green) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.panier-ciloo td.product-name a:hover,
.panier-ciloo .product-name a:hover {
  color: var(--ciloo-orange) !important;
}

/* Prix */
.panier-ciloo .amount,
.panier-ciloo td.product-price,
.panier-ciloo td.product-subtotal,
.panier-ciloo .order-total td,
.panier-ciloo .order-total th {
  color: var(--ciloo-green) !important;
  font-weight: 600 !important;
}

/* =========================================================
   IMAGE PRODUIT
   ========================================================= */

.panier-ciloo td.product-thumbnail img,
.panier-ciloo .product-thumbnail img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  background: #fff !important;
  border-radius: 18px !important;
  padding: 8px !important;
  border: 1px solid #F0E7DE !important;
}

/* =========================================================
   SUPPRIMER
   ========================================================= */

.panier-ciloo a.remove {
  width: 32px !important;
  height: 32px !important;
  line-height: 30px !important;
  border-radius: 50% !important;
  color: var(--ciloo-orange) !important;
  background: rgba(178, 90, 51, 0.08) !important;
  transition: all 0.25s ease !important;
  font-size: 20px !important;
}

.panier-ciloo a.remove:hover {
  background: var(--ciloo-orange) !important;
  color: #fff !important;
}

/* =========================================================
   CHAMPS / INPUTS
   ========================================================= */

.panier-ciloo input[type="text"],
.panier-ciloo input[type="number"],
.panier-ciloo input[type="email"],
.panier-ciloo input[type="tel"],
.panier-ciloo select,
.panier-ciloo textarea,
.panier-ciloo .select2-container--default .select2-selection--single {
  background: #fff !important;
  border: 1px solid var(--ciloo-border) !important;
  border-radius: 16px !important;
  min-height: 52px !important;
  padding: 10px 16px !important;
  color: var(--ciloo-green) !important;
  box-shadow: none !important;
}

.panier-ciloo input::placeholder,
.panier-ciloo textarea::placeholder {
  color: #8B8E87 !important;
}

/* Quantité */
.panier-ciloo .quantity .qty {
  width: 74px !important;
  text-align: center !important;
  padding: 8px !important;
}

/* Radio livraison */
.panier-ciloo input[type="radio"] {
  accent-color: var(--ciloo-orange) !important;
}

/* =========================================================
   BOUTONS
   ========================================================= */

/* Boutons secondaires : MAJ panier / code promo */
.panier-ciloo .button,
.panier-ciloo button.button,
.panier-ciloo input.button,
.panier-ciloo .woocommerce-button {
  background: transparent !important;
  color: var(--ciloo-orange) !important;
  border: 1.5px solid var(--ciloo-orange) !important;
  border-radius: 999px !important;
  padding: 14px 24px !important;
  min-height: 52px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.panier-ciloo .button:hover,
.panier-ciloo button.button:hover,
.panier-ciloo input.button:hover,
.panier-ciloo .woocommerce-button:hover {
  background: var(--ciloo-orange) !important;
  color: #fff !important;
  border-color: var(--ciloo-orange) !important;
}

/* Bouton désactivé */
.panier-ciloo .button:disabled,
.panier-ciloo button.button:disabled,
.panier-ciloo button.button[disabled] {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* BOUTON PRINCIPAL : passer à la commande */
.panier-ciloo .wc-proceed-to-checkout a.checkout-button,
.panier-ciloo a.checkout-button,
.panier-ciloo .e-cart__checkout-button,
.panier-ciloo .elementor-button--checkout {
  background: var(--ciloo-green-soft) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  min-height: 58px !important;
  padding: 16px 28px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.panier-ciloo .wc-proceed-to-checkout a.checkout-button:hover,
.panier-ciloo a.checkout-button:hover,
.panier-ciloo .e-cart__checkout-button:hover,
.panier-ciloo .elementor-button--checkout:hover {
  background: var(--ciloo-green) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* =========================================================
   COUPON
   ========================================================= */

.panier-ciloo .coupon {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.panier-ciloo .coupon .input-text {
  flex: 1 1 260px !important;
  margin: 0 !important;
}

/* =========================================================
   TOTAUX
   ========================================================= */

.panier-ciloo .cart_totals table,
.panier-ciloo .shop_table.shop_table_responsive {
  border: none !important;
  background: transparent !important;
}

.panier-ciloo .cart_totals th,
.panier-ciloo .cart_totals td {
  border-top: 1px solid var(--ciloo-border) !important;
  padding: 16px 0 !important;
  color: var(--ciloo-text) !important;
}

.panier-ciloo .cart_totals .order-total th,
.panier-ciloo .cart_totals .order-total td {
  color: var(--ciloo-green) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

/* Liens dans livraison */
.panier-ciloo .shipping-calculator-button,
.panier-ciloo .woocommerce-shipping-destination a,
.panier-ciloo .cart_totals a {
  color: var(--ciloo-orange) !important;
  text-decoration: none !important;
}

.panier-ciloo .shipping-calculator-button:hover,
.panier-ciloo .woocommerce-shipping-destination a:hover,
.panier-ciloo .cart_totals a:hover {
  color: var(--ciloo-green) !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  .panier-ciloo .woocommerce-cart-form,
  .panier-ciloo .cart-collaterals .cart_totals,
  .panier-ciloo .e-cart__container .e-cart-section {
    padding: 24px !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 767px) {
  .panier-ciloo {
    padding: 30px 12px;
  }

  .panier-ciloo .woocommerce-cart-form,
  .panier-ciloo .cart-collaterals .cart_totals,
  .panier-ciloo .e-cart__container .e-cart-section {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .panier-ciloo .coupon {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .panier-ciloo .coupon .input-text,
  .panier-ciloo .coupon button,
  .panier-ciloo .button,
  .panier-ciloo .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
  }
}
Je/* End custom CSS */