/**
 * CSS Pour les collections
 * @author GBI - GN
 * @file collection.css
 * @date 05/04/2022
 */

/*************************** 
 * CAROUSEL ET INFORMATION *
 ***************************/
/* Carousel Full */
.gbi-collection-carousel-full-container {
    width:550px;
    text-align:center;
    padding-bottom:16px;
}
.gbi-carousel {
    width:540px;
    margin:auto;
}
/* Carousel Mobile */
.gbi-collection-carousel-mobile-slider {
    display:none;
}
.gbi-collection-carousel-mobile-slider img {
    width:100%;
    height:100%;
}
@media (max-width: 600px) {
    .gbi-collection-carousel-full-container {
        display:none;
    }
    .gbi-collection-carousel-mobile-slider {
        display:block;
    }
}
/* Zone Informations */
.gbi-collection-information {
    position:relative;
    min-height:450px;
}
.gbi-collection-information-container {
    min-height: 420px;
}
.gbi-collection-information-couleur {
    display:inline-block;
    width:50px;
    height:50px;
    border-radius: 25px;
    border:1px solid #808080;
    cursor:pointer;
    margin: 1px;
}
.gbi-collection-information-couleur-container-couleur {
    float:left;
    padding:10px;
    text-align: center;
}
.gbi-collection-information-couleur-select {
/*    border:4px solid #808080; */
    font-weight: bold;
    color:red;
}
.gbi-collection-information-couleur-container-text {
    text-decoration: none;
}
@media (max-width: 1210px) {
    .gbi-collection-information-main-container {
         box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    }
    .gbi-collection-carousel-information {
        padding-left:0px;
        padding-right:0px;
    }
    .gbi-collection-information {
        position:relative;
        min-height:auto;
        margin-left:0px;
        padding:0px;
    }
    .gbi-collection-information-container {
        min-height: auto;
    }
    .gbi-collection-information-titre {
        text-align:center;
    }
    .gbi-collection-information-detail {
        text-align:justify;
    }
    .gbi-collection-information-couleur-container {
        text-align: center;
    }
}
/*******************************
 * ZONE DU TABLEAU DE COMMANDE *
 *******************************/
/* Mode full*/
.gbi-collection-table-container {
    padding-left:20px;
    padding-right:32px;
}
.gbi-collection-table {
    
}
.gbi-collection-table td {
    padding:0;
}
.gbi-collection-table-qte {
    width:75px;
}
.gbi-collection-table-reference {
    line-height:44px;
} 
.gbi-collection-table-nom {
    line-height:44px;
} 
.gbi-collection-table-taille {
    line-height:44px;
} 
.gbi-collection-table-gencode {
    line-height:44px;
} 
.gbi-collection-table-dispo {
    line-height:44px;
}
.gbi-collection-table-dispo-future {
    line-height:22px;
    color:red;
}
.gbi-collection-table-lot {
    line-height:44px;
} 
.gbi-collection-table-promo {
    width:65px;
    line-height:44px;
} 
.gbi-collection-table-qte {
    
}
.gbi-collection-table-qte-header {
    line-height:44px;
} 
.gbi-collection-table-prix {
    line-height:44px;
}
.gbi-collection-table-prix-promo {
    line-height:23px;
}
.gbi-collection-table-info-qte {
    width:200px;
    line-height:44px;
} 
.gbi-collection-table-info-total {
    line-height:44px;
}
@media (max-width: 1210px) {
    .gbi-collection-table-container {
        display:none;
    }
}
/* Mode mobile */
.gbi-collection-table-mob-container {
    display:none;
}
@media (max-width: 1210px) {
    .gbi-collection-table-mob-container {
        display:block;
    }
}
.gbi-collection-table-mob-ref {
    float:left;
    width:50%;
    font-size:0.8em;
}
.gbi-collection-table-mob-gencode {
    float:left;
    width:50%;
    text-align: right;
    font-size:0.8em;
}
.gbi-collection-table-mob-taille {
    float:left;
    width:50%;
    font-size:0.8em;
}
.gbi-collection-table-mob-cond {
    float:left;
    width:50%;
    text-align: right;
    font-size:0.8em;
}
.gbi-collection-table-mob-stock {
    float:left;
    width:50%;
    text-align: right;
}
.gbi-collection-table-mob-prix {
    float:left;
    width:50%;
}
.gbi-collection-table-mob-qte {
    float:left;
    width:50%;
    text-align: right;
}
.gbi-collection-input-qte {
    float:right;
    width:75px;
}
.gbi-collection-table-mob-info-qte {
    text-align: right;
    font-size:0.8em;
}
.gbi-collection-table-mob-info-total {
    text-align: right;
}
/*********************************
 * INFORMATION D'AJOUT AU PANIER *
 *********************************/
.gbi-collection-cart-error {
    border-color:#f44336;
}
.gbi-collection-cart-valid {
    border-color:#4CAF50;
}