/*
 Theme Name:     Child Divi
 Theme URI:      https://www.lewebetik.fr
 Description:    Theme personalisé
 Author:         Adrien Topall
 Author URI:     https://www.lewebetik.fr
 Template:       Divi
 Version:        1.0.0
*/
 

/* Divi Engine Blog Post - How to Show the Title on Hover with the Divi Portfolio Module */

.wc-block-components-checkout-step__heading{
    margin-bottom: 0;
}
.wc-block-components-form .wc-block-components-title.wc-block-components-title{
    font-family: 'Cormorant Garamond',Georgia,"Times New Roman",serif;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #336260 !important;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 2px solid #336260;
    padding-bottom: 0.5rem;
    
}
#shipping-fields .wc-block-components-checkout-step__heading {
  display: block;
}

/***************************************************************************/
/* Container général (ne remplace pas les classes Woo) */
.df-product-card { width:100%; margin-bottom:28px; }

/* s'applique même si la structure initiale vient de WooCommerce */
.woocommerce-LoopProduct-link { display:block; color:inherit; text-decoration:none; }

/* wrapper (on crée un wrapper si nécessaire via JS) */
.df-product-image-wrap { position:relative; overflow:hidden; border-radius:4px; background:#fff; }

/* images empilées */
.df-product-image { display:block; width:100%; height:auto; transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s ease; }
.df-product-image.secondary { position:absolute; inset:0; top:0; left:0; opacity:0; transform:scale(1.06); }

/* hover desktop : swap */
li.product:hover .df-product-image.primary { opacity:0; transform:scale(1.03); }
li.product:hover .df-product-image.secondary { opacity:1; transform:scale(1); }

/* shadow sous l'image */
.df-product-image-wrap::after {
  content:"";
  position:absolute; left:10%; right:10%; bottom:-14%; height:42px;
  background:radial-gradient(ellipse at center, rgba(0,0,0,0.18), rgba(0,0,0,0));
  filter:blur(8px); transform:translateY(6px);
  transition:opacity .28s ease, transform .28s ease; opacity:0; pointer-events:none;
}
li.product:hover .df-product-image-wrap::after { opacity:1; transform:translateY(0); }

li.product:hover .df-product-image-wrap::after{
    opacity: 0 !important;
}

/* meta bas */
.df-product-meta { padding-top:12px; }
.df-product-title { font-size:15px; line-height:1.25; margin:0 0 6px; font-weight:600; color:#111; }
.df-product-price { font-weight:700; color:#111; }

/* mobile : masque la shadow et gère la classe touch-active créée par le JS */
@media (max-width:767px){
  .df-product-image-wrap::after { display:none; }
  .df-product-card.touch-active .df-product-image.secondary { opacity:1; position:absolute; inset:0; }
}

.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block .wp-block-woocommerce-checkout-order-summary-block{
  background-color: #336260;
  color: aliceblue;
}

@container (min-width: 700px) {
  .wc-block-checkout__sidebar.is-sticky {
    position: sticky;
    top: 4rem;
  }
}