/* ═══════════════════════════════════════════
   PARA EL FARABI — WooCommerce Custom CSS v2
═══════════════════════════════════════════ */

/* GLOBAL */
body { background: #f9f7f3 !important; }

/* BREADCRUMB */
.woocommerce-breadcrumb { font-size: 12px !important; color: #6b7280 !important; padding: 12px 0 !important; }
.woocommerce-breadcrumb a { color: #1b6b49 !important; text-decoration: none !important; }

/* PAGE TITLE */
h1.page-title, .woocommerce-products-header__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 32px !important; font-weight: 700 !important;
  color: #111827 !important; margin-bottom: 8px !important;
}

/* RESULT COUNT & SORT */
.woocommerce-result-count { font-size: 13px !important; color: #6b7280 !important; }
.woocommerce-ordering select {
  border: 1.5px solid #e5e7eb !important; border-radius: 8px !important;
  padding: 8px 14px !important; font-size: 13px !important;
  color: #111827 !important; background: #fff !important; outline: none !important;
}

/* ── PRODUCT GRID ── */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
}

/* ── PRODUCT CARD ── */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #fff !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition: all 0.25s !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  width: auto !important;
  clear: none !important;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  border-color: #1b6b49 !important;
  box-shadow: 0 8px 24px rgba(27,107,73,.13) !important;
  transform: translateY(-4px) !important;
}

/* ── PRODUCT IMAGE ── */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  width: 100% !important;
  height: 185px !important;
  object-fit: contain !important;
  background: #fff !important;
  padding: 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  display: block !important;
  margin: 0 !important;
  float: none !important;
  transition: transform 0.3s !important;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.05) !important;
}

/* ── PRODUCT TITLE ── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product h2 {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  line-height: 1.4 !important;
  padding: 12px 12px 6px !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 50px !important;
  text-transform: none !important;
}

/* ── PRICES ── */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
  color: #1b6b49 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 4px 12px 10px !important;
  margin: 0 !important;
  display: block !important;
  line-height: 1.4 !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  opacity: 1 !important;
  display: block !important;
  text-decoration: line-through !important;
}
.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins {
  text-decoration: none !important;
  font-size: 15px !important;
  color: #1b6b49 !important;
  font-weight: 800 !important;
  display: block !important;
}

/* ── ADD TO CART BUTTON ── */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce-page ul.products li.product .add_to_cart_button {
  background: #1b6b49 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 0 12px 12px !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  width: 100% !important;
  display: block !important;
  text-decoration: none !important;
  margin: auto 0 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  letter-spacing: 0.2px !important;
  line-height: 1.4 !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
  background: #0f4730 !important;
  color: #fff !important;
}

/* ── PROMO BADGE ── */
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale {
  background: #dc2626 !important;
  color: #fff !important;
  border-radius: 50px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 11px !important;
  min-height: unset !important;
  min-width: unset !important;
  line-height: 1.6 !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
  position: absolute !important;
  z-index: 3 !important;
}

/* ── PAGINATION ── */
.woocommerce nav.woocommerce-pagination {
  text-align: center !important;
  padding: 24px 0 !important;
}
.woocommerce nav.woocommerce-pagination ul {
  display: inline-flex !important;
  gap: 6px !important;
  list-style: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: 1.5px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  background: #fff !important;
  line-height: 1 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  border-color: #1b6b49 !important;
  color: #1b6b49 !important;
  background: #e8f5ef !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #1b6b49 !important;
  border-color: #1b6b49 !important;
  color: #fff !important;
}

/* ── SINGLE PRODUCT ── */
.woocommerce div.product h1.product_title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 28px !important; font-weight: 700 !important;
  color: #111827 !important;
}
.woocommerce div.product .price {
  color: #1b6b49 !important;
  font-size: 24px !important; font-weight: 800 !important;
}
.woocommerce div.product .price del { color: #9ca3af !important; font-size: 16px !important; }
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce div.product .single_add_to_cart_button {
  background: #1b6b49 !important; color: #fff !important;
  border: none !important; border-radius: 50px !important;
  padding: 14px 32px !important; font-size: 15px !important;
  font-weight: 700 !important; cursor: pointer !important;
}
.woocommerce div.product .single_add_to_cart_button:hover { background: #0f4730 !important; }

/* ── STAR RATINGS ── */
.woocommerce .star-rating span::before { color: #b8873a !important; }
.woocommerce .star-rating::before { color: #e5e7eb !important; }

/* ── RESPONSIVE ── */
@media(max-width: 1024px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media(max-width: 768px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  .woocommerce ul.products li.product a img,
  .woocommerce-page ul.products li.product a img {
    height: 150px !important;
  }
}
@media(max-width: 360px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: 1fr !important;
  }
}

/* ══════════════════════════════════
   PARA EL FARABI — PAGE PANIER
══════════════════════════════════ */

/* TITRE PAGE */
.woocommerce-cart h1.page-title,
.woocommerce-cart .entry-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

/* TABLE PANIER */
.woocommerce-cart table.shop_table {
  border: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.woocommerce-cart table.shop_table thead th {
  background: #f9f7f3 !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  border: none !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 14px 16px !important;
}
.woocommerce-cart table.shop_table tbody tr {
  border-bottom: 1px solid #f3f4f6 !important;
  transition: background .2s !important;
}
.woocommerce-cart table.shop_table tbody tr:hover {
  background: #fafafa !important;
}
.woocommerce-cart table.shop_table td {
  border: none !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

/* IMAGE PRODUIT */
.woocommerce-cart table.shop_table td.product-thumbnail img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  padding: 6px !important;
  background: #fff !important;
}

/* NOM PRODUIT */
.woocommerce-cart table.shop_table td.product-name a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
}
.woocommerce-cart table.shop_table td.product-name a:hover {
  color: #1b6b49 !important;
}
.woocommerce-cart table.shop_table td.product-name .variation {
  font-size: 11px !important;
  color: #9ca3af !important;
  margin-top: 4px !important;
}

/* PRIX */
.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.shop_table td.product-subtotal {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1b6b49 !important;
}
.woocommerce-cart table.shop_table td.product-price del,
.woocommerce-cart table.shop_table td.product-subtotal del {
  color: #9ca3af !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  display: block !important;
}

/* QUANTITE */
.woocommerce-cart .quantity input.qty {
  width: 56px !important;
  height: 38px !important;
  border: 1.5px solid #e5e7eb !important;
  border-radius: 8px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  outline: none !important;
}
.woocommerce-cart .quantity input.qty:focus {
  border-color: #1b6b49 !important;
}

/* SUPPRIMER */
.woocommerce-cart table.shop_table td.product-remove a {
  color: #dc2626 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  transition: background .2s !important;
}
.woocommerce-cart table.shop_table td.product-remove a:hover {
  background: #fee2e2 !important;
}

/* BOUTON METTRE A JOUR */
.woocommerce-cart .button[name="update_cart"],
.woocommerce .woocommerce-cart-form .button {
  background: #fff !important;
  color: #1b6b49 !important;
  border: 1.5px solid #1b6b49 !important;
  border-radius: 50px !important;
  padding: 10px 24px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all .2s !important;
}
.woocommerce-cart .button[name="update_cart"]:hover {
  background: #e8f5ef !important;
}

/* CODE PROMO */
.woocommerce-cart .coupon {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.woocommerce-cart .coupon input#coupon_code {
  border: 1.5px solid #e5e7eb !important;
  border-radius: 50px !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
  outline: none !important;
  font-family: inherit !important;
  height: 42px !important;
}
.woocommerce-cart .coupon input#coupon_code:focus {
  border-color: #1b6b49 !important;
}
.woocommerce-cart .coupon .button {
  background: #1b6b49 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  height: 42px !important;
  cursor: pointer !important;
}
.woocommerce-cart .coupon .button:hover {
  background: #0f4730 !important;
}

/* TOTAUX */
.woocommerce-cart .cart_totals {
  background: #fff !important;
  border-radius: 16px !important;
  border: 1.5px solid #e5e7eb !important;
  padding: 24px !important;
}
.woocommerce-cart .cart_totals h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 16px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
}
.woocommerce-cart .cart_totals table {
  width: 100% !important;
  border: none !important;
}
.woocommerce-cart .cart_totals table th {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  padding: 10px 0 !important;
  border: none !important;
  border-bottom: 1px solid #f3f4f6 !important;
}
.woocommerce-cart .cart_totals table td {
  font-size: 14px !important;
  color: #111827 !important;
  font-weight: 600 !important;
  padding: 10px 0 !important;
  border: none !important;
  border-bottom: 1px solid #f3f4f6 !important;
  text-align: right !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1b6b49 !important;
  border-bottom: none !important;
  padding-top: 16px !important;
}

/* BOUTON CHECKOUT */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce-cart a.checkout-button {
  background: #1b6b49 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 16px 28px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  text-decoration: none !important;
  transition: background .2s !important;
  margin-top: 16px !important;
  letter-spacing: .3px !important;
}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: #0f4730 !important;
}

/* TRUST BADGES SOUS LE BOUTON */
.woocommerce-cart .cart_totals::after {
  content: '🔒 Paiement 100% sécurisé · Livraison 24-48h';
  display: block;
  text-align: center;
  font-size: 11px;
  color: #9ca3af;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #f3f4f6;
}

/* PANIER VIDE */
.woocommerce-cart .cart-empty {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 20px !important;
  color: #6b7280 !important;
  text-align: center !important;
  padding: 40px 0 !important;
}
.woocommerce-cart .return-to-shop .button {
  background: #1b6b49 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background .2s !important;
}
.woocommerce-cart .return-to-shop .button:hover {
  background: #0f4730 !important;
}

/* RESPONSIVE MOBILE */
@media(max-width: 768px) {
  .woocommerce-cart table.shop_table thead {
    display: none !important;
  }
  .woocommerce-cart table.shop_table,
  .woocommerce-cart table.shop_table tbody,
  .woocommerce-cart table.shop_table tr,
  .woocommerce-cart table.shop_table td {
    display: block !important;
    width: 100% !important;
  }
  .woocommerce-cart table.shop_table tr {
    background: #fff !important;
    border-radius: 14px !important;
    border: 1.5px solid #e5e7eb !important;
    margin-bottom: 12px !important;
    padding: 14px !important;
    position: relative !important;
  }
  .woocommerce-cart table.shop_table td {
    border: none !important;
    padding: 4px 0 !important;
  }
  .woocommerce-cart table.shop_table td.product-thumbnail {
    text-align: center !important;
    margin-bottom: 10px !important;
  }
  .woocommerce-cart table.shop_table td.product-thumbnail img {
    width: 90px !important;
    height: 90px !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .woocommerce-cart table.shop_table td.product-name {
    text-align: center !important;
    font-size: 14px !important;
  }
  .woocommerce-cart table.shop_table td.product-price::before { content: 'Prix : '; color: #9ca3af; font-size: 11px; font-weight: 600; }
  .woocommerce-cart table.shop_table td.product-quantity::before { content: 'Quantité : '; color: #9ca3af; font-size: 11px; font-weight: 600; }
  .woocommerce-cart table.shop_table td.product-subtotal::before { content: 'Total : '; color: #9ca3af; font-size: 11px; font-weight: 600; }
  .woocommerce-cart table.shop_table td.product-remove {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: auto !important;
  }
  .woocommerce-cart .cart_totals {
    margin-top: 16px !important;
  }
}
/* CART BLOCK - Page /cart-2/ */
.wp-block-woocommerce-cart .wc-block-cart__product-name a,
.wp-block-woocommerce-cart .wc-block-cart__product-name {
  color: #111827 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.wp-block-woocommerce-cart .wc-block-cart__product-name a:hover {
  color: #1b6b49 !important;
}
.wc-block-cart__totals-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 22px !important;
}
.wp-block-woocommerce-proceed-to-checkout-block a.wc-block-cart__submit-button {
  background: #1b6b49 !important;
  border-radius: 50px !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
}
.wp-block-woocommerce-proceed-to-checkout-block a.wc-block-cart__submit-button:hover {
  background: #0f4730 !important;
}
.wc-block-components-totals-footer-item__value {
  color: #1b6b49 !important;
  font-weight: 800 !important;
}
.wc-block-components-product-price__value {
  color: #1b6b49 !important;
  font-weight: 700 !important;
}
/* Fix noms produits cart rouge */
.woocommerce-cart table.cart td.product-name a,
.woocommerce-cart .cart_item .product-name a,
body.woocommerce-cart .product-name a,
body.woocommerce-cart td.product-name a {
  color: #111827 !important;
  text-decoration: none !important;
}
body.woocommerce-cart td.product-name a:hover {
  color: #1b6b49 !important;
}