// Name:            DJC_Checkout
// Description:     DJC Checkout component
//
// Component:       `djc_cart`
//
// Sub-objects:     `djc_image`,`djc_checkout_btn`
//
// ========================================================================

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

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

// Checkout step
// ========================================================================

@djc_checkout_step-float:                         left;
@djc_checkout_step-width:                         33%;
@djc_checkout_step-margin-top:                    0px;
@djc_checkout_step-margin-bottom:                 0px;
@djc_checkout_step-margin-left:                   0px;
@djc_checkout_step-margin-right:                  0px;
@djc_checkout_step-box-sizing:                    border-box;
@djc_checkout_step-padding-top:                   16px;
@djc_checkout_step-position:                      relative;
@djc_checkout_step-text-align:                    center;

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

// Total label
// ========================================================================

@djc_ft_total_label-text-align:                   right;
@djc_ft_total_label-padding-left:                 5px;
@djc_ft_total_label-padding-right:                5px;
@djc_ft_total_label-padding-bottom:               20px;
@djc_ft_total_label-padding-top:                  20px;
@djc_ft_total_label-font-weight:                  bold;

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

// Image
// ========================================================================

@djc_cart_image-float:                          left;
@djc_cart_image-margin-top:                     0px;
@djc_cart_image-margin-bottom:                  0px;
@djc_cart_image-margin-left:                    0px;
@djc_cart_image-margin-right:                   1em;

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

// Checkout button
// ========================================================================

@djc_cart_checkoutbtn-background-color:               #F91B24;
@djc_cart_checkoutbtn-color:                          #fff;
@djc_cart_checkoutbtn-border-top-color:               transparent;
@djc_cart_checkoutbtn-border-top-style:               solid;
@djc_cart_checkoutbtn-border-top-width:               1px;
@djc_cart_checkoutbtn-border-bottom-color:            transparent;
@djc_cart_checkoutbtn-border-bottom-style:            solid;
@djc_cart_checkoutbtn-border-bottom-width:            1px;
@djc_cart_checkoutbtn-border-left-color:              transparent;
@djc_cart_checkoutbtn-border-left-style:              solid;
@djc_cart_checkoutbtn-border-left-width:              1px;
@djc_cart_checkoutbtn-border-right-color:             transparent;
@djc_cart_checkoutbtn-border-right-style:             solid;
@djc_cart_checkoutbtn-border-right-width:             1px;
@djc_cart_checkoutbtn-hover-background-color:         inherit;
@djc_cart_checkoutbtn-hover-color:                    inherit;
/* ========================================================================
   Component: DJC_Checkout
 ========================================================================== */

.djc_cart_table .djc_td_title .djc_image {
  float: @djc_cart_image-float;
  margin-top: @djc_cart_image-margin-top;
  margin-bottom: @djc_cart_image-margin-bottom;
  margin-left: @djc_cart_image-margin-left;
  margin-right: @djc_cart_image-margin-right;
}
.djc_checkout_btn:hover {
  background-color: @djc_cart_checkoutbtn-hover-background-color;
  color: @djc_cart_checkoutbtn-hover-color;
}
.djc_checkout_btn {
  background-color: @djc_cart_checkoutbtn-background-color;
  color: @djc_cart_checkoutbtn-color;
  border-top-color: @djc_cart_checkoutbtn-border-top-color;
  border-top-style: @djc_cart_checkoutbtn-border-top-style;
  border-top-width: @djc_cart_checkoutbtn-border-top-width;
  border-bottom-color: @djc_cart_checkoutbtn-border-bottom-color;
  border-bottom-style: @djc_cart_checkoutbtn-border-bottom-style;
  border-bottom-width: @djc_cart_checkoutbtn-border-bottom-width;
  border-left-color: @djc_cart_checkoutbtn-border-left-color;
  border-left-style: @djc_cart_checkoutbtn-border-left-style;
  border-left-width: @djc_cart_checkoutbtn-border-left-width;
  border-right-color: @djc_cart_checkoutbtn-border-right-color;
  border-right-style: @djc_cart_checkoutbtn-border-right-style;
  border-right-width: @djc_cart_checkoutbtn-border-right-width;
}

.djc_cart_table .djc_ft_total_label {
  text-align: @djc_ft_total_label-text-align;
  padding-left: @djc_ft_total_label-padding-left;
  padding-right: @djc_ft_total_label-padding-right;
  padding-bottom: @djc_ft_total_label-padding-bottom;
  padding-top: @djc_ft_total_label-padding-top;
  font-weight: @djc_ft_total_label-font-weight;
}
.djc_checkout_progress .djc_checkout-step {
  float: @djc_checkout_step-float;
  width: @djc_checkout_step-width;
  margin-top: @djc_checkout_step-margin-top;
  margin-bottom: @djc_checkout_step-margin-bottom;
  margin-left: @djc_checkout_step-margin-left;
  margin-right: @djc_checkout_step-margin-right;
  box-sizing: @djc_checkout_step-box-sizing;
  padding-top: @djc_checkout_step-padding-top;
  position: @djc_checkout_step-position;
  text-align: @djc_checkout_step-text-align;
}