/*
 * Destiné : harmonisation visuelle du panier, des blocs Checkout et de la page de confirmation.
 * Aucun changement de validation, de données, d'envoi ou de calcul WooCommerce.
 */

/* WooCommerce peut écraser la hauteur des images du header. Ces règles ne s'appliquent
   qu'au panier / checkout / confirmation et sont volontairement prioritaires. */
body.destine-commerce-ui .destine-header .destine-header-logos{
  width:280px !important;
  height:120px !important;
  max-width:24vw !important;
  max-height:120px !important;
  overflow:hidden !important;
  contain:layout !important;
}
body.destine-commerce-ui .destine-header .destine-header-logos > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  transform:none !important;
}
@media(max-width:1100px){
  body.destine-commerce-ui .destine-header .destine-header-logos{
    width:220px !important;
    height:98px !important;
    max-width:23vw !important;
  }
}
@media(max-width:860px){
  body.destine-commerce-ui .destine-header .destine-header-logos{
    width:188px !important;
    height:82px !important;
  }
}
@media(max-width:620px){
  body.destine-commerce-ui .destine-header .destine-header-logos{display:none !important;}
}

body.destine-commerce-ui{background:#F7F7F7 !important;}
body.destine-commerce-ui :is(.entry-title,.page-title,.wp-block-post-title){
  color:#3000bf !important;
  font-weight:900;
  letter-spacing:-.025em;
}
body.destine-commerce-ui :is(.wp-block-woocommerce-checkout,.wp-block-woocommerce-cart,.wp-block-woocommerce-order-confirmation){
  --wc-blocks-main-color:#3000bf;
  --wp--preset--color--contrast:#211b3a;
  color:#27233d;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-top:8px;
  padding-bottom:26px;
}
body.destine-commerce-ui :is(.wc-block-checkout__main,.wc-block-cart__main){
  min-width:0;
}
body.destine-commerce-ui :is(.wc-block-components-checkout-step__heading,.wc-block-components-title,.wc-block-order-confirmation__title,.woocommerce-order-received h2,.woocommerce h2){
  color:#3000bf;
  font-weight:850;
  letter-spacing:-.012em;
}
body.destine-commerce-ui :is(.wc-block-components-order-summary,.wc-block-checkout__sidebar,.wc-block-cart__sidebar,.wc-block-components-totals-wrapper){
  border-radius:12px;
}
body.destine-commerce-ui :is(.wc-block-components-checkout-order-summary__inner-container,.wc-block-components-sidebar-layout .wc-block-checkout__sidebar,.wc-block-components-sidebar-layout .wc-block-cart__sidebar){
  border-radius:14px;
}
body.destine-commerce-ui .wc-block-components-checkout-order-summary__inner-container,
body.destine-commerce-ui .wc-block-checkout__sidebar .wc-block-components-order-summary{
  background:#fff;
  border:1px solid rgba(48,0,191,.15);
  box-shadow:0 10px 26px rgba(31,17,82,.05);
}
body.destine-commerce-ui :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea):not([type="checkbox"]):not([type="radio"]){
  border-radius:8px;
}
body.destine-commerce-ui :is(.wc-block-components-text-input input,.wc-block-components-combobox-control input,.wc-block-components-address-form input,.wc-block-components-address-form select){
  border:1px solid #c9c6d6 !important;
  background:#fff !important;
  color:#28243a !important;
  border-radius:8px !important;
  box-shadow:none !important;
  transition:border-color .16s,box-shadow .16s;
}
body.destine-commerce-ui :is(.wc-block-components-text-input input,.wc-block-components-combobox-control input,.wc-block-components-address-form input,.wc-block-components-address-form select):focus{
  outline:0 !important;
  border-color:#3000bf !important;
  box-shadow:0 0 0 3px rgba(72,239,200,.30) !important;
}
body.destine-commerce-ui :is(input[type="checkbox"],input[type="radio"]){accent-color:#3000bf;}
body.destine-commerce-ui a:not(.destine-btn):not(.destine-header-brand){
  text-decoration-color:#48efc8;
  text-underline-offset:3px;
}
/* Do not recolor the site's fixed navigation, footer, nor custom buttons. */
body.destine-commerce-ui :is(.wc-block-components-checkout-place-order-button,.wc-block-components-button.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button,.wc-block-components-button.wc-block-cart__submit-button){
  border-radius:999px !important;
  background:#3000bf !important;
  color:#fff !important;
  border:2px solid #3000bf !important;
  font-weight:800;
  box-shadow:0 6px 16px rgba(48,0,191,.12);
  min-height:46px;
}
body.destine-commerce-ui :is(.wc-block-components-checkout-place-order-button,.wc-block-components-button.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button,.wc-block-components-button.wc-block-cart__submit-button):hover{
  background:#240096 !important;
  border-color:#240096 !important;
}
body.destine-commerce-ui :is(.wc-block-components-checkout-place-order-button,.wc-block-cart__submit-button):focus-visible{
  outline:3px solid #48efc8 !important;
  outline-offset:3px;
}
body.destine-commerce-ui :is(.wc-block-components-notice-banner,.woocommerce-message,.woocommerce-info,.woocommerce-error){
  border-radius:10px;
}

/* Confirmation classique */
body.destine-commerce-ui :is(.woocommerce-order,.woocommerce-order-details,.woocommerce-customer-details){
  color:#28243a;
}
body.destine-commerce-ui .woocommerce-thankyou-order-received{
  padding:18px 22px;
  border:1px solid rgba(72,239,200,.65);
  background:#eafffa;
  border-radius:12px;
  color:#3000bf;
  font-weight:800;
}
body.destine-commerce-ui :is(.woocommerce-order-overview,.woocommerce-table--order-details){
  background:#fff;
  border:1px solid rgba(48,0,191,.14);
  border-radius:12px;
  padding:18px;
}

/* Confirmation par blocs */
body.destine-commerce-ui :is(.wc-block-order-confirmation-summary,.wc-block-order-confirmation-totals,.wc-block-order-confirmation-billing-address,.wc-block-order-confirmation-shipping-address,.wc-block-order-confirmation-additional-information){
  background:#fff;
  border:1px solid rgba(48,0,191,.13);
  border-radius:12px;
  padding:18px;
  margin-top:16px;
}
body.destine-commerce-ui :is(.wc-block-order-confirmation-status,.wc-block-order-confirmation__status){
  background:#eafffa;
  color:#3000bf;
  border-radius:12px;
  padding:16px;
}
@media(max-width:780px){
  body.destine-commerce-ui :is(.wp-block-woocommerce-checkout,.wp-block-woocommerce-cart,.wp-block-woocommerce-order-confirmation){
    padding-left:14px;
    padding-right:14px;
  }
}