/*
 * DanIT Product Miniature Layout-1 Override
 * Scoped to .product-miniature-layout-1
 */

/* ── Card container ─────────────────────────────────────── */
.product-miniature-layout-1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-miniature-layout-1 .thumbnail-container {
  text-align: center;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-miniature-layout-1 .thumbnail-container .product-thumbnail {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.product-miniature-layout-1 .thumbnail-container .product-thumbnail img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
  object-fit: contain;
}

/* ── Hide unnecessary elements ──────────────────────────── */
.product-miniature-layout-1 .product-flags,
.product-miniature-layout-1 .product-availability,
.product-miniature-layout-1 .product-functional-buttons,
.product-miniature-layout-1 .product-category-name,
.product-miniature-layout-1 .product-description-short,
.product-miniature-layout-1 .product-reference,
.product-miniature-layout-1 .product-overlay-link {
  display: none !important;
}

/* ── Description layout ─────────────────────────────────── */
.product-miniature-layout-1 .product-description {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  padding: 10px 15px 20px !important;
  flex-grow: 1;
}

/* ── Title ───────────────────────────────────────────────── */
.product-miniature-layout-1 .product-title {
  order: 1;
  margin-bottom: 10px !important;
}

.product-miniature-layout-1 .product-title a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  text-decoration: none !important;
}

/* ── Price label "À partir de" ───────────────────────────── */
.product-miniature-layout-1 .product-price-and-shipping {
  order: 2;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-bottom: 15px !important;
}

.product-miniature-layout-1 .product-price-and-shipping::before {
  content: "À partir de";
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #4C3CFF;
  margin-bottom: 2px;
}

.product-miniature-layout-1 .product-price {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

/* ── Hide original add-to-cart form ──────────────────────── */
.product-miniature-layout-1 .product-add-cart {
  display: none !important;
}

/* ── "Acheter" link button — gradient ───────────────────── */
.product-miniature-layout-1 .dpp-acheter-btn {
  order: 3;
  display: block;
  width: 100%;
  max-width: 280px;
  padding: 14px 40px;
  border-radius: 999px;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none !important;
  background-image: linear-gradient(34deg, #000000 -10%, #4C3CFF 30%, #87A1FF 70%, #4C3CFF 90%, #000000 120%);
  background-size: 300% 100%;
  background-position: 0% 50%;
  transition: background-position 0.6s ease;
  cursor: pointer;
}

.product-miniature-layout-1 .dpp-acheter-btn:hover {
  background-position: 50% 20%;
  color: #ffffff !important;
}

/* ── Responsive ─────────────────────────────────────────── */
@media (max-width: 768px) {
  .product-miniature-layout-1 .product-title a {
    font-size: 1rem !important;
  }

  .product-miniature-layout-1 .product-price {
    font-size: 1.3rem !important;
  }

  .product-miniature-layout-1 .dpp-acheter-btn {
    padding: 12px 30px;
    font-size: 0.9rem;
  }
}