/* ==========================================================================
      DESIGN PREMIUM - MINIATURES PRODUITS (LE FIX DÉFINITIF)
      ========================================================================== */

      /* 1. La Carte Produit Globale (On force la colonne) */
      .product-miniature {
          background: #ffffff !important;
          border-radius: 18px !important;
          border: 1px solid #f1f5f9 !important;
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important;
          padding: 20px 15px !important;
          /* Un peu plus d'espace pour respirer */
          transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
          margin-bottom: 20px !important;
          position: relative !important;

          /* Le secret pour que rien ne s'écrase : on force l'empilement vertical */
          display: flex !important;
          flex-direction: column !important;
          justify-content: flex-start !important;
          align-items: center !important;
          height: 100% !important;
      }

      .product-miniature:hover {
          transform: translateY(-6px) !important;
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
          border-color: #007bff !important;
      }

      /* 2. On empêche l'image et le texte de se mettre côte à côte */
      .product-miniature .thumbnail-container,
      .product-miniature .product-shop {
          float: none !important;
          /* Tue les vieux réglages du thème */
          width: 100% !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
      }

      .product-miniature .thumbnail-container {
          margin-bottom: 15px !important;
          /* Espace sous l'image */
          padding: 0 !important;
      }

      .product-miniature .product-thumbnail img {
          max-height: 150px !important;
          width: auto !important;
          object-fit: contain !important;
          margin: 0 auto !important;
      }

      /* 3. FIX DU BADGE GÉANT "RUPTURE DE STOCK" */
      .product-miniature .product-flags {
          position: absolute !important;
          top: 12px !important;
          left: 12px !important;
          z-index: 15 !important;
          display: flex !important;
          flex-direction: column !important;
          gap: 5px !important;
          padding: 0 !important;
          margin: 0 !important;
          list-style: none !important;
          pointer-events: none !important;
      }

      /* On nettoie le ruban moche et on fait un badge moderne */
      .product-miniature .product-flag {
          background: #e11d48 !important;
          /* Rouge chic */
          color: #ffffff !important;
          font-size: 0.65rem !important;
          font-weight: 800 !important;
          text-transform: uppercase !important;
          padding: 5px 12px !important;
          border-radius: 20px !important;
          /* Petit badge rond */
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
          margin: 0 !important;
          width: max-content !important;
          max-width: 130px !important;
          white-space: normal !important;
          line-height: 1.2 !important;
          text-align: center !important;
      }

      /* On désactive les petits triangles du thème d'origine qui cassaient tout */
      .product-miniature .product-flag::before,
      .product-miniature .product-flag::after {
          display: none !important;
      }

      /* Badge Neuf en vert */
      .product-miniature .product-flag.new {
          background: #01B887 !important;
      }

      /* 4. Le Titre (Propre et centré) */
      .product-miniature .ttr_post_title {
          margin: 0 0 10px 0 !important;
          width: 100% !important;
      }

      .product-miniature .ttr_post_title a {
          font-size: 0.95rem !important;
          font-weight: 800 !important;
          color: #1a202c !important;
          line-height: 1.3 !important;
          text-decoration: none !important;
          transition: color 0.2s ease !important;
          display: -webkit-box !important;
          -webkit-line-clamp: 2 !important;
          /* Bloque le titre à 2 lignes maximum */
          -webkit-box-orient: vertical !important;
          overflow: hidden !important;
          min-height: 38px !important;
          /* Garde la même hauteur pour toutes les cartes */
      }

      .product-miniature .ttr_post_title a:hover {
          color: #007bff !important;
      }

      /* 5. Le Prix */
      .product-miniature .price {
          font-size: 1.15rem !important;
          font-weight: 900 !important;
          color: #1a202c !important;
          margin: 5px 0 10px 0 !important;
          display: block !important;
      }

      /* 6. Aperçu rapide (Discret) */
      .product-miniature .highlighted-informations {
          margin: 5px 0 15px 0 !important;
          width: 100% !important;
          text-align: center !important;
      }

      .product-miniature .quick-view {
          font-size: 0.75rem !important;
          color: #64748b !important;
          text-decoration: underline !important;
          display: inline-block !important;
      }

      .product-miniature .quick-view:hover {
          color: #007bff !important;
      }

			/* 7. Les Boutons du bas (FIX CLIC) */
			.product-miniature .add-to-cart {
				margin-top: auto !important;
				width: 100% !important;
				display: flex !important;
				justify-content: center !important;
				position: relative !important;
				/* NOUVEAU */
				z-index: 99 !important;
				/* NOUVEAU : Force le passage au premier plan */
				pointer-events: auto !important;
				/* NOUVEAU : Force la cliquabilité */
			}

			/* On s'assure que le formulaire prend bien la place nécessaire */
			.product-miniature .add-to-cart form {
				width: 100% !important;
				display: flex;
				justify-content: center;
			}

      /* Bouton bleu d'achat */
      .product-miniature .add-to-cart .btn-primary {
          background: linear-gradient(135deg, #007bff, #0056b3) !important;
          color: #ffffff !important;
          border-radius: 50px !important;
          font-weight: 700 !important;
          text-transform: none !important;
          border: none !important;
          padding: 10px 20px !important;
          font-size: 0.85rem !important;
          box-shadow: 0 4px 10px rgba(0, 123, 255, 0.25) !important;
          transition: all 0.3s ease !important;
          width: auto !important;
          min-width: 140px !important;
          cursor: pointer !important;
      }

      .product-miniature .add-to-cart .btn-primary:hover {
          transform: translateY(-2px) !important;
          box-shadow: 0 8px 15px rgba(0, 123, 255, 0.35) !important;
          background: linear-gradient(135deg, #0056b3, #004085) !important;
      }

      /* Bouton gris d'alerte */
      .product-miniature .notify-me-btn {
          background: #f8fafc !important;
          color: #475569 !important;
          border-radius: 50px !important;
          font-weight: 700 !important;
          text-transform: uppercase !important;
          border: 2px solid #e2e8f0 !important;
          padding: 8px 20px !important;
          font-size: 0.75rem !important;
          letter-spacing: 0.5px !important;
          transition: all 0.3s ease !important;
          width: auto !important;
          min-width: 140px !important;
          text-decoration: none !important;
          display: inline-flex !important;
          justify-content: center !important;
          align-items: center !important;
      }

      .product-miniature .notify-me-btn:hover {
          background: #1a202c !important;
          color: #ffffff !important;
          border-color: #1a202c !important;
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
          transform: translateY(-2px) !important;
      }


      /* Ajoute ça à la suite de ton CSS Premium pour la modale */
      #premium-wishlist-backdrop {
          position: fixed;
          inset: 0;
          background: rgba(15, 23, 42, 0.6);
          /* Fond sombre bleuté chic */
          backdrop-filter: blur(5px);
          /* Flou d'arrière-plan très moderne */
          z-index: 99998;
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0;
          visibility: hidden;
          transition: all 0.3s ease;
      }

      #premium-wishlist-backdrop.show {
          opacity: 1;
          visibility: visible;
      }

      #premium-wishlist-backdrop .modal-content {
          transform: translateY(30px);
          transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          width: 100%;
          max-width: 450px;
      }

      #premium-wishlist-backdrop.show .modal-content {
          transform: translateY(0);
      }

			/* ==========================================================================
   													TOAST NOTIFICATIONS PREMIUM
   		========================================================================== */
			#premium-toast-container {
				position: fixed;
				top: 20px;
				right: 20px;
				z-index: 100000;
				display: flex;
				flex-direction: column;
				gap: 10px;
			}

			.premium-toast {
				background: rgba(255, 255, 255, 0.95);
				backdrop-filter: blur(10px);
				border-left: 5px solid #007bff;
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
				border-radius: 12px;
				padding: 15px 25px;
				color: #1a202c;
				font-weight: 600;
				display: flex;
				align-items: center;
				gap: 12px;
				transform: translateX(120%);
				transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
				min-width: 300px;
			}

			.premium-toast.show {
				transform: translateX(0);
			}

			.premium-toast i {
				font-size: 1.5rem;
				color: #01B887; /* Vert succès */
			}

			.premium-toast.error {
				border-left-color: #ef4444;
			}

			.premium-toast.error i {
				color: #ef4444;
			}