/* ORDER FORM */
.order-form.form{margin-top:0;}
.order-form legend{padding:1.5em 0 .5em;color:var(--color-secondary);font-size:1.5em;}
.order-form .option{margin:4px 0 10px;font-size:0.875em;}
.order-form .option label{margin:0 4px;font-weight:normal;}
.order-form__section{padding:1rem;background:var(--color-grey);}

/* ORDER FORM
Basket - ordered products */
.ordered-elements table{width:100%;border-collapse:collapse;border:1px solid var(--color-divider);font-size:1em;}
.ordered-elements tr > *{padding:5px 7px;background:var(--color-white);font-weight:normal;text-align:left;vertical-align:middle;}
.ordered-elements thead td{padding:5px;background:var(--color-lola1);color:var(--color-primary);}
.ordered-elements thead em{padding:0 4px 0 0;font-style:normal;}
.ordered-elements .image{max-width:80px;max-height:80px;}
.ordered-elements .image img{max-width:100%;max-height:100%;}
.ordered-elements .price{text-align:right;}
.ordered-elements .quantity{width:100px;text-align:right;}
.ordered-elements .quantity input{text-align:right;}
.ordered-elements .quantity label{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
.ordered-elements tfoot .summary > *{padding:10px;font-size:1.25em;}
.ordered-elements .recount th{text-align:right;}
.ordered-elements .recount input{padding:3px 8px;font-size:0.875em;}
#basket-options{width:100%;margin-top:1rem;}
#basket-options li{display:inline-block;width:49.3%;}
#basket-options .checkout{text-align:right;font-size:1.125em;}
#basket-options .btn.continue{background:#666;}
#basket-options .btn.continue:hover{background:var(--color-primary);}
@media screen and (max-width:600px){
  .ordered-elements .order-form__section{padding:0;}
  .ordered-elements tr{display:flex;flex-wrap:wrap;padding:.5rem 0 0;border:0;}
  .ordered-elements tr > *{border:0;flex-grow:1;}
  .ordered-elements .quantity{text-align:left;}
  .ordered-elements .name{order:-1;flex-basis:100%;font-size:1.125rem;}
  .ordered-elements thead .price{text-align:left;}
  .ordered-elements tbody .summary{font-size:1.125rem;}

  .ordered-elements .price:not(.summary), .ordered-elements .options, .ordered-elements tfoot td{display:none;}
}

/* ORDER FORM
Client data - delivery address */
#checkout{display:none;margin-top:0;}

/* ORDER FORM
Client data - for invoice */
#invoice-data{display:none;transition:display 1s ease;}

/* ORDER FORM
Shipping AND payment methods */
.delivery{display:flex;flex-flow:row wrap;}
.delivery__el{flex:0 0 32%;min-width:300px;margin:15px .6%;text-align:center;}
.delivery__choose{width:100%;height:100%;padding:1rem;border:1px solid #e0e0e0;border-top:5px solid #e0e0e0;}
.delivery__image{padding-bottom:.5rem;}
.delivery__image img{width:100px;max-height:80px;}
.delivery__description{color:#888;font-weight:normal;}
.delivery__el .radio:checked + .delivery__choose{color:var(--color-primary);border-color:var(--color-primary);background-color:#fff;}
.delivery__choose:hover{background-color:#fff;}
/* Payment custom styles */
.delivery.payment .price strong:before{content:'+';font-weight:normal;font-size:1rem;}
/* Custom radio - margins */  
.delivery .radio + label:before,
.delivery .radio + label:after{margin:1rem 0 0 1rem;}
/* Payment channels */
#paymentChannels legend{padding-top:0;font-size:1.25rem}
.payment-channels .delivery__el{flex:0 0 auto;margin:0;min-width:156px;}
.payment-channels .delivery__name{display:inline-block;max-width:110px;font-weight:normal;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ORDER FORM
Footer */
#orderComment{display:none;}
#order-summary{padding: 1.5em 0 .5em;text-align:center;}
#checkout .save{margin-top:1rem;}

/* ORDER SAVED DETAILS/SUMMARY */
/* Online payment button */
.order__make-payment{display:inline-block;margin:1rem 0;padding:.4em 1em;background:var(--color-primary);color:#fff;text-decoration:none;transition:all 0.3s ease;}
.order__make-payment:hover, .order__make-payment:focus{background:var(--color-primary);color:#fff;text-decoration:none;cursor:pointer;}
/* Payment and shipping */
.order-foot{display:flex;flex-direction:column;}
.order-foot__row{position:relative;padding-bottom:1em;border-bottom:1px solid var(--color-divider);}
.order-foot__name{font-weight:bold;}
.order-foot__price{position:absolute;right:0;top:0;}
.order-foot__image{float:left;width:100px;margin:0 1em .5em 0;}

/* USER ORDERS HISTORY */
.details-list .legend{padding:1em 0 0.5em;background:inherit;color:#2e6a97;font-size:1.2em;font-weight:bold;}
.details-list dl{display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:#f8f8f8;}
.details-list dt, .details-list dd{display:inline-block;width:40%;margin:0;padding:3px 0;vertical-align:top;}
.details-list dt{clear:left;text-align:right;}
.details-list dd{padding-left:2%;font-weight:bold;}
.details-list .comment{font-weight:normal;}