/* ── WooCommerce – dark navy, Parisienne display ──────────────────────────
   Palette: navy #1B1630 · navy-2 #221b3a · gold #F2B72B
            cream #F3EEE4 · muted rgba(243,238,228,.55) · line rgba(243,238,228,.12)
   Shape:   r-card 6px · r-btn 2px · r-input 3px
   Font:    Parisienne (var(--script)) pour titres · Jost (var(--sans)) pour UI
   ────────────────────────────────────────────────────────────────────────── */

/* ── Breadcrumb ───────────────────────────────────────────────────────────── */
.woocommerce-breadcrumb {
  font-size: 13px; font-weight: 500; letter-spacing: .06em;
  color: var(--muted); margin-bottom: 32px;
}
.woocommerce-breadcrumb a { color: var(--muted); transition: color .2s; }
.woocommerce-breadcrumb a:hover { color: var(--gold); }
.bc-sep { color: var(--gold); margin: 0 6px; }

/* ── Wrapper principal WC ─────────────────────────────────────────────────── */
.wc-wrap { padding-top: 50px; padding-bottom: 80px; }

/* ── En-tête de page boutique ─────────────────────────────────────────────── */
.woocommerce-products-header { margin-bottom: 48px; }
.woocommerce-products-header__title {
  font-family: var(--script); font-size: clamp(36px,4.8vw,58px);
  font-weight: 400; color: var(--cream); line-height: 1.1;
}
.term-description {
  color: var(--muted); font-size: 15px; line-height: 1.65;
  margin-top: 12px; max-width: 60ch;
}

/* ── Toolbar ──────────────────────────────────────────────────────────────── */
.woocommerce-result-count {
  font-size: 13px; letter-spacing: .06em; color: var(--muted);
  margin: 0; padding: 0; float: none;
}
.woocommerce-ordering { float: none; margin: 0; }
.woocommerce-ordering select {
  background: var(--navy-2); border: 1px solid var(--line);
  color: var(--cream); padding: 9px 34px 9px 14px; border-radius: 3px;
  font-family: var(--sans); font-size: 13px; letter-spacing: .04em;
  cursor: pointer; appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F3EEE4' stroke-width='2' opacity='.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
  transition: border-color .2s;
}
.woocommerce-ordering select:focus { outline: none; border-color: var(--gold); }
.woocommerce-result-count + .woocommerce-ordering { float: right; }

/* ── Grille produits ──────────────────────────────────────────────────────── */
.woocommerce ul.products {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 22px;
  margin: 0 0 52px; padding: 0; list-style: none; clear: both;
}
.woocommerce ul.products li.product { margin: 0; }

.woocommerce ul.products li.product {
  background: var(--navy-2); border: 1px solid var(--line);
  border-radius: 6px; overflow: hidden;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), border-color .4s;
  display: flex; flex-direction: column;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px); border-color: rgba(242,183,43,.4);
}

.woocommerce ul.products li.product a img {
  width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
}
.woocommerce ul.products li.product:hover a img { transform: scale(1.04); }
.woocommerce ul.products li.product .woocommerce-LoopProduct-link:first-child { overflow: hidden; }

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--script); font-size: 24px; font-weight: 400;
  color: var(--cream); padding: 14px 18px 4px; line-height: 1.2;
}
.woocommerce ul.products li.product .price {
  font-family: var(--sans); font-size: 17px; font-weight: 700;
  color: var(--gold); padding: 0 18px 6px; display: block;
}
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product .price del {
  font-size: 13px; font-weight: 400; color: var(--muted); margin-right: 4px;
}
.woocommerce ul.products li.product .star-rating {
  margin: 0 18px 10px; font-size: 12px; color: var(--gold);
}

.woocommerce ul.products li.product .button {
  margin: auto 18px 18px; display: block; text-align: center;
  font-family: var(--sans); font-size: 11px; letter-spacing: .12em;
  text-transform: uppercase; font-weight: 500;
  background: transparent; border: 1px solid var(--line); color: var(--cream);
  padding: 10px 15px; border-radius: 2px; cursor: pointer; transition: .3s;
}
.woocommerce ul.products li.product .button:hover {
  background: var(--gold); border-color: var(--gold); color: var(--navy);
}

/* Badge promo */
.woocommerce span.onsale {
  background: var(--gold); color: var(--navy);
  font-family: var(--sans); font-size: 10px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 4px 9px; border-radius: 2px;
  top: 12px; left: 12px; min-height: auto; min-width: auto; line-height: 1;
}

/* ── Pagination ───────────────────────────────────────────────────────────── */
.woocommerce-pagination { margin-top: 16px; }
.woocommerce-pagination ul {
  display: flex; gap: 8px; list-style: none; margin: 0; padding: 0;
  justify-content: center; flex-wrap: wrap;
}
.woocommerce-pagination ul li { margin: 0; }
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  display: flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%;
  font-family: var(--sans); font-size: 13px; font-weight: 500;
  color: var(--muted); background: var(--navy-2);
  border: 1px solid var(--line); transition: .25s;
}
.woocommerce-pagination ul li a:hover {
  background: rgba(242,183,43,.1); color: var(--gold); border-color: rgba(242,183,43,.4);
}
.woocommerce-pagination ul li span.current {
  background: var(--gold); color: var(--navy);
  border-color: var(--gold); font-weight: 700;
}

/* ── Fiche produit ────────────────────────────────────────────────────────── */
.woocommerce div.product {
  display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start;
}
.woocommerce div.product .woocommerce-product-gallery {
  border-radius: 8px; overflow: hidden; border: 1px solid var(--line);
  background: var(--navy-2);
  opacity: 1 !important;
}
.woocommerce div.product .woocommerce-product-gallery__image--placeholder {
  display: flex; align-items: center; justify-content: center;
  aspect-ratio: 1/1; background: var(--navy-3);
}
.woocommerce div.product .woocommerce-product-gallery__image--placeholder img {
  width: 60%; height: 60%; object-fit: contain; opacity: .25;
}
.woocommerce div.product .summary { padding-top: 8px; }

/* Onglets pleine largeur */
.woocommerce div.product .woocommerce-tabs { grid-column: 1 / -1; }

/* Meta produit (SKU, catégorie, tags) */
.product_meta {
  margin-top: 20px; padding-top: 20px;
  border-top: 1px solid var(--line);
  display: flex; flex-direction: column; gap: 6px;
}
.product_meta span { font-size: 13px; color: var(--muted); }
.product_meta span a { color: var(--muted); transition: color .2s; }
.product_meta span a:hover { color: var(--gold); }
.product_meta .sku { color: var(--cream); font-weight: 500; }

.woocommerce div.product .product_title {
  font-family: var(--script); font-size: clamp(32px,4vw,52px);
  font-weight: 400; margin-bottom: 10px; color: var(--cream); line-height: 1.1;
}
.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 18px; display: flex; align-items: center; gap: 10px;
}
.woocommerce div.product .star-rating { color: var(--gold); font-size: 14px; }
.woocommerce div.product .woocommerce-review-link { font-size: 13px; color: var(--muted); }

.woocommerce div.product .price {
  font-family: var(--sans); font-size: 28px; font-weight: 700;
  color: var(--gold); margin-bottom: 20px; display: block;
}
.woocommerce div.product .price ins { text-decoration: none; }
.woocommerce div.product .price del { font-size: 18px; color: var(--muted); margin-right: 6px; }

.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--muted); font-size: 15px; line-height: 1.75;
  margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line);
}

/* ── Row quantité + bouton ────────────────────────────────────────────────── */
.woocommerce form.cart { display: flex; gap: 10px; align-items: center; margin-bottom: 16px; }
.woocommerce .quantity input.qty {
  background: var(--navy-2); border: 1px solid var(--line);
  color: var(--cream); padding: 13px 14px; border-radius: 3px;
  font-family: var(--sans); font-size: 15px; font-weight: 600;
  width: 72px; text-align: center; transition: border-color .2s;
}
.woocommerce .quantity input.qty:focus { outline: none; border-color: var(--gold); }

.woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt {
  font-family: var(--sans); font-size: 12px; letter-spacing: .15em;
  text-transform: uppercase; font-weight: 500;
  padding: 12px 24px; border: none; cursor: pointer; border-radius: 2px;
  background: var(--gold); color: var(--navy); transition: .35s;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
  background: var(--gold-soft); transform: translateY(-2px);
  box-shadow: 0 14px 30px -10px rgba(242,183,43,.5);
}

/* ── Trust signals ────────────────────────────────────────────────────────── */
.lmp-trust-row {
  display: flex; flex-wrap: wrap; gap: 14px; margin-top: 18px;
}
.lmp-trust-item {
  display: flex; align-items: center; gap: 7px;
  font-size: 12px; letter-spacing: .06em; text-transform: uppercase;
  font-weight: 500; color: var(--muted);
}
.lmp-trust-item svg { color: var(--gold); flex-shrink: 0; }

/* ── Variations ───────────────────────────────────────────────────────────── */
.woocommerce table.variations { border: none; width: 100%; margin-bottom: 20px; }
.woocommerce table.variations td,
.woocommerce table.variations th { padding: 6px 0; border: none; }
.woocommerce table.variations label {
  font-size: 12px; font-weight: 500; letter-spacing: .14em;
  text-transform: uppercase; color: var(--muted); display: block;
}
.woocommerce table.variations select {
  background: var(--navy-2); border: 1px solid var(--line);
  color: var(--cream); padding: 10px 34px 10px 14px; border-radius: 3px;
  font-family: var(--sans); font-size: 14px; width: 100%;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23F3EEE4' stroke-width='2' opacity='.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
  transition: border-color .2s;
}
.woocommerce table.variations select:focus { outline: none; border-color: var(--gold); }
.woocommerce .reset_variations { font-size: 12px; color: var(--muted); text-decoration: underline; }

/* ── Tabs fiche produit ───────────────────────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs { margin-top: 40px; }
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0; margin: 0; border-bottom: 1px solid var(--line);
  display: flex; gap: 0; list-style: none; overflow: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background: none; padding: 0; margin: 0; border-radius: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--sans); font-size: 12px; letter-spacing: .15em;
  text-transform: uppercase; font-weight: 500; color: var(--muted);
  padding: 13px 22px; display: block; transition: color .2s;
  border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--cream); border-bottom-color: var(--gold);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--cream); }
.woocommerce div.product .woocommerce-tabs .panel {
  background: var(--navy-2); border: 1px solid var(--line); border-top: none;
  padding: 28px 30px; border-radius: 0 0 6px 6px;
  color: var(--muted); line-height: 1.75; font-size: 15px;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
  font-family: var(--script); font-size: 26px; font-weight: 400;
  color: var(--cream); margin-bottom: 14px;
}

/* ── Produits liés ────────────────────────────────────────────────────────── */
.related, .upsells { margin-top: 64px; grid-column: 1 / -1; }
.related h2, .upsells h2 {
  font-family: var(--script); font-size: 34px; font-weight: 400;
  color: var(--cream); margin-bottom: 26px;
}

/* ── Messages WooCommerce ─────────────────────────────────────────────────── */
.woocommerce-notices-wrapper { margin-bottom: 24px; }
.woocommerce-message, .woocommerce-info {
  background: var(--navy-2); border-top: 3px solid var(--gold);
  color: var(--cream); padding: 14px 20px; margin-bottom: 20px;
  border-radius: 0 0 4px 4px; font-size: 14px;
}
.woocommerce-error {
  background: var(--navy-2); border-top: 3px solid #c0392b;
  color: var(--cream); padding: 14px 20px; margin-bottom: 20px;
  border-radius: 0 0 4px 4px; font-size: 14px; list-style: none; margin: 0;
}
.woocommerce-message a.button,
.woocommerce-info a.button {
  margin-left: auto; font-size: 12px; font-weight: 500; letter-spacing: .1em;
  text-transform: uppercase; background: var(--gold); color: var(--navy);
  padding: 7px 16px; border-radius: 2px; border: none;
}

/* ── Panier ───────────────────────────────────────────────────────────────── */
.woocommerce table.shop_table {
  border-collapse: collapse; width: 100%;
  background: var(--navy-2); border: 1px solid var(--line); border-radius: 6px;
}
.woocommerce table.shop_table th {
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); font-weight: 500; padding: 14px 18px;
  border-bottom: 1px solid var(--line); text-align: left;
}
.woocommerce table.shop_table td {
  padding: 16px 18px; border-bottom: 1px solid var(--line);
  color: var(--cream); font-size: 14px; vertical-align: middle;
}
.woocommerce table.shop_table tr:last-child td { border-bottom: none; }
.woocommerce table.shop_table .product-name a { font-weight: 500; color: var(--cream); }
.woocommerce table.shop_table .product-name a:hover { color: var(--gold); }
.woocommerce table.shop_table a.remove {
  font-size: 18px; color: var(--muted) !important; font-weight: 400;
  border-radius: 50%; width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center; transition: .2s;
}
.woocommerce table.shop_table a.remove:hover { background: rgba(239,68,68,.15); color: #ef4444 !important; }

.cart_totals {
  background: var(--navy-2); border: 1px solid var(--line); border-radius: 6px; padding: 28px;
}
.cart_totals h2 {
  font-family: var(--script); font-size: 28px; font-weight: 400; color: var(--cream); margin-bottom: 20px;
}
.woocommerce .cart-subtotal .amount,
.woocommerce .order-total .amount {
  font-family: var(--sans); font-size: 22px; font-weight: 700; color: var(--gold);
}
.woocommerce .order-total th, .woocommerce .order-total td {
  border-top: 1px solid var(--line); padding-top: 14px;
}
.woocommerce .checkout-button {
  display: block; text-align: center; margin-top: 16px;
  font-family: var(--sans); font-size: 13px; letter-spacing: .15em;
  text-transform: uppercase; font-weight: 500;
  background: var(--gold); color: var(--navy);
  padding: 16px 28px; border-radius: 2px; border: none; transition: .35s;
}
.woocommerce .checkout-button:hover { background: var(--gold-soft); transform: translateY(-2px); }

.coupon { display: flex; gap: 10px; margin-bottom: 16px; }
.coupon input.input-text {
  flex: 1; background: var(--navy); border: 1px solid var(--line);
  color: var(--cream); padding: 11px 14px; border-radius: 3px;
  font-family: var(--sans); font-size: 14px;
}
.coupon input.input-text:focus { outline: none; border-color: var(--gold); }
.coupon .button {
  background: transparent; border: 1px solid var(--line); color: var(--cream);
  font-family: var(--sans); font-size: 12px; font-weight: 500; letter-spacing: .1em;
  text-transform: uppercase; padding: 11px 18px; border-radius: 2px; cursor: pointer; transition: .25s;
}
.coupon .button:hover { border-color: var(--gold); color: var(--gold); }

/* ── Checkout ─────────────────────────────────────────────────────────────── */
.woocommerce .col2-set { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { width: 100%; float: none; }
.woocommerce h3#order_review_heading,
.woocommerce h3#ship-to-different-address,
.woocommerce #customer_details h3 {
  font-family: var(--script); font-size: 28px; font-weight: 400;
  color: var(--cream); margin-bottom: 20px;
}
.woocommerce form .form-row { margin-bottom: 16px; padding: 0; }
.woocommerce form .form-row label {
  font-size: 12px; font-weight: 500; letter-spacing: .12em;
  text-transform: uppercase; color: var(--muted); margin-bottom: 8px; display: block;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  background: var(--navy-2); border: 1px solid var(--line);
  color: var(--cream); padding: 12px 16px; border-radius: 3px;
  font-family: var(--sans); font-size: 14px; width: 100%; transition: border-color .2s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus { outline: none; border-color: var(--gold); }
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder { color: var(--muted); }
.woocommerce form .form-row .required { color: var(--gold); }
.woocommerce form .form-row input[type="checkbox"] { accent-color: var(--gold); }

#order_review {
  background: var(--navy-2); border: 1px solid var(--line); border-radius: 6px; padding: 28px;
}
.woocommerce-checkout-review-order-table th {
  font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted); font-weight: 500;
}
#place_order {
  font-family: var(--sans); font-size: 13px; letter-spacing: .15em;
  text-transform: uppercase; font-weight: 500;
  background: var(--gold); color: var(--navy);
  padding: 16px 28px; border-radius: 2px; border: none;
  width: 100%; cursor: pointer; transition: .35s; margin-top: 16px;
}
#place_order:hover { background: var(--gold-soft); transform: translateY(-2px); }

/* ── État panier vide ─────────────────────────────────────────────────────── */
.woocommerce-cart .cart-empty {
  text-align: center; padding: 80px 24px; color: var(--muted); font-size: 16px;
}
.woocommerce-cart .return-to-shop {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 20px;
  font-family: var(--sans); font-size: 12px; letter-spacing: .15em;
  text-transform: uppercase; font-weight: 500;
  background: var(--gold); color: var(--navy);
  padding: 14px 28px; border-radius: 2px; transition: background .25s;
}
.woocommerce-cart .return-to-shop:hover { background: var(--gold-soft); }

/* ── Mini-cart drawer ─────────────────────────────────────────────────────── */
.woocommerce-mini-cart__empty-message {
  color: var(--muted); text-align: center; margin-top: 60px; font-size: 15px;
}
.woocommerce-mini-cart-item {
  display: flex; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line);
}
.woocommerce-mini-cart-item img {
  width: 56px; height: 56px; object-fit: cover; border-radius: 4px;
  flex-shrink: 0; border: 1px solid var(--line);
}
.woocommerce-mini-cart-item .mini_cart_item a:not(.remove) {
  font-family: var(--script); font-size: 20px; font-weight: 400; color: var(--cream);
}
.woocommerce-mini-cart-item .quantity { font-size: 12px; color: var(--muted); margin-top: 3px; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .wc-wrap { padding-top: 32px; padding-bottom: 52px; }
}
@media (max-width: 1080px) {
  .woocommerce ul.products { grid-template-columns: repeat(3,1fr); }
  .woocommerce div.product { gap: 40px; }
  .woocommerce .col2-set { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .woocommerce ul.products { grid-template-columns: 1fr 1fr; gap: 14px; }
  .woocommerce div.product { grid-template-columns: 1fr; gap: 28px; }
  .woocommerce div.product .woocommerce-product-gallery { position: static; }
  #lmp-configurateur { grid-template-columns: 1fr !important; }
}
@media (max-width: 560px) {
  .woocommerce ul.products { grid-template-columns: 1fr 1fr; gap: 10px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 18px; padding: 10px 12px 3px; }
  .woocommerce ul.products li.product .price { font-size: 15px; padding: 0 12px 2px; }
  .woocommerce ul.products li.product .button { margin: auto 12px 12px; }
  .woocommerce div.product .product_title { font-size: 30px; }
  .woocommerce div.product .price { font-size: 24px; }
  .woocommerce form.cart { flex-wrap: wrap; }
  .woocommerce form.cart .quantity, .woocommerce form.cart .single_add_to_cart_button { width: 100%; }
  #lmp-configurateur { padding: 16px; }
  #lmp-canvas-wrap { border-radius: 6px; }
}

/* ── Configurateur ────────────────────────────────────────────────────────── */
.has-lmp-configurateur .woocommerce div.product,
.has-lmp-configurateur .woocommerce #content div.product {
  display: block !important; gap: 0 !important;
}
.has-lmp-configurateur .woocommerce-product-gallery,
.has-lmp-configurateur .woocommerce div.product .summary,
.has-lmp-configurateur .woocommerce div.product div.summary,
.has-lmp-configurateur .woocommerce div.product .entry-summary { display: none !important; }
.has-lmp-configurateur #lmp-configurateur { max-width: 100%; margin-top: 0; }

/* ── Variation swatches – thème navy ───────────────────────────────────── */
.cfvsw-swatches-option {
  background: var(--navy-2, #1a1730) !important;
  border-color: rgba(255,255,255,.15) !important;
  color: var(--cream, #f3eee4) !important;
}
.cfvsw-swatches-option:not(.cfvsw-swatches-disabled,.cfvsw-swatches-out-of-stock):hover {
  border-color: var(--gold, #F2B72B) !important;
  color: var(--gold, #F2B72B) !important;
}
.cfvsw-selected-swatch {
  border-color: var(--gold, #F2B72B) !important;
  border-width: 2px !important;
  color: var(--gold, #F2B72B) !important;
}
.cfvsw-label-option .cfvsw-swatch-inner,
.cfvsw-swatches-option .cfvsw-swatch-inner {
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  font-family: var(--sans, 'Jost', sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .05em;
}
/* Swatch couleur : ne pas écraser la couleur réelle du swatch */
.cfvsw-swatches-option.cfvsw-color-option { background: transparent !important; }
.cfvsw-swatches-option.cfvsw-color-option .cfvsw-swatch-inner { background: var(--swatch-color, #fff) !important; }
