/* ============================================================
   Tribes & Trends — harmonisation WooCommerce
   Fiche produit, panier, commande et compte au diapason du thème.
   ============================================================ */

/* ---------- Respiration générale des pages Woo ---------- */
.tt-woo{padding:70px 40px 96px}
.woocommerce-cart .wrap,
.woocommerce-checkout .wrap,
.woocommerce-account .wrap{padding-top:60px;padding-bottom:90px}
.woocommerce-cart section.wrap > div,
.woocommerce-checkout section.wrap > div,
.woocommerce-account section.wrap > div{max-width:1100px !important;margin:0 auto}

/* Fil d'Ariane */
.woocommerce-breadcrumb{
  font-family:var(--lineale) !important;font-size:9.5px !important;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gris) !important;
  margin:0 0 44px !important}
.woocommerce-breadcrumb a{color:var(--or) !important;text-decoration:none}

/* Titres de page (Panier, Commande…) dans la didone du site */
.woocommerce-cart .section-tete h2,
.woocommerce-checkout .section-tete h2,
.woocommerce-account .section-tete h2,
h1.wp-block-post-title{font-family:var(--didone);font-weight:400}

/* ---------- Fiche produit : recadrer et aérer ---------- */
.single-product div.product{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);
  gap:64px;align-items:start}
.single-product div.product div.images,
.single-product div.product .woocommerce-product-gallery{
  width:100% !important;float:none !important;margin:0 !important;
  border:.5px solid var(--filet);background:var(--creme)}
.single-product div.product div.summary{
  width:100% !important;float:none !important;margin:0 !important}
@media (max-width:860px){
  .single-product div.product{grid-template-columns:1fr;gap:36px}
}

.single-product .product_title{
  font-family:var(--didone) !important;font-weight:400 !important;
  font-size:clamp(28px,4vw,40px);color:var(--noir);margin-top:0}
.single-product div.product p.price{
  font-family:var(--romaine) !important;font-size:22px;color:var(--or) !important;margin:18px 0 26px}
.single-product .woocommerce-variation-price .price{color:var(--or) !important}
.single-product .woocommerce-variation-description p{
  font-family:var(--romaine);font-style:italic;color:var(--gris)}
.single-product .product_meta{
  font-family:var(--lineale);font-size:10px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gris);border-top:.5px solid var(--filet);
  padding-top:22px;margin-top:34px}
.single-product .product_meta a{color:var(--or)}
table.variations th.label{
  font-family:var(--lineale);font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--encre);font-weight:400;padding-right:18px}
a.reset_variations{
  font-family:var(--lineale);font-size:9px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gris)}

/* ---------- Champs de formulaire : plus jamais d'Arial ---------- */
.woocommerce select,
.woocommerce input,
.woocommerce textarea,
.woocommerce-page select,
.woocommerce-page input,
.woocommerce-page textarea,
.wc-block-components-quantity-selector,
.wc-block-components-quantity-selector__button,
.wc-block-components-quantity-selector input,
.wc-block-components-text-input input,
.wc-block-components-form input,
.wc-block-components-combobox select{
  font-family:var(--romaine) !important;font-size:16px !important;color:var(--encre) !important}
.woocommerce select,
.variations select{
  -webkit-appearance:none;appearance:none;
  background:var(--blanc) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A8894E' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center;
  border:.5px solid var(--or);border-radius:0;padding:12px 40px 12px 14px;min-width:230px}
.woocommerce input.qty,
.quantity input{
  border:.5px solid var(--filet);border-radius:0;padding:11px 6px;text-align:center;background:var(--blanc)}
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus{outline:none;border-color:var(--or)}

/* ---------- Boutons ---------- */
.woocommerce button.single_add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button{
  font-family:var(--lineale) !important;font-size:11px !important;
  letter-spacing:.28em !important;text-transform:uppercase !important;
  background:var(--noir) !important;color:var(--ivoire) !important;
  border:1px solid var(--noir) !important;border-radius:0 !important;
  padding:16px 34px !important;transition:all .35s ease}
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:hover{
  background:var(--or) !important;border-color:var(--or) !important;color:var(--noir) !important}

/* ---------- Panier (blocs WooCommerce) ---------- */
.wp-block-woocommerce-cart{font-family:var(--romaine)}
.wc-block-cart-items__header span{
  font-family:var(--lineale) !important;font-size:9.5px !important;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gris)}
.wc-block-components-product-name{
  font-family:var(--didone) !important;font-size:18px !important;color:var(--noir) !important;text-decoration:none !important}
.wc-block-cart-item__image img{border:.5px solid var(--filet)}
.wc-block-components-product-details__name,
.wc-block-components-product-details__value,
.wc-block-components-product-metadata__description{
  font-family:var(--romaine) !important;font-style:italic;color:var(--gris) !important}
.wc-block-components-product-price,
.wc-block-cart-item__total .wc-block-components-product-price{
  font-family:var(--romaine) !important;color:var(--or) !important}
.wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-family:var(--didone) !important;font-weight:400 !important}
.wc-block-components-totals-item__value{color:var(--or) !important}
.wc-block-components-sidebar .wp-block-woocommerce-cart-order-summary-block{
  background:var(--creme);border:.5px solid var(--filet);padding:10px 22px}
.wc-block-components-quantity-selector{border:.5px solid var(--filet) !important;border-radius:0 !important}
.wc-block-cart-item__remove-link{
  font-family:var(--lineale) !important;font-size:9px !important;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris) !important}

/* ---------- Commande (checkout) ---------- */
.wc-block-components-checkout-step__title,
.woocommerce-checkout h3{font-family:var(--didone) !important;font-weight:400 !important}
.wc-block-components-form .wc-block-components-text-input input,
.woocommerce-checkout .input-text{
  border:.5px solid var(--filet) !important;border-radius:0 !important;background:var(--blanc)}

/* ---------- Messages et avis ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner{
  font-family:var(--romaine) !important;background:var(--creme) !important;
  color:var(--encre) !important;border:.5px solid var(--or) !important;
  border-radius:0 !important}
.woocommerce-message::before,
.woocommerce-info::before{color:var(--or) !important}
.woocommerce-message a.button{margin-left:12px}

/* ---------- Produits similaires & ventes croisées : format magazine 3:4 ---------- */
.wc-block-components-product-image,
.wp-block-woocommerce-cart-cross-sells-block .wc-block-components-product-image{
  aspect-ratio:3/4;overflow:hidden}
.wc-block-components-product-image img,
.wp-block-woocommerce-cart-cross-sells-block img,
.cross-sells ul.products li.product img,
.related.products ul.products li.product img,
section.related ul.products li.product img{
  aspect-ratio:3/4 !important;width:100%;height:auto;object-fit:cover;object-position:top center}
.cross-sells h2,
.related.products > h2,
.wp-block-woocommerce-cart-cross-sells-block h2{
  font-family:var(--didone) !important;font-weight:400 !important;font-size:26px;text-align:center;margin-bottom:34px}

/* ---------- Boutique (archive produits, si utilisée) ---------- */
.woocommerce ul.products li.product{
  background:var(--blanc);border:.5px solid var(--filet);padding:0 0 26px;text-align:center}
.woocommerce ul.products li.product a img{margin-bottom:18px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--didone) !important;font-weight:400 !important;font-size:20px}
.woocommerce ul.products li.product .price{
  font-family:var(--romaine) !important;color:var(--or) !important;font-size:16px}