/*
|--------------------------------------------------------------------------
| WEBHATSHOSTING.NET
|--------------------------------------------------------------------------
| Module Plans Infogérance Pro + Paiement
*/

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