/* ADD TO CART */
.add-to-cart{}
.add-to-cart--unit-price{ display: inline-block;}
.add-to-cart--unit-price-old{ display: inline-block;}
.add-to-cart--unit-price + .add-to-cart--unit-price-old{margin-left: 10px;}
.add-to-cart--unit-price span{ color: var(--main-color-2); font-size: clamp(20px, 17.117px + 0.901vw, 30px); font-weight: 600; }
.add-to-cart--unit-price-old span{ text-decoration: line-through; opacity: 0.7; font-size: clamp(16px, 14.270px + 0.541vw, 22px);}
.add-to-cart--reference{margin-bottom: 15px;}
.add-to-cart--quantity{ display: flex; border-radius: 100px; border: 1px solid #d9d9d9; padding: 6px; align-items: center; gap: 6px; }
.add-to-cart--quantity-minus{ aspect-ratio: 1/1; border-radius: 100px; width: 36px; padding: 0; height: 36px; background: #f3f3f3; color: var(--main-color-5); }
.add-to-cart--quantity-input{ width: 100%; border: none; text-align: center; font-weight: 600; font-size: var(--content-p-font-size); color: var(--main-color-5); height: 36px; padding: 0;}
.add-to-cart--quantity-input{ appearance: textfield; -moz-appearance: textfield; -webkit-appearance: none; }
.add-to-cart--quantity-input::-webkit-inner-spin-button, .add-to-cart--quantity-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.add-to-cart--quantity-input { appearance: none; -moz-appearance: textfield; -webkit-appearance: none; -ms-appearance: none; /* IE10+ */ }
.add-to-cart--quantity-input::-webkit-inner-spin-button,  .add-to-cart--quantity-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.add-to-cart--quantity-input[type=number] {-moz-appearance: textfield;}
.add-to-cart--quantity-input::-webkit-inner-spin-button,  .add-to-cart--quantity-input::-webkit-outer-spin-button{ /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ }
.add-to-cart--quantity-plus{ aspect-ratio: 1 / 1; border-radius: 100px; width: 36px; padding: 0; height: 36px; background: #f3f3f3; color: var(--main-color-5); }
.add-to-cart--button-buy{height: 50px;}
.add-to-cart--button-buy i{line-height: 0; font-size: 24px;}
.add-to-cart--total-price{ display: flex ; align-items: center; gap: 10px; }
.add-to-cart--total-price *{margin-top: 0; margin-bottom: 0; font-size: clamp(16px, 14.270px + 0.541vw, 22px);}
.add-to-cart--alert{ padding: 5px 10px; border-radius: 5px; background-color: #E3CAE2; color: var(--main-color-2); margin-top: 15px; }
.add-to-cart--alert strong,
.add-to-cart--alert p{color: var(--main-color-2); font-size: 14px;}
/* .add-to-cart--alert .alert--title::before { font-family: "FontAwesome"; content: "\21"; background-color: var(--main-color-2); color: #E3CAE2; width: 28px; aspect-ratio: 1 / 1; border-radius: 50%; display: inline-flex ; align-items: center; justify-content: center; margin-right: 5px; } */

/* FLOATING CART */
.cart-sidebar{}
.cart-sidebar--title{font-size: var(--content-h4-font-size); margin-bottom: 15px;}
.cart-sidebar--close { background-color: #fff; position: absolute; right: 100%; top: 100px; line-height: 40px; height: 40px; width: 40px; border: 0; background-color: #fff; transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center;}
.cart-sidebar--close i{transition: all 0.3s ease-in-out;}
.cart-sidebar--close:hover{background-color: var(--main-color-3); color: #fff;}
.cart-sidebar--close:hover i{ color: #fff;}

.cart-sidebar--container{ display: flex ; flex-direction: column; overflow-y: unset; padding: 15px; height: 100%;}
.cart-sidebar--products{ flex-grow: 1; display: flex ; flex-direction: column; overflow: hidden; margin-bottom: 20px; }
#floatcart{overflow-y: auto; overflow-x: hidden;}
.cart-sidebar--products-list{height: 100%;}
.cart-sidebar--product{}
.cart-sidebar--product-count{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.cart-sidebar--product:not([id="clone-product-cart"]) + .cart-sidebar--product{margin-top: 10px; padding-top: 10px; border-top: 1px solid #e4e4e4;}
.product-item{position: relative;}
.product-item--miniature{}
.product-item--miniature a{}
.product-item--miniature a img{ border-radius: 15px; border: 1px solid #E4E4E4; width: 100%; object-fit: contain; aspect-ratio: 3 / 4; padding: 3px; }
.product-item--name{}
.product-item--name a{}
.product-item--name a:hover{text-decoration: none; color: var(--main-color-3);}
.product-item--remove{ position: absolute; top: 25px; right: 3px; }
.product-item--remove button { background: #fff; border: none; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.product-item--remove button i{transition: all 0.3s ease-in-out;}
.product-item--remove button:hover i,
.product-item--remove button:hover{color: var(--main-color-2);}
.product-item--quantity span{background-color: #d9d9d9; font-size: 12px; border-radius: 5px; padding: 2px 8px;}
.product-item--unit-price{ display: inline-block;}
.product-item--unit-price-old{ display: inline-block; display: none;}
.product-item--unit-price + .product-item--unit-price-old{margin-left: 10px;}
.product-item--unit-price span{ color: var(--main-color-2); font-weight: 600; }
.product-item--unit-price-old span{ text-decoration: line-through; opacity: 0.7; }

.cart-sidebar--summary{}
.cart-sidebar--price-taxes{display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; padding-top: 15px; border-top: 1px solid #e4e4e4; }
.cart-sidebar--price-taxes p{margin-bottom: 0;}
.cart-sidebar--checkout-button .btn{width: 100%;}

.cart-sidebar--empty{display: none;}
.cart-sidebar--empty-content .btn{margin: 0 auto !important;}
.cart-sidebar--empty-title{font-weight: 600; text-align: center; margin-bottom: 15px; font-size: var(--content-h5-font-size);}
.cart-sidebar--empty-text{margin-bottom: 15px; text-align: center;}
.cart-sidebar--empty-icon{ border-radius: 50%; width: fit-content; overflow: hidden; /* padding: 5px; */ margin: 0 auto 15px; }
.cart-sidebar--empty-icon img{ height: 70px; width: auto; padding: 12px; background: #d9d9d9; }

.empty-cart .cart-sidebar--empty{display: block;}
.empty-cart .cart-sidebar--products{display: none;}

/* CART PAGE */

.cart-page--coupon{}
.cart-page--coupon .form-group{position: relative;}
.cart-page--coupon button{ position: absolute; top: 0; right: 0; height: 100%; border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius: var(--form-input-border-radius); border-bottom-right-radius: var(--form-input-border-radius); }
.cart-page--coupon input{ height: var(--form-input-height); border-radius: var(--form-input-border-radius); border: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color); background: var(--form-input-bg); color: var(--form-input-color); font-size: var(--form-input-font-size); margin-top: var(--form-input-margin-top); margin-bottom: var(--form-input-margin-bottom); margin-left: var(--form-input-margin-left); margin-right: var(--form-input-margin-right); padding-top: var(--form-input-padding-top); padding-bottom: var(--form-input-padding-bottom); padding-left: var(--form-input-padding-left); padding-right: var(--form-input-padding-right); }

.cart-page--navigation .navigation-buttons{display: flex; justify-content: end; gap: 15px;}

.empty-cart-page--empty{display: none;}
.empty-cart-page--empty-content .btn{margin: 0 auto !important;}
.empty-cart-page--empty-title{font-weight: 600; text-align: center; margin-bottom: 15px; font-size: var(--content-h5-font-size);}
.empty-cart-page--empty-text{margin-bottom: 15px; text-align: center;}
.empty-cart-page--empty-icon{ border-radius: 50%; width: fit-content; overflow: hidden; /* padding: 5px; */ margin: 0 auto 15px; }
.empty-cart-page--empty-icon img{ height: 70px; width: auto; padding: 12px; background: #d9d9d9; }

/* CART TABLE */
.cart-table{border: none;}
.cart-table tbody tr td{vertical-align: middle; color: var(--content-p-color); text-align: center;}
.cart-table--head-item{padding: 0 10px 10px !important; color: var(--content-p-color); border-right: none !important;}
.cart-table--head-total-price{text-align: right;}
.cart-table--head-unit-price{min-width: 150px;}
.cart-table--head-quantity{width: 150px; text-align: center;}
.cart-table--head-title{min-width: 400px;}
.cart-table--item{}
.cart-table--item td{border-right: 0 !important; padding: 10px !important;}
.table-item--miniature{}
.table-item--miniature img{ width: 100%; object-fit: contain; aspect-ratio: 3 / 4; max-width: 80px; }
.table-item--title{text-align: left !important;}
.table-item--title a{color: var(--content-p-color);}
.table-item--title a:hover{color: var(--content-a-hover-color); text-decoration: none;}
.table-item--custom-text{}
.table-item--unit-price{}
.table-item--quantity{}
.table-item--units{text-align: center; margin-top: 10px; display: none;}
.table-item--delete{text-align: center;}
.table-item--delete button{ margin: 0 auto; border: none; background: unset; font-size: 18px; text-align: center; transition: all 0.3s ease-in-out;}
.table-item--delete button:hover{color: var(--main-color-2);}
.table-item--item-total-price{}
.table-item--total-price{}

tfoot td{padding: 10px !important; border-right: 0 !important;}

.item--quantity{ display: flex; border-radius: 100px; border: 1px solid #d9d9d9; padding: 6px; align-items: center; gap: 6px; }
.item--quantity-minus{ aspect-ratio: 1/1; border-radius: 100px; width: 36px; padding: 0; height: 36px; background: #f3f3f3; color: var(--main-color-5); }
.item--quantity-input{ width: 100%; border: none; text-align: center; font-weight: 600; font-size: var(--content-p-font-size); color: var(--main-color-5); height: 36px; padding: 0;}
/* .item--quantity-input{ appearance: textfield; -moz-appearance: textfield; -webkit-appearance: none; } */
/* .item--quantity-input::-webkit-inner-spin-button, .add-to-cart--quantity-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } */
.item--quantity-input { appearance: none; -moz-appearance: textfield; -webkit-appearance: none; -ms-appearance: none; /* IE10+ */ }
.item--quantity-input::-webkit-inner-spin-button,  .item--quantity-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.item--quantity-input[type=number] {-moz-appearance: textfield;}
.item--quantity-input::-webkit-inner-spin-button,  .item--quantity-input::-webkit-outer-spin-button{ /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ }
  .quantity_wanted input[type=number] {    -moz-appearance:textfield; /* Firefox */}
.item--quantity-plus{ aspect-ratio: 1 / 1; border-radius: 100px; width: 36px; padding: 0; height: 36px; background: #f3f3f3; color: var(--main-color-5); }

/* RESPONSIVE CART TABLE */
@media only screen and (max-width: 991px) {
    .cart-table thead{display: none;}
    .cart-table , .cart-table tbody, .cart-table--item{display: block;}
    .cart-table--item {margin-bottom: 25px; border: 1px solid #eee;}
    .cart-table--item td{display: block; text-align: right !important;}
    .cart-table--item td:last-child{border-bottom: none;}
    .cart-table--item td::before{ content: attr(data-label); float: left; font-weight: bold; }
    .table-item--title a{width: 80%; margin-left: auto; display: block;}
    .item--quantity{ max-width: 150px; margin-left: auto; }

    tfoot { display: block; border: 1px solid #eee; }
    tfoot tr{ width: 100%; display: flex ; justify-content: end; border-bottom: 1px solid #eee; }
    tfoot tr:last-child{border-bottom: none;}
    tfoot tr td{border-bottom: 0 !important;}
}

/* DIRECCIONES */
.address-item--actions{ position: absolute; top: 15px; right: 30px; gap: 5px; display: flex; }
.address-item--content p{margin: 0;}
.address-item--actions .btn{ padding: 5px; border-radius: 5px; }

#address-form .form-group{margin-bottom: 10px;}
#address-form .form-group select,
#address-form .form-group input{ height: var(--form-input-height); border-radius: var(--form-input-border-radius) !important; border: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color); background: var(--form-input-bg); color: var(--form-input-color); font-size: var(--form-input-font-size); margin-top: 10px; margin-bottom: var(--form-input-margin-bottom); margin-left: var(--form-input-margin-left); margin-right: var(--form-input-margin-right); padding-top: var(--form-input-padding-top); padding-bottom: var(--form-input-padding-bottom); padding-left: var(--form-input-padding-left); padding-right: var(--form-input-padding-right); } 


/* ORDER PAGE */
#accordion .card{margin-bottom: 15px; box-shadow: 0 3px 10px rgb(0 0 0 / 0.3);}
#accordion .login-form{max-width: 500px; margin: 0 auto;}
#accordion .login-form input {width: 100%;}
#accordion .login-form .togglepw{ top: unset; margin: 0; padding: 0; transform: none; right: 30px; cursor: pointer;}
#personal-form .form-group{margin-bottom: 10px; }
#personal-form input,
#personal-form select{margin-top: 10px;}

#shipments{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; margin-bottom: 30px; margin-top: 15px; }
#shipments .form-group input{display: none;}
.btn-shipper{cursor: pointer;  margin: 0 !important; background: #fff; color: var(--main-color-3); font-size: 14px; border-radius: 5px; border: 2px var(--button-border-type) var(--main-color-3); padding: 10px; text-align: center; transition: all 0.3s ease-in-out; width: 100%;}
input:checked + .btn-shipper, .btn-shipper:hover{background-color: var(--main-color-3); color: #fff;}
.btn-shipper input{display: none;}
#totalCount{}
#totalCount .totalCountLine{margin-bottom: 8px;}

.payment-card{max-width: 500px; margin: 0 auto;}
.payment-card > .row > .col-12{background-color: #f8f8f8; padding: 15px;}

#pagamentslist{display: flex; flex-wrap: wrap; gap: 15px; margin: 15px 0 30px;}
#pagamentslist .payment-item input{display: none;}
.btn-payment{cursor: pointer;  margin: 0 !important; background: #fff; color: var(--main-color-3); font-size: 14px; border-radius: 5px; border: 2px var(--button-border-type) var(--main-color-3); padding: 10px; text-align: center; transition: all 0.3s ease-in-out; width: 100%;}
input:checked + .btn-payment, .btn-payment:hover{background-color: var(--main-color-3); color: #fff;}
.btn-payment input{display: none;}

#comments-shop{padding-top: 10px; padding-left: 10px;}

[class^="state-"]{ padding: 5px; border-radius: 7px; font-size: 12px; }

.state-1{background-color: #28a745; color: #fff}
.state-2{background-color: #007bff; color: #fff}
.state-3{background-color: #dc3545; color: #fff}
.state-4{background-color: #6c757d; color: #fff}
.state-5{background-color: #17a2b8; color: #fff;}
.state-6{background-color: #ffc107; color: #fff}
.state-7{background-color: #fd7e14; color: #fff}
.state-8{background-color: #343a40; color: #fff;}
.state-9{background-color: #6f42c1; color: #fff}


/* ORDERS PAGE */

.order-table{border: none !important;}
.order-table #headertable th{border-right: none; border-bottom: 1px solid #eee;}
.order-table tbody td{border-bottom: 0 !important;}
.dataTables_length select, .dataTables_filter input{ height:30px; border-radius: var(--form-input-border-radius) !important; border: var(--form-input-border-size) var(--form-input-border-type) var(--form-input-border-color); background: var(--form-input-bg); color: var(--form-input-color); font-size: var(--form-input-font-size); margin-bottom: var(--form-input-margin-bottom); margin-left: var(--form-input-margin-left); margin-right: var(--form-input-margin-right); padding-top: var(--form-input-padding-top); padding-bottom: var(--form-input-padding-bottom); padding-left: var(--form-input-padding-left); padding-right: var(--form-input-padding-right); } 
.dataTables_length select{margin-left: 5px; margin-right: 5px;}
.orders-table .btn{ border-radius: 5px; font-size: 14px; padding: 10px 15px; color: #fff !important;}
.orders-table .btn i{color: #fff !important;}
.orders-table tr td{vertical-align: middle; border: none;}

.dataTables_wrapper .dataTables_paginate{}
.dataTables_wrapper .dataTables_paginate span{}
.dataTables_wrapper .dataTables_paginate span .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button{border: none !important; color: #fff !important; background: var(--main-color-2) !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate span .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: var(--main-color-3) !important; color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled{}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{color: #333 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{background: transparent !important; color: #333 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{background: transparent !important; color: #333 !important;}

#linetable-clone{display: none;}
#table-details{border: none;}
#table-details #headertable th{border-right: none;}
#table-details #order-details td{border-right: none;}
#modal-order-details .modal-body{min-height: unset !important;}

#intranet label input,
#intranet label select{margin-top: 5px;}

/* PAGO REDSYS */
#insite-payment h2{ font-size: 18px; padding: 15px; background-color: #E3CAE2; color: var(--main-color-2); border-radius: 5px; display: block; }

/* CHECKOUT OK */
.checkout-ok{ padding: 15px; border-radius: 5px; box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2); }
.checkout-ok--title{}
.checkout-ok--image > div{ border-radius: 50%; width: fit-content; overflow: hidden; /* padding: 5px; */ margin: 0 auto 15px; }
.checkout-ok--image img{    height: 120px; width: auto; padding: 20px; background: #d9d9d9;}
.checkout-ok--info{}
.checkout-ok--info-title{margin-bottom: 15px;}
.checkout-ok--info-title p:not(.h3){padding-left: 15px;}
.checkout-ok--info-products{}
.checkout-ok--info-products p{}
.info-products--item { padding-left: 15px; margin-bottom: 30px; }
.info-products--items { margin-bottom: 10px; display: flex; flex-wrap: wrap; list-style: disc; align-items: center; gap: 5px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.info-products--items span{margin-bottom: 0;}
.product-info--reference{display: none;}
.product-info--description{}
.product-info--quantity{background-color: var(--main-color-3); color: #fff; padding: 0 5px; border-radius: 5px; margin: 0 5px;}
.product-info--price{}
.checkout-ok--transfer-summary{}
.checkout-ok--payment-summary{}
.payment-summary{padding-left: 15px;}
.payment-summary--total-products{}
.payment-summary--discount{}
.payment-summary--taxes{}
.payment-summary--total-shipment{}
.payment-summary--shipment-taxes{}
.payment-summary--coupon{}
.payment-summary--total-taxes{}

/* CHECKOUT REFUSE */
.checkout-refuse--image > div{ border-radius: 50%; width: fit-content; overflow: hidden; /* padding: 5px; */ margin: 0 auto 15px; }
.checkout-refuse--image img{    height: 120px; width: auto; padding: 20px; background: #d9d9d9;}