/* ------------------------------- */
/*  =     Produit custom           */
/* ------------------------------- */

#product.custom .option {
    display: flex;
    align-items: center;
    float: none;
    width: 100%;
}

#product.custom .option > img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    padding: 5px;
    background-color: #eeebec;
    object-fit: cover;
}

#product.custom .option > div {
    width: 100%;
}

#product.custom .prod_choice {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

#product.custom .prod_choice > li {
    width: 20%;
    border-style: none;
}

#product.custom .prod_choice > li:last-child {
    width: 100%;
    border-top-style: solid;
}

#product.custom .dsc {
    padding: 10px;
    font-size: .8em;
    font-style: italic;
}

/*  = --- Onglets ---------------- */

#product.custom .onglets {
    display: flex;
    background-color: #333;
    border-bottom-style: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

#product.custom .onglet:hover {
    background-color: #02adde;
}

#product.custom .onglet.actif {
    background-color: #f9f9f9;
    color: #333;
}

#product.custom .onglet > select {
    display: none;
}

/*  = --- Groupes ---------------- */

#product.custom .groupes:after,
#product.custom .groupe:after {
    display: table;
    clear: both;
    border-collapse: collapse;
    content: "";
}

#product.custom .groupes {
    padding: 20px;
    background-color: #f9f9f9;
}

/*  = --- État ------------------- */

#product.custom #etat {
    margin: 10px 0;
    font-size: 1.285714285714286em; /* 18px / 14px */
    font-weight: 700;
}

#product.custom #etat.error {
    color: #bf0000;
}

#product.custom #etat.success {
    color: #02adde;
}

/*  = --- Bouton ----------------- */

#product.custom #etat:not(.success) + #btn_basket_buy {
    opacity: 0.5 !important;
    pointer-events: none !important;
}

/* Description large fiche produit */

#image ~ #detail {
   width: 100%;
}