/*-------------------------- BEGIN CART-------------------------------*/
/* --- RECAP DES PRODUITS --- */
#cart .cart-grid-body.col-lg-8 {
    max-height: 60vh;
    overflow-y: scroll;
    padding: unset;
    width: 55%;
}
#cart h1.h1 {
    text-transform: unset;
}

#cart .cart-items .product-line-grid {
    display: grid;
    grid-template-columns: 25% 75%;
}

#cart .product-line-grid a.cart_detail_product_name {
    font-weight: unset;
    color: black;
}
#cart .product-line-grid a.cart_detail_product_name:hover {
    font-weight: bold;
}

#cart .product-line-grid .product-line-info {
    margin-bottom: 3%;
}

#cart .product-line-grid .product-price {
    display: inline-block;
    max-width: 100%;
    color: black; 
    font-size: 0.8rem;
}
 
#cart .product-line-grid .product-line-grid-body {
    position: relative;
    padding: 2%;
}
#cart .product-line-grid .cart-line-product-actions {
    position: absolute;
    right: 5%;
    bottom: 2%;
}
#cart .product-line-grid .product-qty-price-line {
    position: absolute;
    bottom: 2%;
    width: 50%;
    display: flex;
    align-items: center;  
}

#cart .product-line-grid .product-qty-price-line .price {
    margin-left: 5%;
    display: flex;
    align-items: center;
}
#cart .cart-item:nth-child(odd) {
    background-color: #F3F3F3;
}
 
#cart .cart-item:nth-child(even) {
    background-color: #ffffff;
} 
#cart .cart-item {
    padding: 1rem 1rem;
}
#cart .cart-grid-body .card-block, .cart-grid-body .cart-overview {
    padding: 1rem;
    padding-right: unset;
}
#cart .remove-from-cart span {
    text-decoration: underline;
}
#cart .remove-from-cart span:hover {
    font-weight: bold;
} 
#cart .cart-grid-right {
    padding-left: 5%;
    width: 40%;
    float: left;
}
#cart .product-line-grid-left {
    display: flex;
    align-items: center;
}
/*--- MOBILE ---*/
@media (max-width:1075px) { 
    #cart .cart-grid-body .card-block, .cart-grid-body .cart-overview {
        padding: unset;
    }
    #cart .cart-grid-body.col-lg-8 {
        max-height: 60vh;
        overflow-y: scroll;
        padding: unset;
        width: 100%;
    } 
    #cart .cart-items .product-line-grid {
        display: grid;
        grid-template-columns: 30% 70%;
    }
    #cart .cart-item {
        padding: 1rem 0rem;
    }
    #cart .product-line-grid .product-qty-price-line {
        position: unset;
        width: unset; 
    }
    #cart .product-line-grid .product-line-grid-body { 
        margin: unset;
    }
    #cart .product-line-grid .cart-line-product-actions { 
        bottom: 1%;
    } 
}
/* --- RECAP DE COMMANDE DANS PANIER --- */
.block-promo .promo-input+button {
    margin-top: unset; 
    margin-left: unset; 
    text-transform: capitalize;
    font-weight: unset;
    border: 2px solid black;
}
.block-promo .promo-input+button:hover { 
    border: 2px solid #7A7A7A;
}
.block-promo .promo-code-button.cancel-promo {
    margin-bottom: 0;
    color: black;
}

#cart .cart-summary-line .label, .cart-summary-line .value {
    font-size: 1rem;
    font-weight: unset;
}
/*--- MOBILE ---*/
@media (max-width:1075px) {  
    #cart .cart-grid-right {
        padding: unset;
        width: 100%;
        float: left;
    }
}
/*--------------------------END CART-------------------------------*/

/*-------------------------- BEGIN CHECKOUT-------------------------------*/ 
#checkout .step-title span.step-edit.text-muted {
    color: black !important;
    text-transform: capitalize !important;
    font-weight: bold !important;
} 
#checkout .step-title span.step-edit.text-muted:hover {
    color: #7A7A7A !important; 
} 
#checkout button.continue.btn.btn-primary.float-xs-right {
    font-weight: unset;
    text-transform: capitalize;
}
@media (max-width:1075px) { 
    body#checkout section.checkout-step {
        padding: 0.5rem 0rem; 
    }
}
/* --- STEP 1 : INFORMATIONS PERSONNELLES --- */
#checkout #checkout-personal-information-step a {
    font-weight: bold;
}
#checkout #checkout-personal-information-step a:hover {
    color :#7A7A7A;
}
body#checkout section.checkout-step.-reachable.-current .step-number{
    background-color: black;
    font-weight: bold;
}
body#checkout section.checkout-step .step-title { 
    font-size: 1.5rem;
    font-weight: 800;
    text-transform: unset; 
}
/*--- MOBILE ---*/
@media (max-width:1075px) {  
    body#checkout section.checkout-step .step-title {
        font-size: 1rem; 
        padding-bottom: 1rem;
    }
    body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
        float: right;
        margin-top: unset;
        margin-left: unset; 
    } 
}
/* --- STEP 2 : ADRESSES --- */ 
body#checkout section.checkout-step .radio-block {
    padding: .9375rem;
    text-align: left;
    cursor: pointer;
    width: 100%;
}
body#checkout section.checkout-step .address-item.selected {
    background: #fff;
    border: black 3px solid;
}
body#checkout section.checkout-step .address-alias { 
    font-weight: bold; 
}
body#checkout section.checkout-step footer.address-footer {
    display: grid;
    grid-template-columns: 50% 50%;
}
body#checkout section.checkout-step a.edit-address.text-muted {
    background-color: black;
    color: white !important;
    padding: 2%;
}

body#checkout section.checkout-step a.delete-address.text-muted {
    background-color: #7A7A7A;
    color: white !important;
    padding: 2%;
}

body#checkout section.checkout-step a.edit-address.text-muted i,body#checkout section.checkout-step a.delete-address.text-muted i{
    display: none;
}

body#checkout section.checkout-step .address { 
    font-weight: 200;
}


#delivery-addresses p.add-address, #invoice-addresses p.add-address {
    position: absolute;
    right: 1%;
    top: -20%;
}
#delivery-addresses, #invoice-addresses {
    position: relative;
    margin-bottom: 2%;
}
body#checkout p.info_address_unique {
    margin-bottom: 5%;
}
body#checkout .js-address-form section.form-fields .form-group.row label.col-md-3.form-control-label {
    width: 100%;
}
body#checkout .js-address-form section.form-fields .col-md-3.form-control-comment {
    width: 100%;
}
body#checkout .js-address-form  section.form-fields {
    display: grid;
    grid-template-columns: 50% 50%;
}
body#checkout .js-address-form  section.form-fields .col-md-6.js-input-column {
    width: 90%;
}

/*--- MOBILE ---*/
@media (max-width:1075px) {  
    body#checkout .js-address-form section.form-fields {
        display: block;
    }
    #delivery-addresses p.add-address, #invoice-addresses p.add-address {
        position: unset; 
    }
    body#checkout section.checkout-step .address-item.selected {
        background: #F6F6F6; 
    }
    body#checkout section.checkout-step .address-item>header {
        min-height: 5rem;
    }
    body#checkout #checkout-addresses-step h2.h4 {
        margin-top: 5%;
    } 
} 

/* --- STEP 3 : MODE DE LIVRAISON --- */
body#checkout .delivery-options-list .delivery-options {
    display: grid;
    grid-template-columns: 45% 45%;
    gap: 2%;
}
body#checkout section.checkout-step p.carrier-name, body#checkout section.checkout-step p.carrier-price {
    font-weight: 700; 
} 
body#checkout section.checkout-step p.carrier-name,body#checkout section.checkout-step p.carrier-price,body#checkout section.checkout-step p.carrier-delay { 
    margin-bottom: 2%;
}

body#checkout .col-md-8.carriere-name-container.carrier-hasLogo {
    width: 70%;
}
body#checkout section.checkout-step p.carrier-price {
    text-transform: capitalize;
}
body#checkout .col-xs-12.col-md-4.carrier-logo {
    width: 20%;
    display: flex;
    align-items: center;
}
body#checkout  .row.delivery-option.js-delivery-option {
    width: 100%;
    margin: unset;
}
body#checkout .col_address_block.selected {
    border: 1px solid black;
}
body#checkout .col_address_block{
    background-color: #F6F6F6;
}
body#checkout section.checkout-step .delivery-options .delivery-option{
    margin: unset;
}
body#checkout section.checkout-step .delivery-options .delivery-option .col-sm-1 {
    display: none;
}
body#checkout .row.carrier-extra-content.js-carrier-extra-content {
    margin: unset;
    margin-left: 3%;
}
body#checkout .row.carrier-extra-content.js-carrier-extra-content button {
    font-weight: unset;
    text-transform: unset;
}
body#checkout .order-options {
    margin-top: 5%;
}
body#checkout #colissimo-pickup-point-address-selected{
    border: unset;
}

/*--- MOBILE ---*/ 
@media (max-width:1075px) {   
    body#checkout .delivery-options-list .delivery-options {
        display: block; 
    }
    body#checkout .col_address_block {
        background-color: #F6F6F6;
        margin-bottom: 5%;
    }
    body#checkout section.checkout-step .delivery-options .delivery-option label {
        width: 100%;
    }
    body#checkout .col-xs-12.col-md-4.carrier-logo {
        display: block;
        margin: auto;
        width: fit-content;
    }
    body#checkout section.checkout-step p.carrier-price {
        text-transform: capitalize;
        text-align: right;
        padding-right: 5%;
        padding-top: 5%;
    }
    body#checkout section.checkout-step #colissimo-pickup-point-address-selected header .colissimo-pickup-point-address {
        padding: 5% 0 0 0;
    }
    body#checkout section.checkout-step input#colissimo-pickup-mobile-phone {
        width: 100%;
    }

    body#checkout section.checkout-step .order-options #delivery label {
        line-height: unset;
        margin-bottom: unset;
    }
} 
/* --- STEP 4 : PAIEMENT --- */
body#checkout .ps_checkout-button button.btn.btn-primary.center-block {
    background: black;
    text-transform: unset;
    font-weight: unset;
    width: 100%;
}
body#checkout .payment-option .paypal-marks .paypal-mark{
    border: unset;
} 
/* --- SUMMARY --- */
body#checkout #js-checkout-summary li.media:nth-child(odd) {
    background-color: #F6F6F6; 
}
body#checkout #js-checkout-summary .product-price {
    display: inline-block;
    max-width: 100%;
    color: black; 
} 
body#checkout div#cart-summary-product-list {
    max-height: 20vh;
    overflow-y: scroll;
}
body#checkout #js-checkout-summary li.media {
    padding: 2%;
}
body#checkout #js-checkout-summary span.product-name { 
    text-decoration: unset;
}
body#checkout #js-checkout-summary span.product-name a:hover { 
    color: #7A7A7A;
}
body#checkout .cart-grid-right .card .cart-summary-subtotals-container .cart-summary-line .value {
    font-weight: unset;
}
/*-----------END CHECKOUT-------------------------------*/