/**
 * Panier vide (lettery-child) : etat vide centre, sans grille produits.
 * Charge uniquement sur is_cart() via inc/woocommerce-cart-empty.php.
 */

/* Conteneur etat vide : centre, espace avec le footer. */
.tresor-empty-cart {
  text-align: center;
  padding: 10px 0 60px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.tresor-empty-cart__msg {
  font-size: 22px;
  margin: 0 0 28px;
}

.tresor-empty-cart__buttons {
  justify-content: center;
}

/* Bouton "Voir la boutique" : pilule verte comme les cartes produits. */
.tresor-empty-cart__btn,
a.tresor-empty-cart__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 34px;
  border-radius: 25px;
  background-color: #4eac52;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
}

.tresor-empty-cart__btn:hover,
a.tresor-empty-cart__btn:hover {
  color: #fff;
  filter: brightness(0.94);
}

/* Filet de securite : si le JS du bloc Panier ne pilote plus l'etat vide
   (bloc sans data-block-name), on masque l'etat vide des que le bloc
   "panier rempli" est present dans la page. React retire le bloc rempli
   quand le panier est vide : l'etat vide redevient alors visible. */
@supports selector(:has(*)) {
  .wp-block-woocommerce-cart:has(.wp-block-woocommerce-filled-cart-block) .wp-block-woocommerce-empty-cart-block {
    display: none;
  }
}

/* Filet de securite : aucune grille / collection de produits ne doit
   apparaitre dans la zone panier vide (rendu blocs). */
.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-collection,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products,
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.products,
.woocommerce-cart .tresor-empty-cart ul.products,
.woocommerce-cart .tresor-empty-cart .wp-block-woocommerce-product-collection {
  display: none !important;
}