/*
Theme Name: Weapzy
Theme URI: https://weapzy.com/
Author: Weapzy
Author URI: https://weapzy.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/***************************
* Taille des textes sur les popups (titre / description)
*****************************/

#product-detail-popup .product-name {
	font-size:3em!important;
	font-weight:600;
	text-align:center;
}

#product-detail-popup .product-description {
	font-size:2em!important;
	font-weight:normal;
}

/***************************
* Règles CSS pour l'affichage des vues
*****************************/
html { --primary-accent: #0F92A3!important; --primary-accent-light: #a9d6db!important; } .product .item-wrap-icon { display:none!important; } #kcs-kitchen-order { cursor:pointer; } .side-navigation nav ul li a { padding:5px!important; }@media(orientation:portrait){#landscape-warning{display:block;height:100%;width:100%;display:flex;justify-content:center;align-content:center;flex-wrap:wrap;align-items:center;flex-direction:column;gap:25px}#app{display:none}}@media(orientation:landscape){#landscape-warning{display:none}#app{display:block}}*{touch-action:manipulation}@keyframes resizeanim{from{opacity:0}to{opacity:0}}.resize-triggers{animation:1ms resizeanim;visibility:hidden;opacity:0}.resize-triggers,.resize-triggers>div,.contract-trigger:before{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}.resize-triggers>div{background:#eee;overflow:auto}.contract-trigger:before{width:200%;height:200%}.circle.product-image img{height:150px!important;width:150px!important;object-fit:cover!important}#success-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#error-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#success-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}#error-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.checkmark-circle{width:100%;height:100%;position:relative;display:inline-block;border-radius:50%}.checkmark-circle .background{width:100%;height:100%;border-radius:50%;position:absolute;background-color:#4caf50}.checkmark-circle .checkmark{position:relative;animation:draw 800ms cubic-bezier(0.4,0,0.2,1) 500ms forwards}.checkmark-circle .checkmark.draw:after{content:'';display:block;position:absolute;height:3px;width:100%;background-color:#fff;top:50%;left:50%;border-radius:2px}.checkmark-circle .checkmark:after{width:60%;height:3px;transform-origin:left top;border-radius:3px;transform:scaleX(0) rotate(45deg)}.checkmark-circle .checkmark:before{width:30%;height:3px;transform-origin:right top;border-radius:3px;transform:scaleX(0) rotate(-45deg)}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,0.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg)}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}.error-checkmark{width:80px;height:115px;margin:0 auto}.error-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #f44336}.error-checkmark .check-icon::before,.error-checkmark .check-icon::after{content:'';position:absolute;top:38px;left:20px;height:3px;width:40px;background-color:#f44336}@keyframes errorInBefore{from{transform:rotate(-45deg) scaleX(0);opacity:0}to{transform:rotate(-45deg) scaleX(1);opacity:1}}@keyframes errorOutBefore{from{transform:rotate(-45deg) scaleX(1);opacity:1}to{transform:rotate(-45deg) scaleX(0);opacity:0}}@keyframes errorInAfter{from{transform:rotate(45deg) scaleX(0);opacity:0}to{transform:rotate(45deg) scaleX(1);opacity:1}}@keyframes errorOutAfter{from{transform:rotate(45deg) scaleX(1);opacity:1}to{transform:rotate(45deg) scaleX(0);opacity:0}}.error-checkmark .check-icon::before{animation:errorInBefore .5s forwards}.error-checkmark .check-icon::after{animation:errorInAfter .5s forwards}.error-checkmark.hide .check-icon::before{animation:errorOutBefore .5s forwards}.error-checkmark.hide .check-icon::after{animation:errorOutAfter .5s forwards}.error-checkmark .check-icon::before{transform:rotate(45deg)}.error-checkmark .check-icon::after{transform:rotate(-45deg)}.error-checkmark .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(244,67,54,0.5)}.wkwcpos-grid.pos-main-wrapper .product-select{display:flex;flex-direction:column;justify-content:space-between}.wkwcpos-grid.pos-main-wrapper>div>div{width:100%!important;display:flex;flex-wrap:wrap;flex-direction:row;gap:15px}.wkwcpos-grid.pos-main-wrapper>div>div h3{width:100%!important;font-size:16px}.wkwcpos-grid.pos-main-wrapper>div>div b *{display:inline}#product-detail-popup{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;z-index:99999}#product-detail-popup .popup-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1);width:auto;max-width:850px;display:flex;flex-direction:row;position:relative}#product-detail-popup .popup-body{display:flex;width:100%;position:relative}#product-detail-popup .product-image{flex:1;background-size:cover;background-position:center;height:400px!important;width:600px!important;border-radius:5px 0 0 5px}#product-detail-popup .product-info{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between}#product-detail-popup .product-name{margin-top:0}#product-detail-popup .product-description{overflow-y:auto}#product-detail-popup .product-variations{margin:20px 0}#product-detail-popup .add-to-order{margin-top:auto;align-self:center}#product-detail-popup .close{position:absolute;top:-25px;right:-25px;cursor:pointer;font-size:24px;color:white}.pos-tabContent{padding:15px 15px 15px 20px}.pos-categories.pos-tabs.subcategories{display:none;margin-top:10px;background:0;padding-left:0}.pos-categories.pos-tabs.subcategories ul li{background:#fff;border-radius:8px}.category-products-section{padding:10px}.wkwcpos-grid.pos-main-wrapper{height:100%!important}.wkwcpos-grid.pos-main-wrapper .product-select img{width:100%;height:100%;border-radius:0;object-fit:cover}.wkwcpos-grid.pos-main-wrapper .product-select{padding:0}.cellinfo{display:flex;align-items:flex-start;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;height:100%}.cellinfo>div{height:100%}.wkwcpos-grid.pos-main-wrapper .product-cell{border-radius:15px;overflow:hidden}.cellinfo .priceclr *{color:white}.wkwcpos-grid.pos-main-wrapper .cellinfo h3{font-weight:500;margin-top:15px}.commande-card{border:1px solid #eee;margin-top:10px;padding:10px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.commande-info h4{margin:0;color:var(--primary-accent)}.commande-link{text-decoration:none;color:var(--primary-accent);font-weight:bold}.pos-pay .pos-customer-payment .payment-type .tab-content-container .numeric-keypad .numeric-keypad-button-row .key-delete{width:33vw;max-width:485px}.pos-commandes-envoyees{max-height:90vh;overflow:auto}body{background-color:#f6f6f6}.table-commandes{background-color:#fff;margin-bottom:20px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,0.1);padding:15px}#pos-caisse .grid-container .pos-pay{display:grid!important}#pos-caisse .grid-container.grid-exception{display:block!important}.pos-cart{height:calc(100dvh - 68px);align-items:end}.pos-tabContent{height:calc(100dvh - 75px)}.order-product-quantity{position:relative}.quantity-selector{position:absolute;bottom:-30px;left:0;z-index:1;background-color:#fff;border:1px solid #ccc;padding:5px}.pos-cart .cart-details .cart-table .order-product-quantity .quantity-value{font-size:12px;color:#9f9f9e;color:var(--text-color-light);margin-right:0}.card.numeric-keypad.pay{display:block!important}nav.pos-tabs.pos-categories:not(.subcategories) ul{display:flex;width:100%}nav.pos-tabs.pos-categories.subcategories ul{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;align-items:center!important;white-space:nowrap!important}nav.pos-tabs.pos-categories.subcategories ul::-webkit-scrollbar{height:0!important}.pos-tabContent.pos-cart.pos-caisse{width:383px}#pos-home{width:calc(100dvw - 383px - 100px)}*{font-size:98%!important}.pos-cart .cart-details{height:100%;overflow:hidden}.pos-cart .cart-details .cart-table{height:calc(100% - 99px);overflow:auto}.subcategory-section{margin-bottom:25px}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.orders-container{height:100%;overflow:auto}.order-entry{border:1px solid #ccc;padding:15px;margin-bottom:10px;background-color:#f9f9f9}#orderModal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000}#orderModal .modal-content{background:#fff;border-radius:10px;position:relative}#orderModal .close{position:absolute;top:-20px;right:-15px;font-size:24px!important;color:#fff;cursor:pointer}.orders-table{width:100%;border-collapse:collapse;background-color:white}.orders-table th,.orders-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.orders-table th{background-color:#f2f2f2;font-weight:bold}.orders-table tr:nth-child(even){background-color:#f9f9f9}.orders-table td *{display:inline}@keyframes resizeanim{from{opacity:0}to{opacity:0}}.resize-triggers{animation:1ms resizeanim;visibility:hidden;opacity:0}.resize-triggers,.resize-triggers>div,.contract-trigger:before{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}.resize-triggers>div{background:#eee;overflow:auto}.contract-trigger:before{width:200%;height:200%}.circle.product-image img{height:135px!important;width:100%!important;object-fit:cover!important}#success-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#error-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#success-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}#error-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.checkmark-circle{width:100%;height:100%;position:relative;display:inline-block;border-radius:50%}.checkmark-circle .background{width:100%;height:100%;border-radius:50%;position:absolute;background-color:#4caf50}.checkmark-circle .checkmark{position:relative;animation:draw 800ms cubic-bezier(0.4,0,0.2,1) 500ms forwards}.checkmark-circle .checkmark.draw:after{content:'';display:block;position:absolute;height:3px;width:100%;background-color:#fff;top:50%;left:50%;border-radius:2px}.checkmark-circle .checkmark:after{width:60%;height:3px;transform-origin:left top;border-radius:3px;transform:scaleX(0) rotate(45deg)}.checkmark-circle .checkmark:before{width:30%;height:3px;transform-origin:right top;border-radius:3px;transform:scaleX(0) rotate(-45deg)}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,0.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg)}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}.error-checkmark{width:80px;height:115px;margin:0 auto}.error-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #f44336}.error-checkmark .check-icon::before,.error-checkmark .check-icon::after{content:'';position:absolute;top:38px;left:20px;height:3px;width:40px;background-color:#f44336}@keyframes errorInBefore{from{transform:rotate(-45deg) scaleX(0);opacity:0}to{transform:rotate(-45deg) scaleX(1);opacity:1}}@keyframes errorOutBefore{from{transform:rotate(-45deg) scaleX(1);opacity:1}to{transform:rotate(-45deg) scaleX(0);opacity:0}}@keyframes errorInAfter{from{transform:rotate(45deg) scaleX(0);opacity:0}to{transform:rotate(45deg) scaleX(1);opacity:1}}@keyframes errorOutAfter{from{transform:rotate(45deg) scaleX(1);opacity:1}to{transform:rotate(45deg) scaleX(0);opacity:0}}.error-checkmark .check-icon::before{animation:errorInBefore .5s forwards}.error-checkmark .check-icon::after{animation:errorInAfter .5s forwards}.error-checkmark.hide .check-icon::before{animation:errorOutBefore .5s forwards}.error-checkmark.hide .check-icon::after{animation:errorOutAfter .5s forwards}.error-checkmark .check-icon::before{transform:rotate(45deg)}.error-checkmark .check-icon::after{transform:rotate(-45deg)}.error-checkmark .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(244,67,54,0.5)}#commandes_info{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:20px;border-radius:10px;margin:auto}#commandes_infos>div{margin-top:10px;padding:10px;background-color:#fff;border-radius:5px;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1);text-align:center}.hold{background-color:#ffd700}.send{background-color:#ff8c00}.completed{background-color:#32cd32}.kcs-hold-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.kcs-all-wrapper .kcs-all-hold-wrapper,.kcs-all-wrapper .kcs-all-preparing-wrapper,.kcs-all-wrapper .kcs-all-completed-wrapper{width:100%!important}.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper .kcs-hold-wrapper,.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper .kcs-prepareing-wrapper,.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper .kcs-completed-wrapper{display:flex;flex-wrap:wrap;overflow-y:hidden;padding:20px;gap:10px 30px;align-items:stretch;align-content:stretch;height:calc(100% - 45px);justify-content:flex-start}.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper{height:calc(100vh - 160px);overflow:hidden}.kcs-card-wrapper{width:calc(33.3% - 20px);background:var(--primary);box-shadow:0 2px 16px rgba(34,22,22,.08);border-radius:8px;padding:5px 15px;margin-bottom:0;flex:auto;max-width:calc(33.3% - 20px);height:50%}.kcs-items .kcs-item-name small{text-overflow:initial;white-space:normal;max-width:100%}.kcs-items small{font-size:14px!important}.kcs-kitchen-hold-orders-header h4,.kcs-kitchen-prepare-orders-header h4,.kcs-kitchen-completed-orders-header h4,.kcs-kitchen-hold-orders-header button{font-size:16px}.kcs-kitchen-hold-orders-header small,.kcs-kitchen-prepare-orders-header small,.kcs-kitchen-completed-orders-header small{font-size:13px}@media(max-width:1024px) or (max-height:768px){.kcs-kitchen-hold-orders-header h4,.kcs-kitchen-prepare-orders-header h4,.kcs-kitchen-completed-orders-header h4,.kcs-kitchen-hold-orders-header button{font-size:14px}.kcs-kitchen-hold-orders-header small,.kcs-kitchen-prepare-orders-header small,.kcs-kitchen-completed-orders-header small{font-size:10px}}.kcs-card-wrapper .kcs-card-body{height:calc(100% - 10vh)}@keyframes resizeanim{from{opacity:0}to{opacity:0}}.resize-triggers{animation:1ms resizeanim;visibility:hidden;opacity:0}.resize-triggers,.resize-triggers>div,.contract-trigger:before{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}.resize-triggers>div{background:#eee;overflow:auto}.contract-trigger:before{width:200%;height:200%}.circle.product-image img{height:135px!important;width:100%!important;object-fit:cover!important}#success-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#error-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#success-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}#error-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.checkmark-circle{width:100%;height:100%;position:relative;display:inline-block;border-radius:50%}.checkmark-circle .background{width:100%;height:100%;border-radius:50%;position:absolute;background-color:#4caf50}.checkmark-circle .checkmark{position:relative;animation:draw 800ms cubic-bezier(0.4,0,0.2,1) 500ms forwards}.checkmark-circle .checkmark.draw:after{content:'';display:block;position:absolute;height:3px;width:100%;background-color:#fff;top:50%;left:50%;border-radius:2px}.checkmark-circle .checkmark:after{width:60%;height:3px;transform-origin:left top;border-radius:3px;transform:scaleX(0) rotate(45deg)}.checkmark-circle .checkmark:before{width:30%;height:3px;transform-origin:right top;border-radius:3px;transform:scaleX(0) rotate(-45deg)}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,0.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg)}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}.error-checkmark{width:80px;height:115px;margin:0 auto}.error-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #f44336}.error-checkmark .check-icon::before,.error-checkmark .check-icon::after{content:'';position:absolute;top:38px;left:20px;height:3px;width:40px;background-color:#f44336}@keyframes errorInBefore{from{transform:rotate(-45deg) scaleX(0);opacity:0}to{transform:rotate(-45deg) scaleX(1);opacity:1}}@keyframes errorOutBefore{from{transform:rotate(-45deg) scaleX(1);opacity:1}to{transform:rotate(-45deg) scaleX(0);opacity:0}}@keyframes errorInAfter{from{transform:rotate(45deg) scaleX(0);opacity:0}to{transform:rotate(45deg) scaleX(1);opacity:1}}@keyframes errorOutAfter{from{transform:rotate(45deg) scaleX(1);opacity:1}to{transform:rotate(45deg) scaleX(0);opacity:0}}.error-checkmark .check-icon::before{animation:errorInBefore .5s forwards}.error-checkmark .check-icon::after{animation:errorInAfter .5s forwards}.error-checkmark.hide .check-icon::before{animation:errorOutBefore .5s forwards}.error-checkmark.hide .check-icon::after{animation:errorOutAfter .5s forwards}.error-checkmark .check-icon::before{transform:rotate(45deg)}.error-checkmark .check-icon::after{transform:rotate(-45deg)}.error-checkmark .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(244,67,54,0.5)}#commandes_info{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:20px;border-radius:10px;margin:auto}#commandes_infos>div{margin-top:10px;padding:10px;background-color:#fff;border-radius:5px;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1);text-align:center}.hold{background-color:#ffd700}.send{background-color:#ff8c00}.completed{background-color:#32cd32}.kcs-hold-wrapper{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.kcs-all-wrapper .kcs-all-hold-wrapper,.kcs-all-wrapper .kcs-all-preparing-wrapper,.kcs-all-wrapper .kcs-all-completed-wrapper{width:100%!important}.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper .kcs-hold-wrapper,.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper .kcs-prepareing-wrapper,.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper .kcs-completed-wrapper{display:flex;flex-wrap:wrap;overflow-y:hidden;padding:20px;gap:10px 30px;align-items:stretch;align-content:stretch;height:calc(100% - 45px);justify-content:flex-start}.kcs-app-wrapper .kcs-body-wrapper .kcs-tab-content-wrapper{height:calc(100vh - 160px);overflow:hidden}.kcs-card-wrapper{width:calc(33.3% - 20px);background:var(--primary);box-shadow:0 2px 16px rgba(34,22,22,.08);border-radius:8px;padding:5px 15px;margin-bottom:0;flex:auto;max-width:calc(33.3% - 20px);height:50%}.kcs-items .kcs-item-name small{text-overflow:initial;white-space:normal;max-width:100%}.kcs-items small{font-size:14px!important}.kcs-kitchen-hold-orders-header h4,.kcs-kitchen-prepare-orders-header h4,.kcs-kitchen-completed-orders-header h4,.kcs-kitchen-hold-orders-header button{font-size:16px}.kcs-kitchen-hold-orders-header small,.kcs-kitchen-prepare-orders-header small,.kcs-kitchen-completed-orders-header small{font-size:13px}@media(max-width:1024px) or (max-height:768px){.kcs-kitchen-hold-orders-header h4,.kcs-kitchen-prepare-orders-header h4,.kcs-kitchen-completed-orders-header h4,.kcs-kitchen-hold-orders-header button{font-size:14px}.kcs-kitchen-hold-orders-header small,.kcs-kitchen-prepare-orders-header small,.kcs-kitchen-completed-orders-header small{font-size:10px}}.kcs-card-wrapper .kcs-card-body{height:calc(100% - 53px);}@keyframes resizeanim{from{opacity:0}to{opacity:0}}.resize-triggers{animation:1ms resizeanim;visibility:hidden;opacity:0}.resize-triggers,.resize-triggers>div,.contract-trigger:before{content:" ";display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:-1}.resize-triggers>div{background:#eee;overflow:auto}.contract-trigger:before{width:200%;height:200%}.circle.product-image img{height:135px!important;width:100%!important;object-fit:cover!important}#success-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#error-modal{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}#success-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}#error-modal-content{background-color:rgb(255 255 255 / 92%);color:#fff;padding:20px;border-radius:10px;width:400px;height:225px;box-shadow:0 8px 32px 0 rgb(0 0 0 / 31%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn 1s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.checkmark-circle{width:100%;height:100%;position:relative;display:inline-block;border-radius:50%}.checkmark-circle .background{width:100%;height:100%;border-radius:50%;position:absolute;background-color:#4caf50}.checkmark-circle .checkmark{position:relative;animation:draw 800ms cubic-bezier(0.4,0,0.2,1) 500ms forwards}.checkmark-circle .checkmark.draw:after{content:'';display:block;position:absolute;height:3px;width:100%;background-color:#fff;top:50%;left:50%;border-radius:2px}.checkmark-circle .checkmark:after{width:60%;height:3px;transform-origin:left top;border-radius:3px;transform:scaleX(0) rotate(45deg)}.checkmark-circle .checkmark:before{width:30%;height:3px;transform-origin:right top;border-radius:3px;transform:scaleX(0) rotate(-45deg)}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,0.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg)}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}.error-checkmark{width:80px;height:115px;margin:0 auto}.error-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #f44336}.error-checkmark .check-icon::before,.error-checkmark .check-icon::after{content:'';position:absolute;top:38px;left:20px;height:3px;width:40px;background-color:#f44336}@keyframes errorInBefore{from{transform:rotate(-45deg) scaleX(0);opacity:0}to{transform:rotate(-45deg) scaleX(1);opacity:1}}@keyframes errorOutBefore{from{transform:rotate(-45deg) scaleX(1);opacity:1}to{transform:rotate(-45deg) scaleX(0);opacity:0}}@keyframes errorInAfter{from{transform:rotate(45deg) scaleX(0);opacity:0}to{transform:rotate(45deg) scaleX(1);opacity:1}}@keyframes errorOutAfter{from{transform:rotate(45deg) scaleX(1);opacity:1}to{transform:rotate(45deg) scaleX(0);opacity:0}}.error-checkmark .check-icon::before{animation:errorInBefore .5s forwards}.error-checkmark .check-icon::after{animation:errorInAfter .5s forwards}.error-checkmark.hide .check-icon::before{animation:errorOutBefore .5s forwards}.error-checkmark.hide .check-icon::after{animation:errorOutAfter .5s forwards}.error-checkmark .check-icon::before{transform:rotate(45deg)}.error-checkmark .check-icon::after{transform:rotate(-45deg)}.error-checkmark .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(244,67,54,0.5)}#commandes_info{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:20px;border-radius:10px;margin:auto}#commandes_infos>div{margin-top:10px;padding:10px;background-color:#fff;border-radius:5px;width:100%;box-shadow:0 2px 5px rgba(0,0,0,0.1);text-align:center}.hold{background-color:#ffd700}.send{background-color:#ff8c00}.completed{background-color:#32cd32}