/*
|--------------------------------------------------------------------------
| WEBHATSHOSTING.NET
|--------------------------------------------------------------------------
| Module Commande Création Sites Web + Paiement
*/

.cw-admin,.cw-order{background:#11141d;border:1px solid #2a3040;border-radius:24px;padding:28px;color:#fff}
.cw-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}
.cw-head h1{font-size:36px}.cw-head p{color:#aeb6c8;margin-top:8px}
.cw-btn,.cw-savebar button{display:inline-block;background:#171b27;color:#fff;border:1px solid #2a3040;border-radius:14px;padding:13px 18px;font-weight:900;text-decoration:none;cursor:pointer}
.cw-btn.red,.cw-savebar button{background:#ff1025;border-color:#ff1025}
.cw-alert{background:#102918;border:1px solid #2ecc71;padding:14px;border-radius:12px;margin-bottom:18px}
.cw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.cw-stats div,.cw-panel{background:#0b0d14;border:1px solid #2a3040;border-radius:22px;padding:22px}
.cw-stats strong{display:block;color:#ff1025;font-size:32px}.cw-stats span{color:#aeb6c8}
.cw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cw-card{background:linear-gradient(180deg,#171b27,#10131c);border:1px solid #2a3040;border-radius:28px;padding:26px;position:relative;color:#fff}
.cw-card.featured{border:2px solid #ff1025;transform:translateY(-8px)}
.cw-icon{font-size:38px;margin-bottom:15px}
.cw-badge{display:inline-block;background:#ff1025;color:#fff;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:900}
.cw-card h2{font-size:25px;margin:15px 0;color:#fff}
.cw-card p{color:#aeb6c8;line-height:1.55;min-height:70px}
.cw-price{color:#ff1025;font-size:34px;font-weight:900;margin:20px 0}
.cw-card ul,.cw-detail ul{list-style:none;margin:20px 0}.cw-card li,.cw-detail li{margin:9px 0;color:#e9ecf5}.cw-card li:before,.cw-detail li:before{content:"✓";color:#ff1025;margin-right:8px;font-weight:900}
.cw-payments{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.cw-payments span{background:#333;border-radius:20px;padding:7px;text-align:center;font-size:12px;font-weight:900}.cw-payments .on{background:#127a3a}.cw-payments .off{background:#555;color:#bbb}
.cw-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cw-actions a{width:100%;text-align:center;background:#0b0d14;color:#fff;border:1px solid #293040;padding:11px;border-radius:12px;text-decoration:none;font-weight:900}.cw-actions .edit{background:#ff1025}
.cw-form{display:grid;gap:20px}.cw-panel h2{color:#ff1025;margin-bottom:18px}.cw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cw-form-grid .full{grid-column:1/-1}
.cw-form label{display:block;font-weight:900;margin-bottom:8px}.cw-form input,.cw-form textarea,.cw-form select,.cw-order textarea{width:100%;background:#07080d;border:1px solid #303747;color:#fff;border-radius:12px;padding:14px}
.cw-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cw-checks label{background:#07080d;border:1px solid #303747;border-radius:14px;padding:14px}.cw-checks input{width:auto}
.cw-savebar{position:sticky;bottom:0;background:rgba(5,6,10,.88);border:1px solid #2a3040;border-radius:18px;padding:16px;display:flex;justify-content:flex-end;gap:12px}.cw-savebar a{background:#0b0d14;color:#fff;border:1px solid #303747;padding:12px 16px;border-radius:10px;text-decoration:none}
.cw-hero{padding:90px 7%;background:linear-gradient(135deg,#07080d,#240006);color:#fff;text-align:center}.cw-hero h1{font-size:54px}.cw-hero p{color:#aeb6c8;margin-top:12px;font-size:18px}
.cw-grid:not(.admin-grid){padding:70px 7%;background:#07080d}
.cw-detail{padding:90px 7%;background:#07080d;color:#fff}.cw-detail h1{font-size:52px;margin:15px 0}.cw-detail p{color:#aeb6c8;font-size:19px;max-width:800px}
.cw-order h1{font-size:34px}.cw-order p{color:#aeb6c8;margin:15px 0}.pay-option{display:block;background:#07080d;border:1px solid #303747;border-radius:14px;padding:15px;margin:12px 0}
@media(max-width:1180px){.cw-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cw-head{display:block}.cw-stats,.cw-grid,.cw-form-grid,.cw-checks{grid-template-columns:1fr}.cw-card.featured{transform:none}}