Auteur/autrice : ahmed.elghoudi@gmail.com

.godi-field-group{margin-bottom:16px} .godi-field-group label{display:block;font-size:13px;font-weight:600;color:var(--gc-dark);margin-bottom:6px} .godi-field-group label i{color:var(--gc-blue);margin-right:6px;width:16px} .godi-input,.godi-select,.godi-textarea{width:100%;padding:10px 14px;border:2px solid var(--gc-border);border-radius:8px;font-size:14px;font-family:'Poppins',sans-serif;color:var(--gc-text);transition:border-color .2s ease;background:#fff;box-sizing:border-box} .godi-input:focus,.godi-select:focus,.godi-textarea:focus{outline:none;border-color:var(--gc-blue);box-shadow:0 0 0 3px rgba(66,180,230,.1)} .godi-textarea{resize:vertical;min-height:80px} .godi-size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px} @media(max-width:600px){.godi-size-options{grid-template-columns:repeat(2,1fr)}} .godi-size-card{border:2px solid var(--gc-border);border-radius:8px;padding:12px 10px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff} .godi-size-card:hover{border-color:var(--gc-blue)} .godi-size-card.selected{border-color:var(--gc-orange);background:rgba(232,97,60,.04)} .godi-size-card-label{font-size:13px;font-weight:600;color:var(--gc-dark)} .godi-size-card-price{font-size:15px;font-weight:700;color:var(--gc-orange);margin-top:4px} .godi-qty-row{display:flex;align-items:center;gap:12px;margin-bottom:16px} .godi-qty-label{font-size:14px;font-weight:600} .godi-qty-controls{display:flex;align-items:center;gap:0;border:2px solid var(--gc-border);border-radius:8px;overflow:hidden} .godi-qty-btn{width:36px;height:36px;border:none;background:var(--gc-gray);color:var(--gc-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s} .godi-qty-btn:hover{background:var(--gc-border)} .godi-qty-value{width:40px;text-align:center;font-weight:600;font-size:16px;border:none;background:#fff} .godi-upload-zone{border:2px dashed var(--gc-border);border-radius:var(--gc-radius);padding:30px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--gc-gray);margin-bottom:16px} .godi-upload-zone:hover{border-color:var(--gc-blue);background:rgba(66,180,230,.04)} .godi-upload-zone i{font-size:32px;color:var(--gc-blue);margin-bottom:8px;display:block} .godi-upload-zone span{font-size:14px;color:var(--gc-text-light)} .godi-upload-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .godi-upload-preview img{width:70px;height:70px;object-fit:cover;border-radius:8px;border:2px solid var(--gc-border)} .godi-upload-preview .godi-preview-item{position:relative} .godi-upload-preview .godi-preview-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--gc-orange);color:#fff;border:none;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center} .godi-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px} .godi-day-btn{padding:8px 4px;text-align:center;border:2px solid var(--gc-border);border-radius:8px;cursor:pointer;background:#fff;transition:all .2s;font-size:12px} .godi-day-btn:hover{border-color:var(--gc-blue)} .godi-day-btn.selected{border-color:var(--gc-orange);background:var(--gc-orange);color:#fff} .godi-day-btn .day-name{font-weight:600;display:block} .godi-day-btn .day-num{font-size:16px;font-weight:700;display:block} .godi-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px} @media(max-width:600px){.godi-time-grid{grid-template-columns:repeat(3,1fr)}} .godi-time-btn{padding:10px;text-align:center;border:2px solid var(--gc-border);border-radius:8px;cursor:pointer;background:#fff;font-size:14px;font-weight:500;transition:all .2s} .godi-time-btn:hover{border-color:var(--gc-blue)} .godi-time-btn.selected{border-color:var(--gc-orange);background:var(--gc-orange);color:#fff} .godi-urgency-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px} .godi-urgency-card{border:2px solid var(--gc-border);border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .2s;background:#fff} .godi-urgency-card:hover{border-color:var(--gc-blue)} .godi-urgency-card.selected{border-color:var(--gc-orange);background:rgba(232,97,60,.04)} .godi-urgency-card i{font-size:20px;margin-bottom:6px;display:block} .godi-urgency-card-label{font-size:13px;font-weight:600} .godi-row{display:flex;gap:12px} .godi-row>.godi-field-group{flex:1} @media(max-width:600px){.godi-row{flex-direction:column;gap:0}} .godi-btn-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px} .godi-btn{padding:12px 28px;border:none;border-radius:8px;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px} .godi-btn-prev{background:var(--gc-gray);color:var(--gc-text)} .godi-btn-prev:hover{background:var(--gc-border)} .godi-btn-next{background:var(--gc-orange);color:#fff;margin-left:auto} .godi-btn-next:hover{background:var(--gc-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(232,97,60,.3)} .godi-btn-submit{background:linear-gradient(135deg,var(--gc-orange),#f07c5c);color:#fff;margin-left:auto;padding:14px 36px;font-size:16px} .godi-btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(232,97,60,.35)} .godi-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important} .godi-summary{background:var(--gc-gray);border-radius:var(--gc-radius);padding:18px;margin-bottom:16px} .godi-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gc-border);font-size:14px} .godi-summary-row:last-child{border-bottom:none} .godi-summary-row .label{color:var(--gc-text-light);display:flex;align-items:center;gap:8px} .godi-summary-row .label i{color:var(--gc-blue);width:16px} .godi-summary-row .value{font-weight:600;color:var(--gc-dark)} .godi-summary-total{display:flex;justify-content:space-between;padding:14px 0 0;margin-top:6px;border-top:2px solid var(--gc-border);font-size:18px;font-weight:700} .godi-summary-total .price{color:var(--gc-orange)} .godi-success{text-align:center;padding:30px 20px} .godi-success i{font-size:56px;color:#22c55e;margin-bottom:16px} .godi-success h3{font-size:22px;font-weight:700;color:var(--gc-dark);margin-bottom:10px} .godi-success p{color:var(--gc-text-light);font-size:14px} .godi-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;color:#dc2626;font-size:13px;margin-bottom:12px;display:none;align-items:center;gap:8px} .godi-error i{flex-shrink:0}