
/* marge sous le bandeau de la pré-commande */
#module-multipanier-preorders section#main.preorder-main div#js-product-list-header {
    margin-bottom: 64px;
}



.preorder-main {
    background: transparent;
}

.preorder-hero {
    border: none;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.preorder-hero .category-cover img {
    max-width: 220px;
    height: auto;
    border-radius: 8px;
}

.preorder-sections {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.preorder-category {
    border: none;
}

.preorder-category__header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 0.75rem;
    margin-bottom: 1.25rem;
}

.preorder-manufacturer {
    /* border: 1px solid rgba(255, 255, 255, 0.35);*/
    border-radius: 12px;
    padding: 2px;
    background: rgba(0, 0, 0, 0.15);
    margin-bottom: 1.5rem;
}

.preorder-manufacturer__title {
    margin-bottom: 1rem;
}

.preorder-manufacturer__badge {
    display: inline-block;
    padding: 0.15rem 0.8rem;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.preorder-products .product-thumbnail {
    min-height: 280px;
}

.preorder-products .product-miniature {
    height: 100%;
}

.preorder-products .product-description {
    min-height: 140px;
}

@media (max-width: 767px) {
    .preorder-manufacturer {
        padding: 1rem;
    }
}

/* Ensure product action buttons are visible inside the miniature cards
   — mirror the category layout rules that target `.products` */
.preorder-products .product {
    /* reserve vertical space at the bottom for absolute-positioned actions */
    padding-bottom: 78px;
}

.preorder-products .product .thumbnail-container {
    /* match theme's thumbnail height so actions sit visibly inside the card */
    height: 380px;
    position: relative; /* ensure absolute children are positioned relative to this container */
}

.preorder-products .product .product-description {
    /* keep description area sizing similar to category pages */
    min-height: 140px;
}

/* small tweak for the MP action buttons so they don't overflow */
.preorder-products .product .product-actions.mp-actions {
    padding: 0.5rem 0.5rem 0; /* small inner spacing so buttons are not flush to edge */
    box-sizing: border-box;
}

/* ajout manuels */

/* transparence fond page preorders */

#module-multipanier-preorders div#content.page-content.card.card-block {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

/* transparence fond sections categories preorders */

#module-multipanier-preorders div.preorder-sections article.preorder-category.card.bg-transparent.border-0 {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
}  

/* blanc texte titres categories et fabricants */
#module-multipanier-preorders div.preorder-manufacturer__title {
  color: #ffffff;
  background: white;
  border-radius: 4px;
  padding: 8px;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 22px !important;
  margin-top: -33px;

}

/* titre dans la description du fabricant */
#module-multipanier-preorders div.preorder-manufacturer__title.d-flex.flex-column.gap-2.mb-3 div h3.h3.mb-1 {
    margin : 0px !important;
}






/* Apparence des minuatures, dimensions, placement des descriptions et boutons */

/* placement de la description */
#module-multipanier-preorders .thumbnail-container div.product-description {
    min-height: 161px;
}

#module-multipanier-preorders  .product-miniature .product-description {
    margin-top: -90px;
}

.preorder-products .product {
    padding-bottom: 40px;
}
.preorder-products div.col-12.col-sm-6.col-lg-3 div.product {
    padding-right: 10px;
}

/*
.preorder-products div.col-12.col-sm-6.col-lg-3 {
    margin-right: 38px;
}
*/

@media (min-width: 992px) {
   .col-lg-3{
    float: left;
    width: 29%;
}
}

