.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center}.project-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1;display:block!important}.project-modal__content{position:relative;background:#fff;border-radius:16px;padding:3rem;max-width:650px;width:95%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;border:1px solid #e0e0e0;z-index:2}.project-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#666;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.project-modal__close:hover{color:#000;background:#0000000d;transform:rotate(90deg)}.project-modal__title{font-size:2rem;margin:0 0 3rem;color:#333;font-weight:600;text-align:center}.project-modal__product-info{display:flex;gap:1.5rem;align-items:center;background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e9ecef}.project-modal__product-image{flex-shrink:0;width:80px;height:80px;border-radius:5px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #e9ecef}.project-modal__product-image img{width:100%;height:100%;object-fit:cover}.project-modal__product-details{flex:1;min-width:0}.project-modal__product-name{font-size:1.4rem;margin:0 0 .5rem;font-weight:500}.project-modal__variant{font-size:.9rem;color:#666;margin:0 0 1rem}.project-modal__metafields{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.project-modal__metafield{display:flex;align-items:center;gap:.4rem}.project-modal__metafield-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.project-modal__metafield-icon img{width:20px;height:20px;object-fit:contain;display:block}.project-modal__metafield-value{color:#581e1c;font-weight:600;font-size:1.3rem}.project-modal .product-form__input{flex:0 0 100%;padding:0;margin:0 0 1.2rem;width:100%;min-width:fit-content;border:0}.project-modal .product-form__quantity{margin-bottom:2rem;padding:1.5rem;background:#fafafa;border-radius:12px;border:1px solid #e9ecef;max-width:100%}.project-modal__quantity-block .quantity__label{margin-bottom:1rem;text-align:center}.project-modal__quantity-block .form__label{padding-left:0;font-size:1.4rem;font-weight:400;color:#333;text-align:center;display:block}.project-modal__quantity-wrapper{display:flex;align-items:flex-end;justify-content:center;gap:2rem}.project-modal__quantity-block{display:flex;flex-direction:column;align-items:center}.project-modal .price-per-item__container{display:flex;align-items:center;gap:1rem;justify-content:center}.project-modal .quantity{display:flex!important;align-items:center!important;gap:1rem!important;margin:0!important;border:none!important;background:transparent!important;position:relative!important;z-index:1!important;width:auto!important}.project-modal .quantity__button{width:45px!important;height:45px!important;border:none!important;background:#581e1c!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;transition:all .2s ease;padding:0!important;border-radius:50%!important;flex-shrink:0}.project-modal .quantity__button:hover:not(:disabled){background:#461618!important}.project-modal .quantity__button .svg-wrapper{width:1rem;pointer-events:none}.project-modal .quantity__button svg{width:10px;height:10px}.project-modal .quantity__input{width:40px!important;height:45px!important;text-align:center!important;border:none!important;font-size:1.4rem!important;font-weight:500!important;padding:0!important;background:transparent!important;color:#333!important;-moz-appearance:textfield;outline:none!important}.project-modal .quantity__input::-webkit-outer-spin-button,.project-modal .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.project-modal .quantity__button:focus-visible{outline:2px solid #581e1c;outline-offset:2px;border-radius:50%!important}.project-modal .quantity__input:focus-visible{outline:none!important;background-color:transparent!important}.project-modal .quantity__button:disabled{opacity:.4;cursor:not-allowed}.project-modal .quantity__button:disabled:hover{background:#581e1c!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.project-modal__total-price{background:transparent;color:#581e1c;padding:0rem 2rem;border-radius:5px;border:1px solid #581e1c;display:flex;flex-direction:row;align-items:center;gap:.8rem;min-width:120px;height:45px}.project-modal__total-label{font-size:1.4rem;opacity:.7}.project-modal__total-with-icon{display:flex;align-items:center;gap:.5rem}.project-modal__total-icon{width:20px;height:20px;object-fit:contain;display:block}.project-modal__total-amount{font-size:1.6rem;font-weight:700}.project-modal__options h3{font-size:1.6rem;margin-bottom:1rem;color:#333;font-weight:600}.project-modal__select,.project-modal__input{width:100%;height:48px;padding:0 1.5rem;border:2px solid #e9ecef;border-radius:24px;margin-bottom:1.5rem;font-size:1.6rem;transition:all .2s ease;background:#fafafa}.project-modal__select:focus,.project-modal__input:focus{outline:none;border-color:#581e1c}.project-modal__divider{text-align:center;margin:2rem 0;color:#999;position:relative;font-size:1.1rem;font-weight:500}.project-modal__divider:before,.project-modal__divider:after{content:"";position:absolute;top:50%;width:calc(50% - 20px);height:1px;background:#e0e0e0}.project-modal__divider:before{left:0}.project-modal__divider:after{right:0}.project-modal .button{padding:1rem 2rem;font-size:1.1rem;font-weight:400;border-radius:10px;transition:all .2s ease;min-height:auto;margin:0 auto .5rem;display:block}.project-modal .button--primary,.empty-projects-state .button--primary{background-color:#581e1c;color:#fff;border:2px solid #581e1c;padding:1rem 2rem;font-size:1.4rem}.project-modal .button--primary:hover,.empty-projects-state .button--primary:hover{background-color:#461618;border-color:#461618;transform:translateY(-2px);box-shadow:0 4px 12px #581e1c4d}.button.button--croux,.button--primary.button--croux,.project-modal .button--croux,.empty-projects-state .button--croux{background-color:#ccd200!important;color:#581e1c!important;border:2px solid #ccd200!important}.button.button--croux:hover,.button--primary.button--croux:hover,.project-modal .button--croux:hover,.empty-projects-state .button--croux:hover{background-color:#b8be00!important;border-color:#b8be00!important;transform:translateY(-2px);box-shadow:0 4px 12px #ccd2004d}.add-to-project-btn{background-color:#581e1c;color:#fff;border:none;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-size:.9rem;transition:background-color .2s;white-space:nowrap}.add-to-project-btn:hover{background-color:#461618}.create-project-btn{display:flex;align-items:center;gap:.5rem;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-size:1.4rem;transition:background-color .2s}.create-project-btn.button--croux{background-color:#ccd200!important;color:#581e1c!important}.create-project-btn.button--croux:hover{background-color:#b8be00!important}.project-notification{position:fixed;bottom:2rem;right:2rem;background:#4caf50;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:10000}.project-notification--visible{transform:translateY(0);opacity:1}.project-notification--error{background:#f44336}.header__icon--projects{display:flex!important;align-items:center;justify-content:center;padding:.5rem;color:inherit;text-decoration:none;position:relative}.header__icon--projects svg{width:20px;height:20px}.projects-count-bubble{position:absolute;top:-5px;right:-5px;background:#581e1c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.project-complementary-section{margin:2rem 0;padding:1.5rem;background-color:#f8f8f8;border-radius:8px;border:1px solid #e0e0e0}.project-textarea-group{margin-bottom:1.5rem}.project-textarea-group:last-child{margin-bottom:0}.project-textarea-label,.complementary-label{display:block;font-weight:600;font-size:1.4rem;margin-bottom:.75rem;color:#333}.project-textarea,.project-complementary-products{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .2s ease;background-color:#fff;min-height:80px}.project-textarea:focus,.project-complementary-products:focus{outline:none;border-color:#581e1c;background-color:#fff;box-shadow:0 0 0 3px #581e1c1a}.project-textarea:hover,.project-complementary-products:hover{border-color:#999}.project-textarea::placeholder,.project-complementary-products::placeholder{color:#999;font-style:italic}.projects-page{padding:2rem 0;min-height:60vh}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border, #e0e0e0)}.projects-header h1{font-size:3rem;font-weight:600;color:var(--color-text-primary, #333);margin:0}.projects-container{min-height:400px}.projects-list{display:grid;gap:1rem}.project-card{background:#fff;border:1px solid var(--color-border, #e0e0e0);border-radius:12px;margin-bottom:1.5rem;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 4px 12px #00000014}.project-card__header{display:flex;align-items:center;gap:1rem;padding:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.project-card__toggle{flex-shrink:0;line-height:1}.project-card__arrow{transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card--open .project-card__arrow{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.project-card__content,.project-card__arrow{transition-duration:.2s}.project-card__content{transition:opacity .2s ease,padding .2s ease}}.project-card__info{flex:1}.project-card__name{font-size:1.6rem;font-weight:600;margin:0 0 .25rem;color:rgb(var(--color-foreground))}.project-card__stats{display:flex;gap:2rem}.project-card__stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--color-primary, #581e1c)}.stat-label{display:block;font-size:1rem;color:var(--color-text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.project-card__actions{display:flex;gap:.5rem}.project-card__action{padding:.5rem;background:none;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .2s ease}.project-card__action:hover{background:#f5f5f5;border-color:var(--color-primary, #581e1c)}.project-card__action:hover svg{stroke:var(--color-primary, #581e1c)}.delete-project-btn{width:40px;height:40px;background:#dc3545!important;border:none!important;border-radius:40px!important;cursor:pointer;transition:all .2s ease;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.delete-project-btn:hover{background:#c82333!important;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.delete-project-btn svg,.delete-project-btn .icon-remove,.delete-project-btn .feather-icon{width:20px;height:20px;color:#fff!important;stroke:#fff!important}.feather-icon{width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.remove-item-btn .feather-icon{color:#dc3545;transition:color .2s ease}.remove-item-btn:hover .feather-icon{color:#c82333}.project-card__content{border-top:1px solid var(--color-border, #e0e0e0);padding:0 1.5rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .4s cubic-bezier(.4,0,.2,1);will-change:max-height,opacity,padding}.project-card__content.active{opacity:1;padding:1.5rem}.project-card.animating .project-card__content{will-change:max-height,opacity,padding}.project-card.animating .project-card__arrow{will-change:transform}.project-card__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.2rem;color:var(--color-text-secondary, #666)}.project-status{display:inline-flex;align-items:center;gap:.5rem;padding:1rem;border-radius:20px;font-size:1.2rem;line-height:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor}.project-status--brouillon,.project-status--draft{background:#f5f5f5;color:#757575}.project-status--ouvert,.project-status--open{background:#e8f5e9;color:#2e7d32}.project-status--devis-demand\e9 ,.project-status--quote,.project-status--quote-requested{background:#fff3e0;color:#f57c00}.project-status--finalis\e9 ,.project-status--finalized{background:#e3f2fd;color:#1976d2}.project-status--annul\e9 ,.project-status--cancelled{background:#ffebee;color:#d32f2f}.project-items{margin:1.5rem 0}.project-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9f9f9;border-radius:8px;margin-bottom:.75rem}.project-item__image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.project-item__image img{width:100%;height:100%;object-fit:cover}.project-item__image--placeholder{display:flex;align-items:center;justify-content:center;background:#f0f0f0}.project-item__details{flex:1}.project-item__title{font-size:1.4rem;font-weight:600;margin:0 0 .25rem}.project-item__variant,.project-item__sku{display:none;font-size:.875rem;color:var(--color-text-secondary, #666);margin:0}.project-item__price,.project-item__quantity,.project-item__total{text-align:center}.price-label,.total-label,.quantity-label{display:block;font-size:1.2rem;color:var(--color-text-secondary, #666);margin-bottom:.25rem}.price-value,.total-value{display:block;font-weight:600;color:var(--color-text-primary, #333)}.total-value{color:var(--color-primary, #581e1c);font-size:1.6rem}.project-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;transition:box-shadow .2s ease}.project-item:hover{background:rgba(var(--color-button),.05);box-shadow:0 2px 8px #00000014}.project-item .quantity{display:flex!important;align-items:center!important;gap:1rem!important;margin:0!important;border:none!important;background:transparent!important;position:relative!important;z-index:1!important;width:auto!important}.project-item .quantity__button{width:35px!important;height:35px!important;border:none!important;background:#581e1c!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;transition:all .2s ease;padding:0!important;border-radius:50%!important;flex-shrink:0}.project-item .quantity__button:hover:not(:disabled){background:#461618!important}.project-item .quantity__button svg{width:12px;height:12px}.project-item .quantity__input{width:40px!important;height:35px!important;text-align:center!important;border:1px solid #e0e0e0!important;border-radius:6px!important;font-size:1.4rem!important;font-weight:500!important;padding:0!important;background:#fff!important;color:#333!important;-moz-appearance:textfield;outline:none!important}.project-item .quantity__input::-webkit-outer-spin-button,.project-item .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.project-item .quantity__button:disabled{opacity:.4;cursor:not-allowed}.project-item .quantity__button:disabled:hover{background:#581e1c!important;transform:none}.project-item .remove-item-btn{width:35px;height:35px;background:#dc3545!important;border:none!important;border-radius:50%!important;cursor:pointer;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease;padding:0!important}.project-item .remove-item-btn:hover{background:#c82333!important;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.project-item .remove-item-btn svg{width:16px;height:16px;color:#fff!important;fill:#fff!important;stroke:#fff!important;stroke-width:3px}.project-item__actions{display:flex;gap:.5rem}.project-item__action{background:none;border:none;cursor:pointer;padding:.25rem;color:#666;transition:color .2s}.project-item__action:hover{color:#333}.project-item__action--delete:hover{color:#f44336}.price-original,.total-original{text-decoration:line-through;color:#999;font-size:.85em;display:block}.price-discounted,.total-discounted{color:#2c5530;font-weight:700}.project-savings{color:#2c5530;font-weight:600;font-size:.9rem;margin-top:4px}.project-card__footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:1.5rem;margin-top:1.5rem}.project-total{font-size:1.125rem}.project-total strong{color:var(--color-primary, #581e1c);font-size:1.5rem;margin-left:.5rem}.project-card__footer p{width:100%;margin-top:1rem;font-size:1.2rem;font-style:italic;text-align:center;color:#666}.projects-login-required{text-align:center;padding:4rem 2rem}.projects-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;color:var(--color-text-secondary, #666)}.projects-empty.active{display:flex}.projects-empty svg{opacity:.2;margin-bottom:2rem}.projects-empty h2{color:var(--color-text-primary, #333);margin:0 0 .5rem}.projects-empty p{margin:0 0 2rem}.project-empty-message{text-align:center;padding:2rem;color:var(--color-text-secondary, #666)}.button--full{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-primary, #333)}@media screen and (max-width:749px){.project-modal__content{width:95%;padding:2rem 1.5rem;max-width:none}.project-modal__title{font-size:1.6rem}.project-modal__quantity-wrapper{flex-direction:column;gap:1.5rem;align-items:stretch}.project-modal__total-price{min-width:auto;flex-direction:row;justify-content:space-between}.projects-header{flex-direction:column;gap:1rem;align-items:stretch;text-align:center}.create-project-btn{width:100%;justify-content:center}.project-card__header{flex-wrap:wrap}.project-card__stats{width:100%;justify-content:space-around;margin-top:1rem}.project-item{gap:.5rem;padding:.8rem}.project-item__image{width:50px;height:50px}.project-item__title{font-size:1.2rem}.project-item__price,.project-item__quantity,.project-item__total{font-size:1.1rem}.project-card__footer{flex-direction:column;gap:1rem;text-align:center}.project-card__content{padding:0 1rem}.project-card__content.active{padding:1rem}}.field-save-status{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;font-size:1.1rem;margin-top:.5rem;padding:1rem;border-radius:6px;transition:all .2s ease;width:fit-content}.field-save-status--saving{color:#3b82f6;background-color:#eff6ff;border:1px solid #dbeafe;display:flex;flex-direction:row;align-items:center}.field-save-status--success{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0;display:flex;flex-direction:row;align-items:center}.field-save-status--error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;display:flex;flex-direction:row;align-items:center}.field-save-status .status-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.field-save-status .status-text{font-weight:500;line-height:1.2;white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.field-save-status .status-icon svg{animation:spin 1s linear infinite}.field-save-status--saving .status-icon svg{animation:spin 1s linear infinite}.field-save-status--success .status-icon svg,.field-save-status--error .status-icon svg{animation:none}@media screen and (max-width:749px){.field-save-status{gap:.5rem;font-size:.8rem;padding:.4rem .6rem}.field-save-status .status-icon{width:14px;height:14px}}.button--loading{position:relative;pointer-events:none;opacity:.7}.button--loading:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.button--loading.button--loading-only-spinner{color:transparent}.button--loading.button--loading-only-spinner:after{right:50%;transform:translate(50%,-50%)}.project-finalized-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;margin-bottom:1.5rem;color:#1565c0;font-size:1.3rem;font-weight:500}.project-finalized-banner svg{flex-shrink:0;width:20px;height:20px}.project-textarea--readonly{background-color:#f5f5f5!important;cursor:not-allowed!important;opacity:.8;border-color:#e0e0e0!important}.project-textarea--readonly:hover,.project-textarea--readonly:focus{border-color:#e0e0e0!important;box-shadow:none!important}.project-item__quantity--readonly{display:block;font-weight:600;color:var(--color-text-primary, #333)}.project-card--finalized .project-card__footer{border-top:1px solid #e0e0e0}.project-order-sent{display:flex;align-items:center;gap:.5rem;color:#2e7d32;font-weight:600;font-size:1.3rem}.project-order-sent svg{width:20px;height:20px;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/projects.css.map */