// Name:            DJC_Cart
// Description:     Cart component
//
// Component:       `djc_cart`
//
// Sub-objects:     `djc_qty_btn`
//                  `djc_qty_dec`
//                  `djc_qty_inc`
//                  `btndjc_addtocart_btn`
// ========================================================================

// Variables
// ========================================================================

// ========================================================================

// Button Addtocart
// ========================================================================

@djc_addtocart-border-width:                  2px;
@djc_addtocart-padding-left:                  6px;
@djc_addtocart-padding-right:                 6px;
@djc_addtocart-padding-top:                   1px;
@djc_addtocart-padding-bottom:                1px;
@djc_addtocart-background-color:              rgb(239,239,239);

// ========================================================================

// Quantity inc
// ========================================================================

@djc_qty_inc-padding-left:                    5px;
@djc_qty_inc-padding-right:                   5px;
// ========================================================================

// Quantity dec
// ========================================================================

@djc_qty_dec-padding-left:                    5px;
@djc_qty_dec-padding-right:                   5px;
// ========================================================================

// Quantity btn
// ========================================================================

@djc_qty_btn-border-top-color:                 rgb(221,221,221);
@djc_qty_btn-border-top-style:                 solid;
@djc_qty_btn-border-top-width:                 1px;
@djc_qty_btn-border-right-color:               rgb(221,221,221);;
@djc_qty_btn-border-right-style:               solid;
@djc_qty_btn-border-right-width:               1px;
@djc_qty_btn-border-bottom-color:              rgb(221,221,221);;
@djc_qty_btn-border-bottom-style:              solid;
@djc_qty_btn-border-bottom-width:              1px;
@djc_qty_btn-border-left-color:                rgb(221,221,221);;
@djc_qty_btn-border-left-style:                solid;
@djc_qty_btn-border-left-width:                1px;

// ========================================================================

// Quantity input
// ========================================================================

@djc_qty_input-border-top-color:                 rgb(221,221,221);
@djc_qty_input-border-top-style:                 solid;
@djc_qty_input-border-top-width:                 1px;
@djc_qty_input-border-right-color:               rgb(221,221,221);;
@djc_qty_input-border-right-style:               solid;
@djc_qty_input-border-right-width:               1px;
@djc_qty_input-border-bottom-color:              rgb(221,221,221);;
@djc_qty_input-border-bottom-style:              solid;
@djc_qty_input-border-bottom-width:              1px;
@djc_qty_input-border-left-color:                rgb(221,221,221);;
@djc_qty_input-border-left-style:                solid;
@djc_qty_input-border-left-width:                1px;
@djc_qty_input-text-align:                       center;
@djc_qty_input-padding-left:                     0px;
@djc_qty_input-padding-right:                    0px;
@djc_qty_input-padding-top:                      0px;
@djc_qty_input-padding-bottom:                   0px;
@djc_qty_input-max-width:                        40px;
@djc_qty_input-height:                           100%;
@djc_qty_input-margin-left:                      -3px;
@djc_qty_input-margin-right:                     -3px;

/* ========================================================================
   Component: DJC_Cart
 ========================================================================== */
.djc_qty_input {
  border-top-color: @djc_qty_input-border-top-color;
  border-top-style: @djc_qty_input-border-top-style;
  border-top-width: @djc_qty_input-border-top-width;
  border-right-color: @djc_qty_input-border-right-color;
  border-right-style: @djc_qty_input-border-right-style;
  border-right-width: @djc_qty_input-border-right-width;
  border-bottom-color: @djc_qty_input-border-bottom-color;
  border-bottom-style: @djc_qty_input-border-bottom-style;
  border-bottom-width: @djc_qty_input-border-bottom-width;
  border-left-color: @djc_qty_input-border-left-color;
  border-left-style: @djc_qty_input-border-left-style;
  border-left-width: @djc_qty_input-border-left-width;
  text-align: @djc_qty_input-text-align;
  padding-left: @djc_qty_input-padding-left;
  padding-right: @djc_qty_input-padding-right;
  padding-top: @djc_qty_input-padding-top;
  padding-bottom: @djc_qty_input-padding-bottom;
  max-width: @djc_qty_input-max-width;
  height: @djc_qty_input-height;
  margin-left: @djc_qty_input-margin-left;
  margin-right: @djc_qty_input-margin-right;
}
.btndjc_addtocart_btn {
  border-width: @djc_addtocart-border-width;
  padding-left: @djc_addtocart-padding-left;
  padding-right: @djc_addtocart-padding-right;
  padding-top: @djc_addtocart-padding-top;
  padding-bottom: @djc_addtocart-padding-bottom;
  background-color: @djc_addtocart-background-color;
}
.djc_qty_btn {
  border-top-color: @djc_qty_btn-border-top-color;
  border-top-style: @djc_qty_btn-border-top-style;
  border-top-width: @djc_qty_btn-border-top-width;
  border-right-color: @djc_qty_btn-border-right-color;
  border-right-style: @djc_qty_btn-border-right-style;
  border-right-width: @djc_qty_btn-border-right-width;
  border-bottom-color: @djc_qty_btn-border-bottom-color;
  border-bottom-style: @djc_qty_btn-border-bottom-style;
  border-bottom-width: @djc_qty_btn-border-bottom-width;
  border-left-color: @djc_qty_btn-border-left-color;
  border-left-style: @djc_qty_btn-border-left-style;
  border-left-width: @djc_qty_btn-border-left-width;
}
.djc_qty_inc {
  padding-left: @djc_qty_inc-padding-left;
  padding-right: @djc_qty_inc-padding-right;
}
.djc_qty_dec {
  padding-left: @djc_qty_dec-padding-left;
  padding-right: @djc_qty_dec-padding-right;
}