.woocommerce-NoticeGroup{width:100%}
.woocommerce-NoticeGroup .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-error{list-style-type:none;border-left:4px solid red;padding-left:10px}
.woocommerce-thankyou-order-received,.woocommerce-message{color:#686868;width:100%;border-left:4px solid #3b9f22;padding-left:10px;margin-bottom:15px}
.checkout-inline-error-message{font-size:13px;color:red;margin-top:5px}
.woocommerce-notices-wrapper{color:#686868;padding:0;margin-bottom:30px}
.woocommerce-info .button{margin-left:15px}
.woocommerce-message:focus-visible,.woocommerce-error:focus-visible{outline:none}

/* hide */
.show-password-input,.woocommerce-form-login__rememberme,.woocommerce-orders-table__header-order-actions,#account_display_name_description,.woocommerce-MyAccount-navigation-link--downloads{display:none!important}
.woocommerce-MyAccount-content > p:not([class]){display:none!important}

/* hide login form for guests */
.user-guest .woocommerce form.login,.user-guest .woocommerce form.register,.user-guest .woocommerce h2{display:none!important}
.user-guest .woocommerce-account .woocommerce{padding-top:0!important}

/* login form */
h2{font-size:20px;max-width:600px;margin:0 auto 30px auto}
.woocommerce-form-login,.woocommerce-ResetPassword{max-width:600px;margin:0 auto;position:relative}
.woocommerce-form-login p,.woocommerce-ResetPassword p,.woocommerce-EditAccountForm p{margin-top:20px;margin-bottom:15px;font-weight:300;line-height:1.5}
.woocommerce-form-login .lost_password{position:absolute;right:0;bottom:0}
.form-row label{margin-bottom:5px;display:inline-block;color:#686868;font-size:14px;font-weight:300}
.required{color:#ff8a76}

/* my acount layout*/
.woocommerce-MyAccount-navigation{float:left;width:22%;padding-bottom:60px}
.woocommerce-MyAccount-content{float:left;width:78%;padding:35px 28px;min-height:533px;border:1px solid #f8f0Eb;border-radius:5px}
.woocommerce-MyAccount-content h2{max-width:100%}
.woocommerce-columns--2,.col2-set{display:flex;gap:30px;justify-content:space-between}
.account-header{font-size:24px;font-weight:400;margin-bottom:30px;opacity:0;transition:opacity 0.5s ease-in-out}

/* menu */
.woocommerce-MyAccount-navigation ul a{border-bottom:1px solid transparent;padding:18px 33px;display:inline-flex;font-size:16px;align-items:center;justify-content:flex-start;gap:15px;transition:all .4s ease;width:100%;background:#f8f0eb}
.woocommerce-MyAccount-navigation ul li:last-child a{border-bottom:none}
.woocommerce-MyAccount-navigation ul{list-style-type:none;padding-left:0;max-width:252px;margin:0;border:1px solid #f8f0Eb;border-radius:6px;overflow:hidden}
.woocommerce-MyAccount-navigation ul li.is-active a{background:#e9dfd8;font-weight:500}
.woocommerce-MyAccount-navigation ul li:not(.is-active):hover a{background-color:#e9dfd8;transition:all .4s ease}
.woocommerce-MyAccount-navigation ul li a img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;transition:all .4s ease}
.woocommerce-MyAccount-navigation ul li a:hover img{-webkit-filter:invert(1);filter:invert(1);transition:all .4s ease}

/* icons */
.woocommerce-MyAccount-navigation-link a::before{content:"";display:inline-block;vertical-align:middle;width:16px;height:16px;margin-right:8px;background:#272729;-webkit-mask-size:contain!important;mask-size:contain!important;transition:all .3s ease}
.woocommerce-MyAccount-navigation ul li.is-active a::before,.woocommerce-MyAccount-navigation ul li:not(.is-active):hover a::before{transition:all .4s ease}
.woocommerce-MyAccount-navigation-link--dashboard a::before{-webkit-mask:url('/wp-content/themes/joli/assets/img/icon-dashboard.svg') center no-repeat;mask:url('/wp-content/themes/joli/assets/img/icon-dashboard.svg') center no-repeat}
.woocommerce-MyAccount-navigation-link--edit-account a::before{-webkit-mask:url('/wp-content/themes/joli/assets/img/icon-user.svg') center no-repeat;mask:url('/wp-content/themes/joli/assets/img/icon-user.svg') center no-repeat}
.woocommerce-MyAccount-navigation-link--edit-address a::before{-webkit-mask:url('/wp-content/themes/joli/assets/img/icon-adress.svg') center no-repeat;mask:url('/wp-content/themes/joli/assets/img/icon-adress.svg') center no-repeat}
.woocommerce-MyAccount-navigation-link--orders a::before{-webkit-mask:url('/wp-content/themes/joli/assets/img/icon-orders.svg') center no-repeat;mask:url('/wp-content/themes/joli/assets/img/icon-orders.svg') center no-repeat}
.woocommerce-MyAccount-navigation-link--favorites a::before{-webkit-mask:url('/wp-content/themes/joli/assets/img/icon-favorites.svg') center no-repeat;mask:url('/wp-content/themes/joli/assets/img/icon-favorites.svg') center no-repeat}
.woocommerce-MyAccount-navigation-link--customer-logout a::before{-webkit-mask:url('/wp-content/themes/joli/assets/img/icon-logout.svg') center no-repeat;mask:url('/wp-content/themes/joli/assets/img/icon-logout.svg') center no-repeat}

/* info link */
.woocommerce-message a{color:#fff;background:#ff8a76;margin-left:15px;padding:15px 33px;display:inline-flex;font-size:16px;align-items:center;justify-content:flex-start;gap:15px;transition:all .4s ease}

/* dashboard  loyalty */
.joli-loyalty{border:1px solid #f8f0eb;border-radius:5px;padding:1.25rem;max-width:480px}
.joli-loyalty .lc-label{font-size:12px;color:#686868;font-weight:300;margin:0 0 2px}
.joli-loyalty .lc-value{font-size:22px;font-weight:400;margin:0 0 1rem}
.joli-loyalty .lc-program{font-size:13px;color:#686868;font-weight:300;margin:0 0 1rem}
.joli-loyalty .lc-badge{display:inline-block;font-size:11px;background:#f8f0eb;color:#ff8a76;border-radius:4px;padding:3px 8px;margin-bottom:1rem}
.joli-loyalty .lc-discount{font-size:28px;font-weight:400;color:#ff8a76}
.joli-loyalty .lc-track{background:#f8f0eb;border-radius:99px;height:8px;margin:0 0 6px;overflow:hidden}
.joli-loyalty .lc-fill{height:100%;border-radius:99px;background:#ff8a76;transition:width .6s ease}
.joli-loyalty .lc-hint{font-size:12px;color:#686868;font-weight:300;margin:0 0 1.25rem}
.joli-loyalty .joli-levels{display:grid;gap:8px;margin-top:1rem}
.joli-loyalty .joli-level{background:#f8f0eb;border-radius:5px;padding:10px 12px;border:1px solid #f8f0eb}
.joli-loyalty .joli-level.active{border-color:#ff8a76;background:#fff}
.joli-loyalty .joli-level.passed{opacity:0.5}
.joli-loyalty .joli-level-pct{font-size:18px;font-weight:400;margin:0 0 2px}
.joli-loyalty .joli-level.active .joli-level-pct{color:#ff8a76}
.joli-loyalty .joli-level-sum{font-size:11px;color:#686868;font-weight:300;margin:0}
.joli-loyalty .joli-level.active .joli-level-sum{color:#ff8a76}

/* orders */
.woocommerce-orders-table{display:block;border:none;text-align:left;font-size:15px}
.woocommerce-orders-table thead{display:none}
.woocommerce-orders-table tbody{display:flex;flex-direction:column;gap:20px}
.woocommerce-orders-table tbody tr{display:flex;align-items:center;gap:20px;padding:15px 25px;border-top:1px solid #eee;border-bottom:1px solid #eee}
.woocommerce-orders-table tbody tr td,.woocommerce-orders-table tbody tr th{border:none;padding:0;text-align:left}
.woocommerce-orders-table tbody tr td .cell-label,.woocommerce-orders-table tbody tr th .cell-label{font-size:14px;color:#686868;font-weight:300;display:block;margin-bottom:4px}
.woocommerce-orders-table__cell-order-number{flex:0 0 100px}
.woocommerce-orders-table__cell-order-date{flex:0 0 120px}
.woocommerce-orders-table__cell-order-status{flex:0 0 120px}
.woocommerce-orders-table__cell-order-total{flex:1}
.woocommerce-orders-table__cell-order-actions{flex:0 0 120px}
.woocommerce-orders-table__cell-order-actions .button{padding:12px 24px}
.woocommerce-orders-table__cell-order-actions .cell-label,.woocommerce-orders-table__cell-order-image .cell-label{display:none!important}
.woocommerce-orders-table__cell-order-image img{width:50px;height:50px;-o-object-fit:contain;object-fit:contain}
.woocommerce-Price-amount.amount{font-weight:600}

/* order details */
h2.woocommerce-order-details__title{font-size:18px}
.woocommerce-table--order-details{width:100%;border-collapse:collapse;text-align:left;font-size:14px}
.woocommerce-table--order-details thead th{font-size:13px;color:#686868;font-weight:400;text-transform:uppercase;padding:10px 16px;border-bottom:1px solid #ece8e3}
.woocommerce-table--order-details tbody td{padding:12px 16px;border-bottom:1px solid #ece8e3}
.woocommerce-table--order-details tfoot td,.woocommerce-table--order-details tfoot th{padding:10px 16px;border-bottom:1px solid #ece8e3;font-weight:400}
.woocommerce-table--order-details tfoot tr:last-child td,.woocommerce-table--order-details tfoot tr:last-child th{border-bottom:none}
.woocommerce-table--order-details a{color:#ff8a76;border-bottom:1px solid #ff8a76;transition:all .4s ease}
.woocommerce-table--order-details a:hover{color:#da6e5b;border-bottom:1px solid #da6e5b}
.woocommerce-customer-details{display:none}

/* favorites */
.products .product{width:calc(33.333% - 10px)}
.remove-from-favorites{position:absolute;font-size:26px;padding:0;right:15px;top:3px;color:#ff8a76}

/* footer fix */
.footer{clear:both}

@media screen and (max-width:1300px){
.woocommerce-MyAccount-navigation ul{max-width:220px}
}

/* MEDIA */
@media screen and (max-width:1100px){
.woocommerce-orders-table__header-order-number,.woocommerce-orders-table__cell-order-number,.woocommerce-orders-table__header-order-status,.woocommerce-orders-table__cell-order-status{display:none}
.woocommerce-form-login .lost_password{position:relative}
.woocommerce-MyAccount-content{padding:30px 20px}
.woocommerce-MyAccount-navigation{padding-bottom:30px}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content{float:none;width:100%}
.woocommerce-MyAccount-navigation ul{max-width:unset}
.woocommerce-columns--2,.col2-set{flex-wrap:wrap}
.woocommerce-info .button,.woocommerce-info a{margin-left:0;margin:15px 0}
.woocommerce-orders-table tbody tr{gap:5px;padding:10px 0}
.woocommerce-orders-table__cell-order-date{flex:0 0 100px}
.woocommerce-orders-table__cell-order-actions{flex:0 0 107px}
.woocommerce-orders-table__cell-order-actions .button{padding:10px 18px}
}

@media screen and (max-width:767px){
.woocommerce-orders-table__cell-order-total{font-size:0}
.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount,.woocommerce-orders-table__cell-order-total .cell-label{font-size:14px}
}

@media screen and (max-width:576px){
.products .product{width:calc(50% - 8px)}
}