/**
* Models Kits Module
*
*  @author    Sora Websoft SARL <support@sora-websoft.com>
*  @copyright 2012-2022 Sora Websoft SARL
*  @license   Copyright (c) SARL Sora Websoft
*/

/* Les kits ne gèrent pas le total cart sur l'overlay alors on le cache */
#layer_cart .layer_cart_row,
.dgpriceblock {
  display: none !important;
}

/*.box-info-product > div:not(.product_attributes) {
  display: none !important;
}*/

.mcartcheck,
.hiddenwithmodelkit {
  display: none !important;
}

.mbold {
  font-weight: 600;
}

#kitmodel-bk input {
  padding: 0 0 0 5px !important;
  width: 54px;
  font-size: 1rem;
}

.fancybox-changemodels {
  display: none;
}

.kitmodel-bk .page-product-heading {
  background-color: #e6e6e7;
  color: #4f8a9d;
  padding: 15px 15px;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #f0f0f1;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-align: center;
}
.modelkit-line {
  display: flex;
  width: 100%;
  margin: 10px 0 20px;
}

.modelkit-line .img-bk {
  border: 1px solid #e6e6e7;
  border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.kit-addtocart {
  display: none !important;
}

.modelkit-line .img-bk img {
  width: 70px;
  height: auto;
}

.modelkit-line .content-bk {
  width: calc(100% - 70px);
  padding-left: 10px;
}
.modelkit-line .content-bk-top {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}

.modelkit-line .content-bk .content-bk-left {
  display: flex;
  flex-direction: column;
}

.modelkit-line .content-bk .content-bk-left .pname-bk {
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
}

.modelkit-line .content-bk .content-bk-left .pquantity {
  display: flex;
  margin-top: 15px;
  align-items: stretch;
}

.modelkit-line .content-bk .content-bk-left .kmqty {
  height: 100% !important;
}

.modelkit-line .content-bk .content-bk-left .pquantity .availability_value {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 2px 2px 0 2px;
}
.kitmodel-bk .label-success {
  background-color: #9bc669;
  color: #fff;
}
.kitmodel-bk .label-danger {
  background-color: #c6696c;
  color: #fff;
}

.fancybox-changemodel-container .othermodels .othermodel_stockstate .availability_value.label-success {
  color: #9bc669;
}

.fancybox-changemodel-container .othermodels .othermodel_stockstate .availability_value.label-danger {
  color: #c6696c;
}

.modelkit-line .content-bk .content-bk-left .otherselector {
  margin-top: 15px;
}

.modelkit-line .content-bk .content-bk-left .prefavailbale,
.modelkit-line .content-bk .content-bk-left .pref-bk {
  font-size: 0.8rem;
  font-style: italic;
}

.modelkit-line .content-bk .content-bk-left .pref-bk .pref {
  font-weight: 600;
  white-space: inherit;
  display: block;
}

.modelkit-line .content-bk .content-bk-right {
  text-align: right;
  display: flex;
  flex-direction: column;
}

.kitmodel-footer-bk {
  background-color: #e6e6e7;
  color: #4f8a9d;
  padding: 15px 15px;
  font-weight: 600;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 5px;
}

.modeltotals {
  margin-bottom: 25px;
  font-weight: 800;
  font-size: 1.6rem;
}

#product .fancybox-wrap,
#product .fancybox-skin {
  background-color: #fff !important;
}

.fancybox-changemodel-container {
  display: flex;
  flex-wrap: wrap;
}

.fancybox-changemodel-container .othermodels {
  display: flex;
  flex-direction: column;
  align-items: center;

  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid #e6e6e7;
  overflow: hidden;
  border-radius: 10px;
  height: 100%;
}

.fancybox-changemodel-container .card {
  margin: 10px 0;
}

.fancybox-changemodel-container .othermodels:not(.notavailable) {
  cursor: pointer;
}

.fancybox-changemodel-container .othermodels:not(.notavailable):hover,
.fancybox-changemodel-container .othermodels.selected:not(.notavailable) {
  border: 1px solid #4f8a9d;
}

.bottom-block {
  width: 100%;
  text-align: center;
}

.fancybox-changemodel-container .othermodels span.mp-name {
  display: block;
  padding: 5px 5px 0;
}

.fancybox-changemodel-container .othermodels .othermodel_stockstate {
  display: flex;
  justify-content: center;
}

.fancybox-changemodel-container .othermodels .othermodel_stockstate .availability_value {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  font-size: 0.75rem;
  background: none !important;
  border: none !important;
}

.fancybox-changemodel-container .othermodels .othermodel_stockstate .availability_value.label-danger {
  opacity: 0.3;
}

#product .fancybox-skin .fancybox-changemodel-container .othermodels.selected:not(.notavailable) span.mp-name {
  color: #4f8a9d !important;
}

#product .fancybox-skin .fancybox-changemodel-container .othermodels.notavailable span.mp-name,
#product .fancybox-skin .fancybox-changemodel-container .othermodels.notavailable span.mp-name span {
  color: #e6e6e7 !important;
}

.fancybox-changemodel-container .othermodels.notavailable img {
  opacity: 0.2;
}

.btn-changemodelacc,
.btn-addtopcart,
.btn-changemodel {
  width: fit-content !important;
  margin-top: 5px;
  padding: 4px !important;
}

.modelkit-line .content-bk .content-bk-left .pquantity .availability_value {
  font-size: 0.7rem;
}

.modelkit-line .content-bk .content-bk-left .pref-bk {
  font-size: 0.7rem;
}

.modelkit-line .content-bk .prefavailbale {
  display: block;
  margin: 4px 0;
  font-size: 0.7rem;
  font-style: italic;
}

span.price.unitprice,
span.price.totalprice {
  font-size: 0.8rem;
  width: 104px;
}

#product .btn.btn-primary.btn-addtopcart {
  width: var(--widthbtnaddtocart);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: calc(var(--global-radius) * 1.2);
  padding: 0.9rem 1.625rem !important;
  font-size: 1rem;
  background: -webkit-gradient(linear, left top, right top, from(var(--cartbtn-color-bg)), to(var(--cartbtn-color-bg-hover)));
  background: linear-gradient(to right, var(--cartbtn-color-bg), var(--cartbtn-color-bg-hover));
  background-size: 150%;
  border-color: var(--cartbtn-color-bg);
  color: var(--cartbtn-color-txt);
  -webkit-box-shadow: 0 0 16px 0 rgba(var(--primary-rgb), 0.16);
  box-shadow: 0 0 16px 0 rgba(var(--primary-rgb), 0.16);
  -webkit-transition: all 0.96s;
  transition: all 0.96s;
}